목록Web/javascript (8)
코딩하는 베어브릭
*변수 선언 js에서는 변수 선언타입이 두가지 있다. 1. let 2. const C언어의 경우에는 int, char, float 등등 다양한 자료형이 있기 때문에 변수를 선언할 때 자료형을 잘 선택해서 사용해야한다. 하지만 js에서는 자료형을 신경쓰지 않기 때문에 let, const 선언으로 모든 자료형을 지원한다. 그렇다면 let과 const의 차이점은 무엇일까? 그 차이점은 변수에 할당한 값을 변경할 수 있느냐 없느냐이다. let으로 선언하면 변수에 할당된 값을 변경할 수 있고, const로 선언하면 값을 변경할 수 없다. 다음의 예시를 보자. let으로 선언한 변수 fruit의 경우는 값을 변경해도 문제가 없다. 하지만 const로 선언한 변수 vegetable의 경우는 값을 변경하니 error가..
JavaScript문법에 대해 알아보기 전에 html파일에 js파일을 연결하는 법에 대해 알아본다. html파일의 위 경우는 웹이 코드를 위에서부터 아래로 순차적으로 읽으면서 html파일을 로딩하는 도중, 코드를 만나게 되면 html파일 로딩을 중단하고 js파일을 다운받는다. 그리고 js파일 다운이 완료된 후에 다시 html파일을 로딩한다. 하지만 이는 웹페이지 로딩시간이 오래 걸리게 된다. 이를 해결해주는 것이 바로 태그 속성인 asyn과 defer이다. asyn속성은 html파일을 로딩하는 동시에 js파일을 다운하고, js파일이 다운되면 즉시 웹페이지에 적용한다. 페이지 로딩 시간은 줄었으나 단점은 html파일이 로딩되기도 전에 js파일이 적용되었기 때문에 아직 정의되지 않은 태그에 js파일이 접근하..