1. 함수 - 함수는 input이 주어질 때 일정한 조건에 의해 이를 처리하고 output을 출력하는 것을 의미한다. - 함수의 이름은 대부분 해당 함수가 어떤 기능을 가지는지를 나타낸다. * 하나의 함수에서 여러가지 기능을 가지는 경우는 함수를 기능별로 분할해서 사용하는 것이 좋다. 1-1. 자바스크립트에서의 함수 - 자바스크립트에서 함수는 block내에 있는 명령어를 실행한다. - 자바스크립트에서 함수는 오브젝트 타입을 가지고 있다. * 따라서 함수의 속성값들을 확인할 수 있다. // Function // - fundamental building block in the program // - subprogram can be used multiple times // - performs a task or..

1. Operator - 다른 프로그래밍 언어와 마찬가지로 비슷한 연산자를 가지고 있다. - string, numeric 연산자와 대입 연산자, 비교 연산자, 논리 연산자가 있다. - 특징적으로 자바 스크립트는 increment operator와 decrement operator가 있다. 이는 연산과 값을 증가 또는 감소 시키는 동작을 하는 것을 의미한다. 1-1. String operator - +: 문자열을 합치는 연산자. 문자열과 숫자가 함께 사용되면 문자열로 간주해 이를 더한다. console.log('my' + ' cat'); console.log('1' + 2); console.log(`string literals: 1 + 2 = ${1 + 2}`); console.log('I\'m Hanbi..

1. Variable - 변경될 수 있는 값 - 자바스크립트에서는 let을 사용하여 변수를 표현한다. (ES6에서 추가됨) - 이전까지는 var를 사용해 변수를 표현했지만 변수를 선언하기 전에 값을 할당할수도 있고, 출력또한 할 수 있는 문제(var hoisting)가 있다. 또한 block scope이 적용되지 않아 지금은 사용하지 않는 추세이다. - 어플리케이션마다 사용할 수 있는 메모리가 제한적으로 한정되어있다. 이때 변수를 정의하면 일정한 메모리 공간을 가리키는 포인터가 생긴다. 이때 변수에 저장되는 내용들이 메모리에 저장이된다. 1-1. block scope - {}를 사용해서 코드를 작성하면 블럭 밖에서는 해당 코드를 확인할 수 없다. - 메모리 최적화 등을 위해 적재적소에서 사용한다. 1-2..

HTML 파일 다운로드 동작 과정 사용자가 HTML 파일을 다운받았을 때, 브라우저는 한 줄씩 분석한다. HTML 문서와 CSS를 함께 DOM으로 받고, script에 있는 js 파일도 다운 받고 실행시킨다. 이때 script가 어떤 위치에 있느냐, 혹은 어떤 옵션을 가지고 있느냐에 따라 다양한 장단점이 존재한다. 0. script 태그에 옵션이 없는 경우의 동작과정 1. 한 줄마다 HTML을 파싱하며 CSS와 결합한 DOM을 만든다. 2. 이때 script 태그가 보이면 파싱을 멈추고 js파일을 다운받아서 실행한다. * fetching js, excuting js 3. js파일을 다운 받고, 실행한 뒤, 다시 HTML 문서를 파싱한다. 1. head에 옵션 없이 script 태그 넣기 단점 - js 파..