로드맵 썸네일

Javascript 풀스택 로드맵 (+ 트위터 클론앱 만들기 🐦)

작성자 프로필 이미지

인프런

Node.js
JavaScript
React

초급 대상

로드맵 참여중인 유저 프로필 사진
로드맵 참여중인 유저 프로필 사진

1,363명 참여중

로드맵 코스

자바스크립트로
풀스택 개발 도전하고
SNS까지 만들어봐요!

지난 몇 년 사이 자바스크립트(JavaScript)는 가장 많이 쓰이는 개발언어 중 하나로 자리잡았습니다. 보고에 따르면, 2018년 10월부터 2019년 9월까지 깃허브(github)에서 개발자들이 가장 많이 사용했던 프로그래밍 언어가 자바스크립트라고 하죠. 웹 개발에서 자바스크립트의 중요성은 점점 더 커지고 있습니다. Node.js 등이 떠오르면서 서버 개발도 할 수 있고요.

이 로드맵을 통해 실습 예제를 만들어 보며 자바스크립트 기본을 차근차근 익히고, Node.js로 서버 개발의 원리와 방법을 습득해 봅시다. 그리고 최근 들어 제일 핫한 React도 배워 보아요. 트위터 같은 SNS를 직접 만들어보면서 프론트엔드와 백엔드를 모두 해결하는 풀스택 개발자의 역량을 키워보세요!

JavaScript, 재미있게 공부하세요!

 

 

👨🏻‍💻 다양한 기술을 익힙니다
2018년 조사에 따르면 노드 사용자의 39%가 풀스택 개발자라고 합니다. (링크) 프론트엔드와 백엔드를 아우르고 싶다면 자바스크립트는 좋은 선택이 될 수 있어요. 최신 프론트엔드 프레임워크를 활용할 수도 있으니 생산성도 뛰어나죠. 노드와 리액트, 두 마리 토끼를 잡아보세요!
👨🏻‍💻 결과물을 확인하세요
문법을 탄탄히 익혀두더라도 뭘 만들 수 없다면 소용이 없겠죠? 직접 예제를 따라 만들어보면서 실제 결과물을 확인해볼 수 있어요. 간단한 웹 게임부터 시작해서 SNS까지 만들어보세요. 어떻게 자바스크립트 문법을 활용하면 좋을지 길잡이가 되어 줄 겁니다.
 
 
 

직접 만들어보세요!

이런 분들께 추천드려요!

 

초보자

자바스크립트 개발에 입문한 초보자

노드?

실무에서의 Node.js 사용이 궁금한 분

리액트?

React 기초부터 활용까지 해보고픈 분

유니콘

풀스택 개발 역량을 갖추고픈 개발자

로드맵 상세보기

5개 코스

로드맵에 포함된 강의 썸네일
인프런
[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
본 강의에서는 자바스크립트를 활용해 프로그래밍 사고력을 기르는 연습을 합니다. 웹 게임인 구구단을 시작으로 끝말잇기, 숫자 야구, 반응 속도 테스트, 틱택토, 로또 추첨기, 가위바위보, 카드 짝맞추기 게임, 텍스트 RPG, 지뢰 찾기, 2048게임, 두더지 잡기까지 함께 만들어봅시다.

무료

로드맵에 포함된 강의 썸네일
노드가 무엇인지부터, 자바스크립트 최신 문법, 노드의 API, npm, 모듈 시스템, 데이터베이스, 테스팅 등을 배우고 5가지 실전 예제로 프로젝트를 만들어 나갑니다. 클라우드에 서비스를 배포해보기도 하고 노드 프로젝트를 타입스크립트로 전환해도 봅니다.

49,500

로드맵에 포함된 강의 썸네일
8개의 간단한 웹게임을 만들어보며 배우는 리액트 강좌입니다. React Hooks에서부터 Context API까지 최신 API를 활용합니다.

무료

로드맵에 포함된 강의 썸네일
React로 배우는 어마어마한 20시간 풀스택 강좌! 트위터를 카피한 제로초의 시그니처 프로젝트 NodeBird SNS를 만들어보며, Next.js(SSR) + React Hooks + Redux + Redux saga + Ant Design + Styled Components + Node + Express + Sequelize(MySQL)를 배웁니다.

88,000

로드맵에 포함된 강의 썸네일
Node.js와 Puppeteer를 활용해 웹 사이트를 크롤링하여 원하는 정보를 가져오는 법을 배웁니다. Puppeteer(또는 axios+cheerio)와 CSV, 엑셀, 데이터베이스를 연동하는 방법을 배웁니다. 네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해 봅니다.

55,000

로드맵 코스 5