Small Step

자바스크립트에서는 Function(함수)의 역할이 되게 중요하다. 입력값을 받고 함수에 따라 원하는 결과를 출력한다. 그래서 함수에는 INPUT과 OUTPUT이 있는 게 특징이다. subprogram이라고 불릴 정도로 신경 써서 제작하는 게 좋다. 이 함수는 여러 번 사용할 수 있다는 장점이 있다. 하나의 함수는 한 가지의 일만 하도록 만들어야 한다. 함수의 이름을 정하기가 너무 어렵다면 이 함수가 너무 많은 일을 하는 건 아닌지 확인해 보면 좋다. 자바스크립트에서 함수는 객체이다. 객체로 간주되기 때문에 변수에 할당할 수도 있고 파라미터로 전달할 수도 있다. 함수의 선언 방법은 다음과 같다. function name(parameter) { body return ; } 함수의 이름, 함수로 전달될 파라미..

youtu.be/YBjufjBaxHo 이 영상을 보고 공부했습니다. 복습 Variable rw(read, write) 읽기 쓰기 가능 Const r(read only)읽기만 가능 primitive타입의 변수는 메모리에 그대로 저장된다. object는 너무 커서 메모리에 그대로 저장될 수 없어서 레퍼런스를 통해서 메모리의 위치를 가르킨다. immutable 변경이 불가능한 데이터타입들 mutable 변경이 가능한 데이터타입들 기본적으로 자바스크립트에서는 대부분의 object들은 변경이 가능하다.(mutable data type) 연산자 Operator String concatenation 문자연결 //1. String concatenation console.log('my' + ' cat'); console..

youtu.be/OCCpGh4ujb8 이 영상을 보고 공부했습니다. 변수 Variable 자바스크립트 ES6부터는 let키워드를 사용하여 변수를 만든다. let myname = 'small_step'; Block Scope 블럭을 이용하여 코드를 작성하면 블럭안의 코드를 볼 수 없다. { let myname = 'hello'; console.log(myname); myname = 'vayne'; console.log(myname); } console.log(myname); 다음과 같이 블럭안에 선언된 변수를 호출하면 console.log가 되지 않는 모습이다. 블럭안에 있지 않고 밖에 선언된 변수를 global scope라고 한다. 어느 곳에서 나 접근이 가능하다. 글로벌한 변수들은 메모리에 계속 남아있..

youtu.be/tJieVCgGzhs 이 영상을 보고 공부했습니다. 자바스크립트를 HTML에 포함하는 여러 가지 방법 head 태그에 넣는 방법 이렇게 head 태그에 넣게 되면 한 줄 한 줄 HTML을 읽게 됨 이렇게 되면 자바스크립트 파일을 다 다운로드하고 HTML을 읽으므로 웹페이지가 늦게 로딩될 수 있다. body 태그 마지막에 넣는 방법 이번에는 body태그 마지막에 자바스크립트 파일을 넣는 방법 HTML을 먼저 읽고 맨 마지막에 자바스크립트파일을 일게 된다. HTML을 먼저 읽게 되어서 웹페이지를 빨리 읽을 수 있지만 자바스크립트가 중요한 웹페이지라면 제대로 된 기능을 수행하기까지 오래 걸리 수 있다. head + async 사용 HTML을 다운로드하면서 병렬로 자바스크립트 파일을 다운로드한다..