Today I Learned/JavaScript

[JavaScript] 배열과 객체

배열의 선언방법 let arr = []; // 빈배열 선언 arr = [1, 2, 3, 4, 5]; // 배열에 값 할당 console.log(arr) // [1,2,3,4,5] 대괄호([])를 이용해서 배열을 만듭니다. 배열은 순서가 있는 값으로, 각 요소의 순서를 인덱스라고 부르며, 1이 아닌 0부터 번호를 매깁니다. 각각의 값들을 요소(element)라고 부르며, 쉼표(comma)로 구분해줍니다. 객체의 선언방법 let user = {}; user = { name = "Bagyun", email = "Bagyun@naver.com", city = "Seoul" } 객체는 중괄호({})를 이용해서 만듭니다. 객체는 키와 값(key-value)로 값을 넣어야합니다. 각각의 값들을 속성(Property)..

[JavaScript] 반복문 break문, continue문

반복문을 특정 조건에 만족하면 종료하고싶거나, 특정 조건을 제외하고 계속 반복하게끔 만들고 싶을 때가 있습니다. 그런 상황일 때 사용하는 break문과 continue 문을 알아봅시다. 먼저, break문은 반복문이 특정 조건에 만족할 때 종료를 시킵니다. for (let n= 0; n

[JavaScript] for, while 반복문

반복문은 동일한 코드를 여러번 반복하여 실행시키고 싶을 때 사용하는 구문입니다. 앞으로 코딩하면서 굉장히 많이 사용하기 때문에 기본 개념을 확실히 아는 것이 중요합니다. 먼저, for문 반복문은 반복할 내용을 중괄호 안에 입력한다. 반복할 조건을 초기화, 조건식, 증감문 순으로 넣어준다. let sum = 1 for(let n=0; n

[JavaScript] 조건문 / 비교 연산자, 논리 연산자

조건문에는 연산자가 꼭 쓰여야합니다. 조건문에서는 사용하는 연산자들이 여럿 있는데, 비교 연산자와, 논리 연산자에 대해서 알아봅시다. 비교 연산자란? === // 일치 !== // 불일치 var1 > var2 // var1이 더 크다 var1 >= var2 // var1이 더 크거나 같다 var1 < var2 // var2가 더 크다 var1 =< var2 // var2가 더 크거나 같다 ==, != // 이 부등호도 있으나, 완벽한 비교를 하지않아 사용 빈도가 많이 낮다. 이와 같이 서로를 비교하여 비교 결과가 참인지 거짓인지에 대한 값을 반환합니다. 자바스크립트에선 이러한 값들을 Boolean 값이라하며, true, false 를 반환합니다. 그렇다면, 논리 연산자란? && // 논리 AND || /..

[JavaScript] 조건문 / if ,else if, else문

조건문이란? 어떠한 조건을 판별하는 기준을 만드는 것입니다. if ( 조건1 ) { 조건1이 충족되면 실행 } else if ( 조건2 ) { 조건1이 충족이 안되고 조건2가 충족되면 실행 } else { 위에 있는 조건들이 충족되지 못했을 때 실행 } 이런 식으로 조건문을 사용하는 것인데 실 사용 예를 보여드리자면, function ScoreToGrade(score) { let grade = ''; // grade를 선언하고, ''을 할당한다. if(score > 100 || score 89) { grade = 'A'; } else if(score > 79){ grade = 'B'; } else if(score > 69..

[JavaScript] 변수 사용법 및 주의사항

변수를 사용하기 위해선 '선언'과 '할당'을 해야 합니다. 여기서 '선언'은 보관함 확보를 뜻하고 '할당'은 보관함에 데이터 저장을 뜻 합니다. 순차적으로 1.보관함 확보 [선언(declaration)] 2.보관함에 데이터 저장 [할당(assignment)] let name; name = bagyun; -> 이런 식으로 구현이 가능 *선언과 할당 동시에 가능* let name = 'bagyun'; 이렇게 하면 'name'이라는 보관함에 'bagyun'이라는 데이터를 저장한 셈입니다. 여기서 몇 가지 주의사항과 알아야 할 점에 대해서 알아봅시다. 1. 보통 '='이라는 식은 같다고 알고 있으나, 프로그래밍에선 'name'에 'bagyun'라는 값을 대입(assign)하는 것입니다. *꼭 기억하기* 2. 선..

[JavaScript] 변수

변수는 프로그래밍을 배울때에 가장 처음으로 접하게되는 용어일 것 입니다. 프로그래밍에 있어서 가장 기초가 되는 것으므로, 개념을 정확히 인지하고 시작하는 것이 중요합니다 그래서 여기서 말하는 변수란? 간단하게 '하나의 값을 저장할 수 있는 저장공간' 입니다. 이런 저장공간을 사용하는 이유는 아래와 같습니다. 3*1 = 3 3*2 = 6 3*3 = 9 3*4 = 12 ....... 이러한 구구단 형식을 출력하고 싶을때 앞에 3의 숫자를 4*1 = 3 4*2 = 6 4*3 = 9 4*4 = 12 ....... 계속 변경해야하는 번거로운 상황이 발생하는데 조금 더 효율적인 방법으로 하기 위해 프로그래밍에선 변수라는 것을 사용합니다. let num = 3 num*1 = 3 num*2 = 6 num*3 = 9 n..