자바스크립트 마스터: 2021년 신입 개발자가 꼭 알아야 할 10가지 필수 팁

소개

대다수 초중급 개발자는 자바스크립트에 숨겨진 멋진 기능들을 모릅니다. 오늘 저는 실력 있는 자바스크립트 개발자가 되기 위한 핵심 요소 10가지를 공유하려 합니다. 일상 프로젝트에서 바로 써먹을 수 있는 해킹 팁들입니다.

1. 자바스크립트 기초를 탄탄히 다지세요

당연해 보이지만 간과하기 쉽습니다. 리액트(React), 뷰(Vue), 앵귤러(Angular) 같은 프레임워크를 다루는 개발자와 자바스크립트 핵심까지 꿰뚫는 개발자는 다릅니다.

둘은 반드시 일치하지 않습니다. 자바스크립트 핵심에 강한 개발자는 새로운 구현 방식을 빠르게 익힙니다. 반면 리액트만 익숙하다고 자바스크립트 전문가인 건 아닙니다.

자바스크립트 코드를 보면 대략 무슨 일이 벌어지는지 감이 와야 합니다. 스코프(Scope), 클로저(Closure), 가비지 컬렉션, 프로토타이핑, 문법 등은 미스터리가 아니어야 합니다. 모르면 언젠가 벽에 부딪힙니다. 코딩 인터뷰에서도 이런 걸 자세히 설명하라고 합니다. 더 어려운 질문도 나옵니다.

남 보여주려 배우지 마세요. 내 업무에 가치를 더하는 법을 이해하세요. 실력 있는 자바스크립트 코더로서 스스로를 존중하세요. 그 가치는 인생 어디서든 당신과 함께합니다.

2. 양질의 콘텐츠를 '읽으세요'

보는 게 아니라 '읽는' 겁니다. 학자들과 지혜로운 이들이 '독서가'라 불리고 '스크린벌레'라 불리지 않는 데엔 이유가 있습니다.

끝도 없는 저질 튜토리얼과 영상 훑어보기로는 멀리 못 갑니다. 대체로 몰입하지 못하니까요.

책은 수세기 동안 쓰여 왔고 그만한 이유가 있습니다. 책을 쓰는 건 하룻밤 일이 아닙니다. 저자가 정보를 모으고 기록하는 데 많은 시간을 들였단 뜻입니다. 웹상의 무료 콘텐츠엔 그런 과정이 생략된 경우가 많습니다.

책을 읽는 또 다른 큰 이점은 '완전한 집중'을 요구한다는 점. 책상에 앉아 책을 펴고 읽기 시작하면 그 순간엔 그 일만 합니다. 친구랑 대화하거나 아이랑 놀면서 책을 읽을 순 없습니다. 그럴 거면 실력 있는 자바스크립트 엔지니어가 되는 길에서 벗어난 겁니다.

좋은 책 한 권 사세요. 폰 끄고 몇 시간 오롯이 읽으세요. 비싸지만 '투자'입니다. 개발자인 당신에 대한 투자.

3. 다양한 프레임워크를 직접 다뤄보세요

유명 프레임워크들을 직접 만져보세요. 목록은 하루가 다르게 바뀌지만 리액트, 장고(Django), 앵귤러, 라라벨(Laravel), 넥스트(Next.js) 등은 피할 수 없습니다.

한가한 날 저녁, PC 켜고 하나씩 새 프로젝트 만들어 보세요. 문서가 잘 돼 있어 시작하는 데 몇 분 안 걸립니다. 코드 짜보고, 각 프레임워크 감을 익히고, 얕더라도 나만의 평가를 내려보세요.

전문가 설문에서 "왜 그 프레임워크를 쓰나요?" 물으면 "요즘 제일 유명해서요"라 답하는 경우가 많습니다. "인기 있다고 내겐 최고란 법 없죠"라 덧붙이지만, 정작 왜 인기 있고 좋은지, 어떤 요소가 맘에 드는지, 무엇이 더 낫다는 근거인지 물으면 대부분 침묵합니다. 안 해봤으니까요.

직접 해보세요. 실험하고, 놀고, 정보에 입각한 의견을 만드세요. 그 관점들을 여정에 동반하세요.

4. HTML과 CSS 이해하기

저는 자바스크립트를 사랑합니다. 하지만 HTML과 CSS가 웹의 기초이자 빌딩 블록이란 걸 잊지 마세요. 눈에 보이는 모든 건 HTML 요소에 스타일 입힌 겁니다.

리액트, 뷰, 앵귤러? 결국 다 HTML을 '뱉어'냅니다.

HTML과 CSS를 무시하거나 얕보지 마세요. 자바스크립트는 잘하는데 HTML/CSS를 모르는 개발자를 여럿 봤습니다. 위험합니다.

백엔드 자바스크립트 개발자만 할 거라면 몰라도, 웹사이트·웹앱을 만들게 될 확률이 높습니다. 그때 HTML, CSS, 자바스크립트 삼위일체 이해는 필수입니다.

이걸 과소평가하지 마세요. 자바스크립트 배우기 힘들듯 HTML과 CSS도 만만치 않습니다.