메모장에서 코드 에디터로 업그레이드를 해보자.

이번에는 코딩을 더욱 편리한 환경에서 할 수 있도록 도와주는 코드 에디터라는 것에 대해서 알아보겠습니다.
HTML을 공부하면서 어떤 사람에게는 필수이고, 어떤 사람에게는 선택사항인 녀석인데.. 한번 보고 판단해보시길 바랍니다.

지난 포스트

a 태그를 이용해 간단한 웹사이트 만들기

이번 포스트에서는 지금까지 공부한 것들을 토대로 아래의 생활코딩 강의 영상을 보면서 간단한 웹사이트를 만들어보겠습니다.

개발 도구 (a.k.a. 코드 에디터)

영상을 재생하기 전에 당부를 드리고 싶은 것은, 영상을 보면서 실시간으로 따라 하면서 코드 에디터를 다운로드하지는 않으셨으면 좋겠습니다.
일단은 그냥 영상을 보면서 '아, 저런 거구나..' 하고 느껴보세요.
그 이유는 이 영상은 약 7년 전의 영상입니다.
지금 많이들 사용하는 코드 에디터는 아마도 영상 속에서 소개하는 아톰^ATOM은 아닐 거라고 생각합니다.

이와 같이 코드 에디터는 코딩을 정말 편하게 할 수 있게 도와주는 도구입니다.
생활코딩의 강의 영상에서는 사용하고 싶지 않다면 안 써도 상관없다고 하셨지만, 써보면 신세계입니다.
그런데 컴퓨터가 점점 무거워지는 것이 싫어서 본인에게 정말 필요한 프로그램이 아니라면 되도록 설치하고 싶지 않은 분들이라면, 정리해드리겠습니다.

HTML과 CSS까지만 배워서 블로그를 꾸미려고 이걸 배우고 있다면 설치를 안 하셔도 됩니다.
그런데 앞으로 계속 코딩을 배우실 분이나 블로그 꾸미는 정도만 배워보려고 공부하고 있지만 컴퓨터에 뭐 설치하는 게 부담스럽지 않다면 무조건 설치하세요.
속도가, 삶의 질이 달라집니다.

비주얼 스튜디오 코드 Visual Studio Code

비주얼 스튜디오 코드 Visual Studio Code (a.k.a. VSC)

제가 사용하는 코드 에디터는 비주얼 스튜디오 코드Visual Studio Code입니다. 처음 사용하던 당시에는 VSC냐 아톰이냐 선택의 기로에 섰던 것 같은데.. 지금 분위기는 무조건 VSC입니다.

저는 비주얼 스튜디오 코드^{Visual Studio Code}라는 에디터를 사용하고 있습니다.
소개 영상과 다운로드하고 설치하는 영상도 보면서 비주얼 스튜디오 코드 홈페이지로 바로 가시려면 위의 포스트를 클릭해주세요.

다음 포스트

단락 p 태그와 줄바꿈 br 태그

HTML의 변천사와 통계 강의 영상을 본 다음에 단락을 나누는 p 태그와 줄을 바꾸는 br 태그를 배워보겠습니다.