해당 글은 Wonkun Kim님의 [번역] 6개월 안에 풀 스택 개발을 배우는 궁극의 가이드, 단 3만 원으로! 라는 글에서 나오는 풀 스택 개발자 로드맵에 대한 내용입니다. 

 

저는 실제로 아래의 #1에 해당하는 The Web BootCamp by Colt Steele, Udemy의 온라인 코스 강의를 듣고 있습니다. 처음에는 캡션으로 출력되는 한글 자막을 보고 했었는데, 워낙 발음이 깔끔하고 설명을 쉽게 하는 친구라 자막 없이도 들을만 합니다. 

 

또한 모르는 부분이나 잘 안되는 부분에 대해서는 질문을 남기면 보통 1-2일 안에 조교들한테서 답변이 오니까 상당히 피드백도 좋은 편입니다.  

 

무엇보다 해당 코스가 좋은 점은 HTML, CSS, Javascript에 이은 백앤드까지 전체적인 프로젝트가 어떻게 구현되는지 알 수 있다는 점입니다. 총 47시간 405개의 강의인데, 세션 8,9는 넘어가시고 최대한 빨리 한 바퀴 돌리면서 전체적인 흐름을 파악하는게 중요합니다. (블로그에 lecture 별로 강의 내용 정리해놨으니까 혹시 잘 안되시는 부분 있으시면 참조하시거나 질문 주시면 바로 답변 달아드리겠습니다.) 

 

 

 

[번역] 6개월 안에 풀 스택 개발을 배우는 궁극의 가이드, 단 3만 원으로!

웹 개발 공부 가이드 2017년 버전.

medium.com

 

(역자: 이 포스트는 Brandon Morelli의 The Ultimate Guide to Learning Full Stack Web Development in 6 months,for $30를 번역한 것입니다.)

안녕 친구들! 이 포스트에서 난 어떻게 단, 6개월 안에 그리고 3만 원 이하로 웹 개발에 대해서 거의 모르거나 아예 모르는 상태에서 초급 풀 스택 개발자가 될 수 있는지 보여줄 거야.

이 포스트는 네가 알아야 하는 모든 것을 커버할 거야. 너는 먼저 온라인 코딩 부트캠프로 (1.5만 원) 웹 개발의 기본적인 것들을 배울 거야. 너는 그다음으로 고급 부트캠프를 (1.5만 원) 하게 될 거야. 그다음에, 우리는 네가 첫 두 번의 부트캠프에서 배웠던 모든 것들을 강화하도록 무료 튜토리얼들, 포스트들 그리고 문서로 점프할 거야. 다음으로, 너는 네가 배운 새로운 스킬들을 가지고 몇 가지 프로젝트를 만들고 그것들을 깃허브에 오픈소스화하게 될 거야. 마지막으로, 우리는 이력서 만들기, 인터뷰 준비 그리고 연봉 협상에 집중할 거야.

밝힘: 나는 리뷰들을 쓰고 내가 리뷰한 제품들을 파는 회사들로부터 보상을 받아. 여기에 표현된 모든 의견은 나 자신의 것이야.

이 가이드를 따랐을 때 네가 배우게 될 것들:

  • HTML/CSS
  • jQuery (제이쿼리)
  • JavaScript (자바스크립트)
  • Git/Version Control (깃/버전 컨트롤)
  • React (리액트)
  • Node.js (노드)
  • MongoDB (몽고디비)

준비 됐어? 그럼 들어가 보자고!

#1. 웹 개발 부트캠프

먼저 — 너는 기본적인 것들과 웹 개발 원칙들에 대한 든든한 토대를 마련할 필요가 있어. 이걸 하는 데 여러 방법이 있지만 내 생각에는 가장 좋은 그리고 가장 쉬운 방법이 있다고 생각해.

The Web Developer Bootcamp | Udemy

The only course you need to learn web development - HTML, CSS, JS, Node, and More!

bit.ly

 

콜트 스틸 (Colt Steele)의 웹 개발 부트캠프는 돈으로 살 수 있는 단 하나의 최고의 웹 개발 강좌야. 그건 가끔 2만 원 이하로 세일할 때가 있고, 40시간 이상의 맟춤형 콘텐츠로 채워져 있어.

강사인 콜트 스틸은 온라인 코딩 교육의 세계로 들어오기 전엔 샌프란시스코의 한 코딩 부트캠프의 수석 강사였어. 이 강좌는 그가 오프라인 부트캠프에서 가르쳤던 것의 온라인 버전이야.

이 강좌는 웹 개발의 기본에 대한 모든 것을 다뤄: HTML5, CSS3, 자바스크립트, 부트스트랩, 시맨틱UI, DOM 변형, jQuery, 유닉스 (명령줄 기반) 명령어들.

네가 기본적인 것들을 습득하고 나면, 다음과 같은 더 고급 주제들을 탐험하게 될거야: 노드, NPM, 익스프레스, REST, 몽고디비, 데이터베이스 연계, 인증, PassportJS, 권한 부여.

콜트는 웹 개발에 대해서 잘 알고 있을 뿐 아니라 어떻게 가르치는 줄 아는 강사야. 어려운 개념들을 명료하고 설명하고 모든 것들을 다루기 쉬운 조각들로 나눠. 게다가, 그 강좌는 프로젝트들을 중심으로 돌아가서 너는 지루한 읽기나 시험 보기가 아닌 실제의 것들을 만들면서 배우게 돼.

여기를 클릭해서 더 알아보거나 등록해!

#2. 고급 웹 개발 부트캠프

