지금은 함께 따라 할 때 필요한 도구들을 살펴보겠습니다.
먼저, 코드 편집기가 필요합니다. Visual Studio Code(VS Code), Sublime Text, Atom 등 다양한 코드 편집기가 있습니다.
본 강좌에서는 웹 서버를 시작하고 코드를 서식화하는 몇 가지 확장프로그램과 함께 VS Code를 사용할 예정입니다.
당신이 좋아하는 코드 에디터를 사용해도 좋지만, 그렇지 않으면 code.visualstudio.com 으로 이동하여 최신 버전의 VS Code를 다운로드하세요.
이제, 여기서 VS Code 안에서 몇 가지 확장 프로그램을 설치할 것입니다.
그럼 확장 프로그램 패널을 열어서 Prettier를 검색해 보겠습니다.
여기 설치할 확장 프로그램입니다 – Prettier Code Formatter.
이 확장 프로그램을 사용하면 코드를 서식 지정하여 일관되고 예쁘게 만들 수 있습니다. 이 확장 프로그램은 매우 인기가 있고 이미지에서 볼 수 있듯이 3000만 회 이상 다운로드되었습니다.
그래서 빨간색으로 강조한 설치 버튼을 볼 수 있습니다. 그냥 클릭하면 끝나요.
다음으로, Live Server라는 다른 확장 프로그램을 설치할 예정입니다. 이를 사용하면 개발 웹 서버 내에서 웹 사이트를 시작할 수 있습니다.
이 확장 기능은 매우 인기가 많습니다. 이미 3200만 회 이상 다운로드되었습니다.
이제 이에 추가로 브라우저를 사용하여 웹페이지를 보고 테스트할 것입니다. 여러분은 여전히 선호하는 브라우저를 사용할 수 있지만, 이 안내서에서는 구글 크롬을 사용하겠습니다. 같은 브라우저를 사용하여 수업을 쉽게 따라오실 것을 권장합니다.
다음 게시물에서 뵙겠습니다!
참고로, 이것은 새로운 시리즈입니다. 약간의 호기심이 생기면 다른 분들과 함께 참여해 보세요.