푸르생 스토리

아톰을 사용하시다 보면, 지나치게 깔끔함 때문에 사이드바가 어떻게 열리는지 모르는 분들이 많으신데요. 이렇게 생긴 창 화면에서 Add folders 버튼을 눌러 자신이 만든 html 파일이 있는 디렉토리(폴더)를 열어줍니다. 자! 사이드바가 열리는것을 확인 하였죠? 다른 IDE 도구에서도 보통 Veiw 칸이나 Tool 칸에 사이드바가 있으니 찾아보시면 되겠습니다.

크롬 개발자 도구란? 구글에서 만든 웹브라우저인 크롬에는 개발을 도와주는 다양한 도구가 기본적으로 제공됩니다. 이를 개발자 도구라고 합니다. 개발자 도구를 이용하면 HTML, CSS, JavaScript의 생산성을 극대화할 수 있습니다. 이러한 도구들을 지칭하는 단어는 IDE 라고 합니다. IDE는 정확하게 이야기하자면 통합 개발 환경(Integrated Development Environment, IDE) 라고 하며, 저는 아래에 보이는 아톰(Atom)을 사용하고 있습니다. 매우 가볍고 사용자의 시각적으로 보기 편안하게 도와 주는 도구입니다. 아톰은 다음과 같이 브라우저에서 무료로 다운로드가 가능하며 atom.io/ A hackable text editor for the 21st Century At G..