이제 너는 첫 부트캠프를 다 들었고 풀스택 웹 앱을 어떻게 만드는지 알게 됐으니까 좀 더 깊은 주제를 배울 시간이야. 이 강좌는 네가 아름답고 반응 적인 웹 앱들을 만들 때 사용할 수 있는 좀 더 복잡한 기술들, 프레임워크들과 도구들을 소개하면서 시작해.

The Advanced Web Developer Bootcamp | Udemy

Learn React 16, Redux, D3, ES2015, Testing, CSS Flexbox, Animations, SVG, AJAX, and more!

bit.ly

 

이 고급 웹 개발 부트캠프는 너의 코딩 스킬들을 다음 단계로 올릴 수 있도록 디자인 되었어! 걱정 하지 마, 이 강좌 역시 프로젝트 기반이야. 너는 10개가 넘는 프로젝트를 만들게 될 것이고 네가 모두 이해할 것을 보장하는 솔루션을 포함한 수십 개의 코딩 챌린지를 접하게 될 거야.

이 강좌에서 배우게 될 것들은:

  • CSS3 트랜지션, 트랜스폼 그리고 애니메이션을 배움으로써 CSS 기술을 빌드업
  • 프론트엔드 프레임워크로 들어가서 리액트, 리액트-라우터와 리덕스를 익힘
  • 콜백, 프라미스, 제너레이터와 비동기 함수들뿐 아니라 ES2015, ES2016 그리고 ES2017를 가지고 자바스크립트 기술을 향상
  • 차트, 포스 그래프 그리고 데이터 시각화를 만듦
  • 자스민을 이용한 테스팅
  • D3
  • SVG
  • 노드 API들을 만듦
  • 싱글 페이지 애플리케이션들을 만듦
  • 자바스크립트에서의 객체 지향 프로그래밍
  • 클로져와 ‘this’ 키워드
  • 인증과 권한 부여
  • 자바스크립트를 이용한 비동기 코딩

이 강좌는 거의 350개의 강의와 30시간의 콘텐츠가 있고 너는 정말 많은 것들을 배우게 될 거야.

여기를 클릭해서 더 알아보거나 등록하자!

#3. 배운 기술들 보강

이 시점에 너는 두 개의 온라인 코딩 부트캠프를 들었고 웹 개발 기술들에 대해서 편안함을 느끼기 시작할 거야. 하나의 간단한 아이디어를 가지고 노드 백엔드와 리액트 프론트엔드를 이용해서 멋지게 구현할 수 있을 거야. 더해서, 모바일 우선의 반응성이 있는 페이지를 스타일 할 수 있는 CSS 기술에 대해서 자심감을 가질 거야.

이제 너의 새로운 기술들을 보강하면서 계속 공부할 시간이야. 다음은 문서, 포스트 그리고 튜토리얼의 리스트야.

몇 달 전에 이것들을 읽는 것은 아마도 말도 안 되는 일이 되었겠지만 새로 배운 스킬들과 함께라면 너는 멋지게 그것들을 소화할 수 있어.

내가 제공하는 모든 링크를 다 소화할 필요는 없어. 이것들을 시작점으로 생각해보길 바라.

HTML/CSS

자바스크립트

리액트

풀스택

데이터베이스

깃

배포

#4. [선택사항] 강좌들

더 배우고 싶어? 네가 선택한 주제에 대해 더 깊게 알고 싶다면 내가 추천하는 코스들이 몇 개 있어.

#5. 코딩 게임들

남는 시간에 재밌는 코딩 게임들과 챌린지 사이트를 통해 너의 기술들을 레벨업 하자.

#6. 뭔가를 만들자

이제 멋진 무언가를 만들어! 네가 배운 기술들의 모든 것을 뽐내고 한 아이디어를 개념에서 제품으로 만들어봐!

뭘 만들지 생각해 내는 데 도움이 필요해? 여기에 올바른 방향으로 생각하는 데 도움을 줄 몇 가지 링크가 있어.

너의 프로젝트들을 오픈 소스화 꼭 해서 네가 배운 모든 것들을 뽐내보자. 첫번째 부트캠프에서 깃과 깃허브에 대해서 상당한 깊이로 배우게 될거지만, 네가 그것들에 대해 편하게 느끼지 않는다면 추가의 동기와 도움을 위해 다음 두 링크를 참고해 봐:

#7. 이력서와 포트폴리오

너는 이 스킬들을 배웠고 이제 너의 이력서를 빛나게 하고 포트폴리오를 눈에 띄게 만들 차례야. 이것들을 성취하는 데 도움을 줄 링크들이 여기에 있어.

포트폴리오 만들기

직장 구하는 법

이력서와 링크드인

개인 프로젝트

#8. 인터뷰 준비

너의 이력서와 포트폴리오는 너에게 인터뷰 기회를 가져다줄 거야! 좋았어! 다음 링크들을 사용해서 인터뷰 준비를 해보자:

#9. 연봉 정보

드디어 입사 제의가 들어왔어! 이제 보수에 대해서 협상만 남았어. 도움이 될만한 링크들이 여기 있어:

* 마치며… *

드디어 이 포스트의 마지막까지 왔군… 너의 웹 개발 여행에 행운을 빌어. 확실히 쉽지만은 않을 거야. 하지만 이 가이드를 따름으로써 너는 목표를 이루는 것에 한 발짝 다가간 거야.

내 주간 이메일 리스트에 가입하고 싶다면 여기에 네 이메일을 넣는 것을 고려해봐. 그리고 트위터에서 codeburst를 팔로우하는 것을 잊지 말도록 해.

저작자표시 비영리 변경금지

+ Recent posts

티스토리툴바