공부기록용

반복문 반복문은 비슷하거나 동일한 구문을 반복해서 수행할 수 있는 구문이다. 대표적인 반복문은 다음 두 가지이며, 두 반복문은 구조 및 동작방식에서 차이를 보인다. (ex.while, for) while문 키워드 while을 이용해 만드는 구문 while문은 '주어진 조건이 참일 동안에 구문을 반복'하는 반복문이다. 조건이란 boolean을 반환하거나 boolean으로 해석될 수 있는 표현식이며, 반복 구문은loop(루프)라고도 한다. while(조건){ // 조건이 true인 동안에 반복 수행할 코드 } let number = 1; while(number 처음, number이 1 --> number은 +=의 조건으로 2가 됨 ..

조건문(제어문) 조건문이란 주어진 조건의 참, 거짓 여부에 따라 프로그램의 흐름을 결정할 수 있는 구문을 뜻한다. (여기서 조건이란, boolean 데이터로 해석할 수 있는 표현식을 의미한다.) ex. 게임 캐릭터의 HP가 0입니까?_true일 경우 캐릭터가 죽는다. 조건문(은 아무리 길어도) 하나의 구문일 뿐! 조건문의 실행을 마치고 나면 코드 진행 흐름은 이어지는 다음 구문으로 자연스럽게 이동한다. If문 키워드 if 를 이용해 만드는 구문 'if문'은 가장 일반적인 형태의 조건문이다. if(조건){ // 조건이 true일 때 실행할 코드 } let number = 3 if(number === 3){ console.log("It is true!") } // 변수 number의 값이 3과 같다면 con..

비교연산(Comparison operators) 주어진 두 항을 비교할 수 있는 연산자로, 두 가지 유형의 비교를 할 수 있다. 비교하는 작업 또한 '연산'의 일종이라 할 수 있다. 크냐 작냐 (대/소 비교), 같냐 다르냐 (등가 비교) 비교 연산식은 언제가 boolean 데이터를 반환한다. 질문에 대한 답이 boolean의 참(true) 또는 거짓(false)인 것이다. ex. 3이 5보다 작은가? true! 대소비교 대소 비교는 다음 네 가지 연산자를 사용해 처리할 수 있다. (연산자 의미는 앞에 있는 피연산자 기준) 등가비교 등가 비교는 다음 네 가지 연산자를 사용해 처리할 수 있다. 등호(=는 대입하겠다는 의미) 하나는 대입연산자이므로, 기호 개수를 잘 확인해가며 사용해야한다. 논리연산자 (Log..

※렌더링의 세부 과정 브라우저는 HTML 코드를 해석해서 요소들을 트리 형태로 구조화해 표현하는 문서(객체)를 생성한다. 이 문서(객체)를 DOM이라고 하며, 브라우저는 DOM을 통해 화면에 웹 콘텐츠들을 렌더링한다. DOM의 존재 목적 DOM은 Javascript를 사용해서 웹 콘텐츠를 추가, 수정, 삭제하거나 마우스 클릭, 키보드 타이핑, 등 이벤트에 대한 처리를 정의할 수 있도록 제공하는 프로그래밍 인터페이스(interface)이다. 자바스크립트가 웹문서에 대한 어떤 동작을 구현하고나면 자바스크립트 파일이 아닌 돔에 그 결과들이 반영되고 그 내용을 토대로 웹브라우저 화면이 다시 렌더링되는 흐름이 나타난다. 사용자와 실질적으로 동적인 상호작용을 해준다. doucument 브라우저 객체 window의 ..

연산 연산이란 '식이 나타낸 일정한 규칙에 따라 계산함'을 뜻한다. 사용자는 Javascript 코드를 통해 연산을 처리하는 식을 만들 수 있고, 여기에 사용하는 기호를 '연산자'라고 한다. 문자열 붙이기 + 를 사용하여 문자열을 이어 붙이기(문자열과 숫자를 이어붙이면 숫자가 문자로 인식된다.) console.log('My' + ' car') // My car를 출력 console.log('1' + 2) // 12를 출력(2는 숫자인데 문자로 인식되서 12로 출력됨) 템플릿 리터럴(Template literals) 기존의 문자열은 따옴표를 이용해 표현했지만, 템플릿 리터럴은 백틱을 이용해 표현한다. // 기존의 문자열 const str = '작은 따옴표' const str = "큰 따옴표" // 백틱을 ..

변수(Variable) 변수란, '데이터에 붙이는 이름표'이다. 변수를 이용하면 이름표를 붙여 둔 데이터를 기억해두었다가 필요할 때마다 재사용 할 수 있게 된다. (데이터를 기억하기 위해 사용하는 수단) let 변수이름 = 값/데이터; 변수가 생성되면, 변수(변수이름)를 지정된 데이터 대신 사용할 수 있다. ※데이터타입(숫자, 문자열, null, undefined, boolean) 변수를 이용하면 자바스크립트로 표현할 수 있는 모든 데이터를 기억할 수 있다. Javascript는 다양한 유형의 데이터를 표현 및 사용할 수 있다.(Javascript 코드로 표현할 수 있는 모든 데이터는 변수에 대입될 수 있다.) 숫자(number) 문자열(string) Javascript에서는 어떤 데이터를 사용하고 싶은..