dev_eun

html에서 script를 포함할 때 1. 안에 있는 경우 브라우저가 html 파싱을 할 때 blocking 된 후 js파일을 로드한다. 단점 : 만약 파일이 클 경우 웹페이지가 보이지 않을 수 있다. 2. 맨 끝에 있는 경우 파싱이 모두 끝난 후 js 파일을 로드한다. 단점 : 웹사이트가 js에 의존적일 경우(서버 데이터 받아옴, UI 꾸미기 등) fetching하기까지 오래걸릴 수 있다. 3. async js 파일을 병렬로 로드하고 blocking이 되지 않고 파싱을 계속한다. 단점 - 파싱이 끝나기도 전에 js파일이 fetching이 되면 js에서 조작해야 할 DOM 요소가 정의되지 않을 수 있다. - js를 실행할 때 파싱이 blocking이 될 수 있다. - 스크립트가 정의된 순서되로 실행되는 ..

html, js, css를 코딩을 하다보면 웹을 왔다갔다하면서 새로고침을 하는 게 굉장히 번거로웠다. 찾아보다가 알게된 좋은 vscode 익스텐션이 있다. vscode를 실행 후 익스텐션에서 Live Server 를 검색한다. 설치를 한 후 코드 창에서 우클릭을 하면 Open with Live Server와 Stop Live Server가 생겼다. Open with Live Server를 클릭하면 로컬 웹이 하나 열린다. 이제 코드를 한 번 수정해보자. 그럼 라이브로 웹에 적용이 된다. 새로고침 계속 안해줘도 된다!

열심히 블로그를 만들고 있었는데, footer가 컨텐츠의 길이에 맞춰 위로 올라오는 것이 보기 좋지 않았다. 구글링을 해보니 wrapper의 flex를 설정하는 글이 많아 시도했지만, 문제가 해결되지 않았다. Header Contents Footer * { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; } #wrap { text-align: center; display: flex; flex-direction: column; height: 100%; } header { width: 100%; height: 60px; background: #ddd; } main { } footer { width: 100%; height..