Dev Diary 💻

이 글은 모던 자바스크립트 Deep Dive 바탕으로 정리한 내용입니다. 3.1 자바스크립트 실행 환경 자바스크립트를 브라우저 환경에서 실행하는 방법과 Node.js 환경, 그리고 VSCode를 활용해 브라우저나 Node.js 에서 실행하는 방법을 살펴봅시다. 3.2 웹 브라우저 여기서는 크롬 브라우저를 사용하도록 합니다. 3.2.1. 개발자 도구 개발자 도구는 웹 개발에 유용한 다양한 기능을 제공한다. - Elements : 로딩된 웹페이지의 DOM과 CSS를 편집해서 렌더링된 뷰를 확인해 볼 수 있음 - Console : 로딩된 웹 페이지의 에러를 확인하거나 console.log 메서드의 실행 결과 등을 확인할 수 있음 - Sources : 로딩된 웹 페이지의 js 코드를 디버깅 할 수 있음 - Ne..

이 글은 모던 자바스크립트 Deep Dive 바탕으로 정리한 내용입니다. 2.1 자바스크립트의 탄생 자바스크립트는 1996년 3월 넷스케이프 웹 브라우저에 탑재되었고, 이름이 바뀌어 최종적으로 자바스크립트가 되었습니다. 2.2 자바스크립트의 표준화 경쟁으로 인해 브라우저에 따라 웹 페이지가 정상적으로 동작하지 않는 크로스 브라우징 이슈가 발생하기 시작하면서, 웹패이지를 개발하기 매우 어려워졌습니다. 따라서 표준화된 자바스크립트의 필요성이 대두되고 표준화된 자바스크립트로 선택되었습니다. 2.3 자바스크립트 상징의 역사 렌더링이란? HTML, CSS, JS로 작성된 문서를 해석해서 브라우저에 시각적으로 출력하는 것을 말합니다. 서버에서 데이터를 HTML로 변환해서 브라우저에게 전달하는 과정 (SSR: Ser..