프론트엔드 개발자 로드맵

빈 파일에서 페이지 하나를 만들 수 있을 만큼 HTML, CSS, JavaScript를 익히고, 여기에 TypeScript와 프레임워크 하나를 더하세요(React가 안전한 선택입니다). 그다음 Git을 배우고, 튜토리얼 없이 실제 프로젝트를 서너 개 만들어 인터넷에 올리면 됩니다. 이 경로가 정확히 그 순서입니다. 수료증보다 프로젝트가 중요합니다. 채용 담당자가 30초 만에 판단할 수 있는 건 프론트엔드에서는 포트폴리오뿐이기 때문입니다.

HTML이 먼저, 그다음 CSS, 그다음 JavaScript입니다. 시간은 JavaScript에 가장 많이 쓰세요. HTML은 두어 주, CSS는 한 달쯤이면 익숙해지지만 JavaScript는 온전한 프로그래밍 언어이고, 독학하는 프론트엔드 개발자 대부분이 대충 넘어가는 지점이기도 합니다. 이 경로는 프레임워크가 등장하기 전에 JavaScript에 세 개 섹션과 DOM 섹션 하나를 배정합니다.

취업을 목표로 한다면 사실상 필요합니다. 실무의 React, Next.js 코드베이스는 절대다수가 TypeScript로 작성되어 있고, 채용 공고에 'JavaScript'라고 적혀 있어도 실제로는 TypeScript인 경우가 많습니다. JavaScript가 탄탄하다면 짧은 단계이기 때문에, 이 경로에서는 맨 끝이 아니라 React 바로 앞에 놓았습니다.

원하는 특정 회사가 다른 걸 요구하지 않는 한 React입니다. 채용 공고 수가 압도적으로 많고 생태계도 가장 크며, 그 위에 얹히는 Next.js는 새로 만들어지는 프로덕션 사이트 대부분이 쓰는 선택지입니다. 컴포넌트, 상태, props, 렌더링 같은 개념은 나중에 Vue나 Angular로 한두 주면 옮겨 갑니다. 이 경로는 React와 Next.js를 가르칩니다.

하루 한 시간이면 포트폴리오를 갖춘 주니어 수준까지 대략 6~9개월입니다. 이 경로에서 HTML과 CSS는 합쳐서 6~8주, JavaScript는 2~3개월, TypeScript는 2주, React와 Next.js는 6주가 걸리고, 프로젝트 단계는 계속 만드는 동안 이어집니다. 의미 있는 숫자는 끝낸 레슨 수가 아니라 완성한 프로젝트 수입니다.

별도의 강의로는 아직 없고, 페이지를 부풀리기보다 그 사실을 밝히는 쪽을 택합니다. 접근성 있는 페이지의 토대인 시맨틱 마크업은 HTML 단계에 들어 있고, React 자체의 상태 관리도 다룹니다. 테스트 강의, 더 깊은 접근성 작업, 상태 관리 라이브러리는 커리큘럼 로드맵에 올라 있으며 공개되는 대로 새로운 단계로 이 경로에 합류합니다.

네, 그 강의들이 포트폴리오로 이어진다면요. 이 경로가 8개의 프로젝트로 끝나는 이유가 바로 그것입니다. 기업이 보는 것은 여러분이 만들었고 바로 열어 볼 수 있는 페이지, 그걸 여러분이 만들었음을 보여 주는 Git 기록, 그리고 레이아웃과 컴포넌트를 설명할 수 있는 면접입니다. 셋 다 이 경로에서 나오고, 어느 것도 유료 부트캠프를 필요로 하지 않습니다.

네. 모든 단계를 마치면 프론트엔드 개발자 경로 전체에 대한 무료 수료증 하나를 받습니다. 과정에서 마친 모든 강좌가 기재되고 각 강좌의 수료증으로 연결되어, 누구나 기재된 모든 기술을 확인할 수 있어요. LinkedIn 프로필에 추가할 수 있습니다. Coddy가 발급하는 수료증이며, 공인 자격이 아닙니다.