HTML
한시간만에 끝내는 HTML + CSS 입문 - 개발자의 품격
코딩 자율학습 HTML + CSS + 자바스크립트 - 책(지은이 김기수)
제대로 파는 HTML & CSS - 인프런(얄코)
CSS
한시간만에 끝내는 HTML + CSS 입문 - 개발자의 품격
코딩 자율학습 HTML + CSS + 자바스크립트 - 책(지은이 김기수)
쉽고 빠른 스타일링 Tailwind CSS 기초 가이드 - 제주코딩베이스캠프
제대로 파는 HTML & CSS - 인프런(얄코)
Sass(SCSS)
styled-components
flex, grid 연습
Tailwind
JS
한시간만에 끝내는 자바스크립트 입문 - 개발자의 품격
코딩 자율학습 HTML + CSS + 자바스크립트 - 책(지은이 김기수)
Javascript 요약강좌 - 제주코딩베이스캠프
바닐라 JS로 크롬 앱 만들기 - 노마드코더
매우 쉽게 이해하는 Javascript 객체지향 & ES6 신문법 - 코딩애플
자바스크립트 중급 강의 - 코딩앙마
모던 자바스크립트 딥 다이브 - 책
클린코드 자바스크립트 - Udemy
TS
타입스크립트 공식 문서 정리
한 입 크기로 잘라먹는 타입스크립트
https://ts.winterlood.com/
React
한시간 만에 끝내는 React.js 입문 - 개발자의 품격
리액트로 할일앱을 만들어보자 - 코딩알려주는누나
React-hook-form
ReactJS로 영화 웹서비스 만들기 - 노마드코더
실전형 React Hooks 10개 - 노마드코더
트위터 클론코딩 - 노마드코더
Complete React Developer in 2023 - Udemy
초보자를 위한 리액트 200제 - 책(지은이 이정열)
상태관리
Redux : Redux-React, Redux-toolkit, Redux-persist, Redux-thunk
Recoil
Node.js
Node.js 교과서 - 인프런
SQL
MySQL 입문 강의
Github
한시간만에 끝내는 깃허브 입문 - 개발자의 품격
제대로 파는 Git & Github - 얄코
코딩애플 강의
workflows -> 사이트 만들고 firebase 자동배포
gitkraken (github education 신청하면 무료로 사용가능)
linter : https://memostack.tistory.com/157
CS
IT 개발자와 일할 때 필요한 모든 개발지식
https://www.grabbing.me/IT-A-to-Z-By-1e1fbc981b7c4c03ac44943085ac8304
가장 쉬운 리눅스 강좌 - 얄코
정보처리기사 필기 (책 : 2023 수제비 정보처리기사 필기)
알고리즘
JavaScript 알고리즘 & 자료구조 마스터클래스 - Udemy
프로그래머스 (JS) 문제 풀기
- Level 0 : 200문제 풀기
- Level 1 : 73문제 풀기
Level 2 : 94문제 풀기
책 : 코드없는 알고리즘과 데이터 구조
클론코딩
- 포트폴리오 웹사이트 코딩 - 조제의 세계
- 로그인 기능 구현하기(ft.파이어베이스) - 조코딩
- 바닐라 자바스크립트 채팅 앱 - 데브리
- 트위터 클론코딩 - 노마드코더
- 쇼핑몰 웹사이트 - Udemy
- 핀터레스트 클론코딩 - 핀터레스트 사이트 참조 & recoil 사용
폴더 구조, 변수 이름, 함수 배치 등 참고하기
미니 프로젝트
개인
- 포트폴리오 웹사이트
- 가위바위보 게임 사이트
- 투두리스트 웹사이트(localStorage 활용)
- 영화 소개 웹사이트(오픈 API 활용)
- 게시판 사이트(백엔드 api 연결)
팀
- 트위터 클론코딩(프론트1, 백1)
- 유행어 모음 사이트(프론트2, 백2)
- 오픽 연습 사이트(프론트2, 백1)
- 교환학생 짐 양도 사이트(프론트5, 백4)
- 맞춤형 여행 코스 추천 사이트(프론트2, 백1)
- 스냅 사진 작가 매칭 서비스(프론트4, 백4)
- 제주도 캠핑장 추천 서비스(프론트2, 백1)
Tip
주니어 개발자가 빠르게 성장할 수 있는 비법은? - 노마드코더
워키토키 x 센드버드 - EO
웹개발 테크트리 - 데브리
플로우 차트 작성 팁 : https://devdesigner.tistory.com/m/64
와이어프레임 작성 팁 : https://brunch.co.kr/@second-space/27
frontend 로드맵 : https://roadmap.sh/frontend
react 로드맵: https://roadmap.sh/react
