FE공부, 뭐 부터 할 지 정리!
생활코딩 목표로 한 분량까지는 그럭저럭 마쳤고,
스파르타코딩 웹개발 종합반은 스타트는 했지만 분량이 너무 작고,
오늘 당장 뭘 해야 할 지 방향을 잃어버리고 말았다..!
그래서 생활코딩으로 배운 것을 응용해서 자체적으로 학습하는 데 필요할 로드맵을 좀 찾아 봤다.
찾아본 것을 시간 되는대로 조져보려고 한다 ^^
1. 기초 학습 루트 스크랩
1-1. 신입 블로거 정리글
<시니어 조언>
OKKY - 프론트엔드 가이드라인
https://okky.kr/article/1008493
<무해 로드맵>
<기타 블로거>
프론트엔드 독학 스터디 계획 (by. 식초)
<프론트엔드 공부할 언어> -기초: HTML, CSS, JavaScript, Git/Github -기본: React(JS기반 프레임워크) -심화: SCSS, BootStrap,TypeScript, Webpack (필요할 때 함께 공부하기, 어쩌면 취업 후 개인공부)..
sigcho.tistory.com
2021 웹 프론트엔드 공부법 - 입문자편 (feat. svelte)
1-2. 학습자료 사이트
https://gompro.postype.com/post/728738
프리코드캠프(free code camp) - 시작하며
2018.10.14 추가 웹 프로그래밍을 배우기 위한 개인적인 추천 루트 내가 만들고 싶은 서비스 생각해보기 프로그래밍이란 내가 생각하는 서비스를 구현하기 위한 도구의 하나이다. 영어를 배우는
gompro.postype.com
엘리 영상 시청 순서 https://www.notion.so/277f2906743742ae8f19b6494581058f
프론트엔드 입문자를 위한 영상 순서
공부 법
www.notion.so
1-3. 취준/트렌드 관련
2. 도전 체크리스트
2-0. 참고 사이트
신입 포트폴리오 사이트
포트폴리오 장표
클론 목표 웹사이트 (디자인, 구성 위주)
the new denim project
https://www.thenewdenimproject.com/
tumult - 정적, grid
푸드스타일리스트 - 뒷동산에 적용
https://en.suvellecuisine.com/
몰튼브라운 - 인터랙션
2-1. 기초 언어 공부 (강의)
- 생활코딩 web1 html
- 생활코딩 web2 css
- 생활코딩 web2 javascript
- 생활코딩 web2 nodejs
- 생활코딩 web2 database & mySQL\
- 스파르타코딩 웹개발 종합반 (국비)
- Do it! 웹 표준의 정석 <- 진행 중
- 인프런 자바스크립트 강의 <- 진행 중
- 프리코드캠프 - RESPONSIVE WEB DESIGN(300시간) *note : https://studyant.tistory.com/category#\
- 유데미 - the web developer bootcamp
2-2. 실습으로 배우기 (퀴즈, 프로젝트, 문제해결능력)
html+css 정적인 반응형 웹사이트
- 드림코딩 - 포트폴리오 웹사이트 클론 코딩
- 드림코딩 - 프론트엔드 필수 브라우저 101 (API, JS 프로젝트 10개)
javascript 동적인 웹사이트
- 노마드코더 - js로 크롬 앱 만들기
- 노마드코더 - js로 그림판 만들기
- 프리코드 캠프 퀴즈
2-3. 부트캠프
패캠이 될 지 항해가 될 지 아직 모름
2-4. 프레임워크 공부
언어 공부
- B 생활코딩 python
- B 인프런 - 웹게임을 만들며 배우는 react
- A 인프런 - 따라하며 배우는 Node, react 시리즈
- B 드림코딩 - react
- 노마드코더 - react로 영화 서비스 만들기
프레임워크로 2-2 사이트 재창작하며 차이점 이해
2-5. 개인 프로젝트
뒷동산 홈페이지 : 정적, 마우스 인터랙션 <- 진행중
2-6. 관련/추천 서적
- 인문학도 개발자 되다
- 오늘부터 개발자 <- 읽는중
- 열정은 쓰레기다(더 시스템) <- 읽는 중
- Eloquent Javascript <- 읽는 중
- 개발자로 살아남기
- 그림으로 배우는 알고리즘 Basic
- DOM을 깨우치다
3. 포폴 준비
프로젝트는 공부 끝난 뒤 x 배우면서 간단한 아이디어로 조금씩 ㅇ