풀스택 웹개발 로드맵

(출처) 노마드 코더 - 풀스택 주니어 웹 개발자가 되려면? ver.2020

 

- 프론트엔드

(1) HTML (2020.12.24 완료 생활코딩) & CSS (2020.12.26 완료 생활코딩)

: 웹사이트를 만들 수 있는 수준 (태그 암기 x, 이해o)

-> 웹사이트 따라 만들어보기 (클론코딩)

레이아웃 시스템, 모바일 대응, 아이콘, 플렉스 등 HTML.CSS

 

(2) JAVASCRIPT / VanillaJS

리액트, 뷰 등등 학습 시간을 줄일 수 있음

프레임워크 공부 시간 단축

-> 모달창, 슬라이더, 메뉴, 드래그엔드랍 등 웹의 인터렉티브한 부분을 바닐라JS로 구현할 수 있어야 함

프레임워크가 있든 없든 할 줄 알아야 함

 

([노마드코더] 바닐라JS로 크롬 앱 만들기

(2020.12.28 #0.1~#3.6 / 2020.12.30 #3.7~#3.10 완료)

 

[노마드코더] ReactJS로 영화 웹 서비스 만들기)

(2020.12.31 #0.1~#2.0 / 2021.01.03 #2.1~#2.4)

 

[노마드코더] 실전형 리액트 Hooks

(~2021.01.10 완료)

 

[노마드코더] 트위터 클론코딩

(2021.01.15 ~ 2021.01.19 완료)

 

- 백엔드

[직업 훈련] 자바기반 Full-stack 웹 개발자 양성과정

(2021.07.08 ~ 2021.12.20 진행 중)

Java(JSP)

Framework: Spring, Spring boot, Mybatis

WAS: Apache tomcat

Database: Oracle, MySQL

 

(3-1) NODEJS

CRUD 시스템 구현 가능한 수준

ex. 인스타그램

models, views, controllers, urls, auth, cookies, templates, ...

express, mongoose(with mongoDB), pug, passport 추천 -> CRUD 만드는 데 도움

[생활코딩] Node.js 를 이용해 웹애플리케이션 만들기

[생활코딩] Node.js로 데이터베이스 다루기

[생활코딩] Node.js 활용하기

 

[생활코딩] WEB2 - Node.js

[생활코딩] DATABASE 1&2 - MySQL

[생활코딩] Node.js & My SQL

[생활코딩] Node.js-Express

 

(3-2) Java

[생활코딩] Java 입문 수업 

opentutorials.org/module/4294

JAVA1

 

(4) React, GraphQL, Typescript or NextJS or Flask, Django, Python ..