-
-
Hello IT 프론트엔드 개발을 시작하려고 해 : 입문편 - HTML, CSS, JS 기본기부터 Git을 활용한 버전 관리와 클론 코딩까지, 2022년 세종도서 학술부문 선정도서 ㅣ HIT 시리즈 1
박영웅 지음 / 패스트캠퍼스 / 2022년 2월
평점 :
최근 개발자들의 몸 값이 비싸지고 있다. 그리고 개발자라면, 프론트엔드냐 백엔드냐로 가장 먼저 나뉘어진다.
이런 두가지 포지션 중에서, 이 책은 프론트엔드 즉, 우리가 인터넷을 할 때보이는 웹 페이지와 관련된 책이다. 특히나 저자는 패스트캠퍼스에서 강의를 진행해온 만큼, 수강생들이 궁금해할 요소들을 알기 쉽게 설명해준다.
인터넷 쇼핑몰, 블로그 같은 사이트를 봤을 때, '이런 웹 페이지는 어떻게 만들어지는 가'에 대해서 IT를 하는 사람이라면 호기심을 가져본 사람이 많을 것이다. 뭔가 정렬되어 있고, 알록달록하게 색깔이 들어간 만큼 작성하는 방식 또한 그래픽적 요소를 이용해서 디자인하지 않을까 싶기도 하지만 HTML, CSS, JS라는 요소에 대한 이해가 없이는 이해하는데 한계가 있다.
책에서 설명하기를, 간단히 HTML은 구조, CSS는 스타일(예쁘게 시각적 효과), JS는 동적인 것을 담당한다고 서술한다. 그리고 이에 대해서 HTML -> CSS -> JS 순으로 기본 형식부터 문법적인 요소들을 서술한다.
웹사이트에 있는 간단한 글자라도 우리가 보기엔 간단해 보이지만, 실제 코드로 작성을 하려면 지정해야 할 것이 많다. font-size, color, background 같은 속성들을 지정해주고, 여백들도 고려해 주어야 하니 웹 사이트 구성이 간단한 것은 아님이 분명하다.
물론, 기본 구조가 정해져 있다보니, 처음부터 하나하나 작성하지는 않는다지만, 어느 영역의 속성이 잘 못된 것인지 수정하기 위해 기본적인 태그에 대한 이해는 필수이다. HTML을 접한지도 오래되었지만, 이런 태그 같은 것은 잊기도 쉬워서, 조금씩 계속 찾아봐야 할 것 같다.
이렇게 HTML, CSS, JS를 작성하고 수정하려면, 결국에는 에디터가 필요하다. 간단한 HTML 코드의 경우 메모장으로 하는 경우도 많지만, 파일을 관리하던가 태그에 대한 가시성이 좋으려면 IDE는 필수적이다. 그리고 이 책은 이런 IDE로써 VSCODE를 사용한다. 그래서 VSCODE의 설치법부터 확장프로그램인 beautify 등의 조작법들에 대해서도 설명해준다.
VSCODE의 가장 큰 장점은 '무료'이다. 그래서 VISUAL STUDIO 와 같은 프로그램을 쓸 때 가장 큰 고민인 '라이센스'에 대한 고려를 안해도 된다. 그래서 나처럼 아직은 혼자 공부하는 단계에서는 라이센스 제한이 없으면서, 어느 정도 실무에서 사용하는 프로그램으로 서술해주는 자료가 좋은데 그런 점에서도 이 책은 내게 잘 맞는 책이었다.
VSCODE를 통한 HTML, JS 등에 대한 이해를 바탕으로 후반부에서 커피전문점 웹사이트 클론 코딩을 하는 부분이 있다. 실제 사용해볼 듯한 사이트 모양을 클론 코딩한다는 점에서, 호기심을 자극하고 따라해보고 싶은 욕구를 갖게 한다. 아직은 웹페이지에 대해서 낯설지만, 추후 나도 이런 사이트를 만들 수 있기를 바라 본다.