프로젝트의 코드 구조를 터미널에서 파악하고 싶을 때,혹은 트리구조를 txt파일로 만들어서 공유하고 싶을 때 유용한 tree라는 앱이 있습니다. 설치하기 맥에 이미 홈브루가 설치되어 있다면, 터미널에서 아래 명령어로 설치가 가능합니다. brew install tree 아래와 같은 화면이 나오면서 설치 완료! 이제 원하는 위치에 가서 아래 명령어를 치면, 해당 폴더에 있는 파일들의 구조가 트리형식으로 표현이 됩니다. tree 필수 Tree 명령어 그냥 tree 명령어를 치면, 모든 하위 폴더 안의 내용까지 다 나오기 때문에 몇 가지 옵션 명령어를 익혀두면 편합니다. 1. 기본 : 모든 구조를 다 보여준다. tree 2. 디렉토리들만 보기 : 프로젝트 구조분석에 좋다. tree -..

웹 브라우저마다 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. 맥에서 구글 크롬에게 위치 정보 접근 권한을 주자. 크롬에서 아래 문구가 뜰 때, 아무리 크롬에서 해당 페이지에 위치정보를 허가해 주어도 제대로 작동하지 않습니다. 맥에서 구글 크롬에 위치정보를 넘겨주는 행위 자체를 허용하지 않기 때문입니다. (평소 개..