[지식루프의 IT공부] 웹개발 도전 1일차 - 필요한 도구 설치하기

두번째 인생을 위하여 40대에 처음으로 웹 개발 분야에 도전해보고자 합니다. 

 

사용 운영체제 : 맥북에어 M1

1. Visual Studio Code 설치

https://code.visualstudio.com/

 

위의 링크 클릭해서 다운로드 받을 수 있습니다. 

 

웹개발을 위해 HTML, CSS, Javascript 등을 작성하고 실행시킬 툴입니다.

atom 등 다른 툴을 사용하여도 됩니다. 그냥 저는 vs code 로 사용하여 공부하렵니다. 

2. Visual Studio Code Extensions 설치

extension은 VSCode 본래 기능 외에 더 유용한 기능들을 사용할 수 있게 해주는  기능을 플러그인과 같습니다.

제가 설치할 extension 것은 다음과 같습니다. 

 

Live Preview : 실시간으로 html 작성 결과를 보여줍니다.

Prettier : html 의 단락을 이쁘게 자동으로 정리해줍니다

vscode-icons : vscode 메뉴들을 아이콘으로 이쁘게 꾸며줍니다. 

링크를 클릭한 다음 "설치" 버튼을 클릭하면 VSCode 애플리케이션에 자동으로 설치됩니다.

3. 구글 크롬 설치

Google의 무료 브라우저입니다. 

https://www.google.com/intl/ko_kr/chrome/