웹 브라우저마다 default 값으로 저마다의 스타일이 적용되어 있습니다. 그래서 내가 설정하지 않은 스타일이 적용되는 경우를 볼 수 있습니다. 동일한 CSS 스타일을 보여주기 위해, default값을 초기화하는 작업이 필요한데, 이를 reset CSS 라고 합니다. 인터넷에서 Reset CSS 라고 검색해서 나온 코드를 쓰면 됩니다. https://meyerweb.com/eric/tools/css/reset/ CSS Tools: Reset CSS CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font si..

* [환경] Mac + VSCode + LiveServer + Google Chrome 자바스크립트로 브라우저의 위치정보를 불러올 때, 웹에서 '위치에 접근이 안된다('Location access denied')'고 알림이 뜰 때 조치 방법입니다. 원인은 크게 두 가지입니다. 1. 맥에서 크롬(웹브라우저)에 위치정보에 접근할 권한 자체를 안 줬다. 2. VSCode 라이브 서버의 Host 설정을 개인 IP로 설정했다. 보통은 1번에서 해결이 됩니다. 1. 맥에서 구글 크롬에게 위치 정보 접근 권한을 주자. 크롬에서 아래 문구가 뜰 때, 아무리 크롬에서 해당 페이지에 위치정보를 허가해 주어도 제대로 작동하지 않습니다. 맥에서 구글 크롬에 위치정보를 넘겨주는 행위 자체를 허용하지 않기 때문입니다. (평소 개..

1. Node.js 설치 자바스크립트를 공부하기 위해서는 Node.js 설치가 필요합니다. Node.js 는 자바스크립트 런타임 환경입니다. 브라우저에서만 동작하던 자바스크립트를 브라우저 이외의 환경에서 동작시킬 수 있는 자바스크립트 실행 환경이라고 생각하시면 됩니다. Node.js는 프론트엔드 개발에 필수적인 환경이라고 할 수 있기 때문에 필히 설치해줍니다. 아래 홈페이지에 가서 LTS(Long Term Supported) 버전을 다운 받아 설치하면 됩니다. https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org node.js를 설치하면, node.js ..