소개

HTML과 CSS로 홈페이지를 만들려면

편집기

브라우저

이 두 가지가 필요합니다.



그래프를 보면 알 수 있듯이 엔지니어 3명 중 1명이 Visual Studio Code 사용
하는 것입니다.

그래서 이번에는 Visual Studio Code를 사용합니다.

1.VisualStudioCode 설치

사이트 방문

이번에는 macOS에서 갑니다.
아래 링크를 통해 액세스하고 Mac 용 다운로드를 클릭하십시오.
htps : // 여기.ゔぃすあ lsつぢお。 코m/

다운로드

클릭하면 자동으로 다운로드가 시작됩니다.

zip 파일 압축 풀기

화면 오른쪽 하단의 ① 아이콘을 클릭하면 다운로드 폴더에 들어간 파일 목록이 나오므로 해당 ②를 클릭합니다.

※Finder로부터 직접이든 위에서도 어느 쪽에서도 좋다

응용 프로그램 폴더로 이동

다운로드 폴더 VisualStudioCode 표시된다고 생각합니다만, 아직 열지 말아 둡시다.
해당 아이콘을 드래그 앤 드롭으로 사이드 메뉴의 '애플리케이션'으로 이동합니다.

인증 버튼 누르기

화면이 나타나면 "인증"버튼을 눌러 관리자 로그인 정보를 입력하고 인증합니다.

응용 프로그램 폴더에서 VisualStudioCode 열기

이것으로 에디터의 개발 환경은 끝입니다.
수고하셨습니다!

요약

이번 브라우저까지 쓰고 싶었지만 길어질 것 같아서 「전편」 「후편」이라고 말한 형태로 나눠 달라고 합니다.

이번에 소개한 VisualStudioCode는, 디폴트로 편리한 기능이 갖추어져 있고, 취급의 용이성도 발군이므로, 초보자도 사용하고 있어 불편이라고 하는 것이 거의 없다고 생각합니다.

만약 기능으로 곤란한 일이 있어도, VSCode는 인지도가 높고, 넷에 많은 정보가 실려 있기 때문에, 검색하면 얼마든지 해결책이 나옵니다.
※Qiita를 유효 활용합시다! ! ! !

다만, 처음에는 어떤 에디터를 사용해도 차이를 잘 모르겠다고 생각합니다.

그러나, 사용해 가는 중에 「이런 기능을 붙이고 싶다」 「이것이 편리」라고 느끼는 것이 늘어나고 있다고 생각하므로, 그 후에 자신에게 적합한 텍스트 에디터를 찾아 자꾸자꾸 코드를 써 갑시다!

참고문헌

【2020년 최신판】 프로그래밍 효율을 올리는 텍스트 에디터
htps : // f 롱텐 d-아 ry. 코 m/p로g 라민 g-에아와 r/
MacOS에서 Visual Studio Code를 설치하는 단계
htps : // 이 m / 와타무라 / ms / 51c70f b848 5f956fd6