사이트
자바스크립트
MDN - 가장 유명한 MDN
모던 javascript 튜토리얼 - JS 튜토리얼로 정말 좋음.
타입스크립트
타입스크립트 핸드북 - TS 공식문서 번역본
웹팩
웹팩 핸드북 - 캡틴판교님의 웹팩 핸드북
CSS
fontawesome - 다양한 ICON을 가져올 수 있는 사이트
flatuicolors - 다양한 색들을 가져오기 편한 사이트
csstriggers - css 선택자 트리거로 css사용의 설명서라 볼 수 있는 사이트
1분코딩 css - css 기초를 배울 수 있는 1분코딩 사이트
임시 css - css 임시로 입혀주는 사이트
CSS Dinner - 다양한 css 선택자들을 게임을 통해 배울 수 있는 사이트
FLEXBOX FROGGY - css의 FLEXBOX를 게임을 통해 배울 수 있는 사이트
GRID GARDEN - CSS의 grid를 게임을 통해 배울 수 있는 사이트
CSS 색상 추천
색조합 추천 - 색조합 추천해주는 가이드 사이트
색상 추출 추천 - 색상 추출 가이드 사이트
그라디언트 색상 추천1 - 그라디언트 색상 추천 가이드 사이트1
그라디언트 색상 추천2 - 그라디언트 색상 추천 가이드 사이트2
pattern toptal 패턴적용 - 패턴 적용에 필요한 가이드 사이트
background color - 백그라운드 색상 적용에 필요한 가이드 사이트
svg generator - svg 이미지 파일을 변환할 때 쓰는 사이트
shape generator - css에서 모양을 넣거나 변환할 때 쓰는 사이트
css box-shadow - 그림자 css 추천하는 사이트
CSS 아이디어
CSS 아이디어 - CSS 아이디어 오마쥬 혹은 참고하기 좋은 사이트
코드 추천, 프로젝트 참고
코드 추천 - 코드 초보가 어떻게 작성할 지 가이드해주는 사이트
바닐라 스크립트 - 바닐라 스크립트 미니프로젝트 참고 사이트
public API
public API - public API
블로그
Velopert velog - velog를 만든 velopert님의 velog로 정말 좋은 글들이 많음.
제로초 블로그 - 다양한 JS 관련 지식들이 있음.
Jbee 블로그 - 다양한 프론트엔드 관련 지식들
TOAST UI - FE 관련 지식들과 여러 글들
캡틴판교 블로그 - JS 및 VUE 관련 글들이 많음.
Evan moon 블로그 - 다양한 프론트엔드 관련 글들
대기업 블로그
NAVER D2
우아한형제들 기술 블로그
라인 기술 블로그
깃허브
주니어 개발자 채용 정보 - 주니어 개발자들이 지원 할만한 다양한 채용 정보 모음.
고퀄리티 개발 모음 - 다양한 개발에 대한 지식들을 모아 둔 곳.
Technical Interview Guidelines for Beginners - 다양한 면접 관련 질문들을 모아둔 곳.
취준생이 반드시 알아야 할 프론트엔드 지식들 - 프론트엔드 개발자들을 위한 지식들. 면접에 많이 나옴
면접 질문 - 면접에 나오는 질문을 공유해 보충하고 공부할 수 있는 곳
유튜브
노마드 코더 Nomad Coders - 우리의 니꼴라스 선생님. React를 배울 수 있고 프로그래밍의 전반적인 내용들을 배울 수 있음.
드림코딩 엘리 - 기초부터 자세하게 배울 수 있음. 일주일에 1강 정도 꾸준히 올라옴. 애청자입니다 ㅎㅎ
ZeroCho TV - 기초부터 React, ts까지 배울 수 있음. 무료 강좌들은 유튜브에 있고 유료 강좌들은 인프런에 있음. 유료 강좌는 유튜브에서 찍고 있을 때 들으면 무료입니다.
라매개발자
신입 개발자 1년차 되셨는데 프론트엔드의 마음가짐이나 기초, 알아야 할 것, 공부법 등 배울게 많은 곳.
코드 스피츠 - js의 깊은 부분까지 가르쳐 주는 곳인거 같습니다. 아직 들어보진 않았음. 좋아 보여서 들을 예정.
김버그 Kimbug - 프론트엔드 개발자 일상이라던지, 공부 추천 같은 영상들 올라옴. 요즘은 프린이들 코드 리뷰 영상 올라와서 매우 공감 됨.
DarkCode - 외국 유튜버인데 html, css만 가지고 많은 화면들을 만듦. 따라 치면서 html, css 공부하기 좋음.
Minjun Kim - velopert님 유튜브. 요즘은 방송 안 하시지만 velog 만들 때의 영상을 볼 수 있음.
Scalper Frontend - Scalper Frontend, js 기초 실전 코스나 꿀팁들이 좋다.
Interactive Developer - Interactive Developer, 애니메이션으로 구글에 입사하신 분, 물론 JS도 잘하신다!
개발자의 품격 - 개발자의 품격, 영상을 많이 올리신다. 상당히 괜찮은 영상들이 많은듯
죠니데브 - FE 개발자 고민, 커리어, 취업에 관련 된 정보들
캡틴판교의 프런트엔드 개발 - 프론트엔드 고민 상담소를 매주 하고 있다, 1년전까지의 게시물이 있음
Taehoon - 잘 알지 못 하는 JS 지식들을 설명해준다.
프론트엔드 개발 환경의 이해 - 김정환, 프론트엔드 시작부터 개발까지
Vue.js 개발 입문 - 캡틴판교, Vue 시작부터 개발까지
함수형 프로그래밍과 ES6+ - 유인동
NAVER TECH CONCERT 2019 - 네이버 프론트엔드 콘서트
FECONF 2020
공부 사이트
코딩 연습 사이트
기타
타입스크립트 → 자바스크립트 - 타입스크립트 작성문을 자바스크립트로 볼 수 있음
벨로퍼트와 함께 하는 모던 자바스크립트
벨로퍼트와 함께 하는 모던 리액트
리액트를 다루는 기술(개정판)
실용주의 프론트엔드 개발
TypeScript Cookbook
DevFest WebTech CodeLab 2019
라인블로그 React 컴포넌트를 커스텀 훅으로 제공하기
NAVER TECH CONCERT 2020
스타트업 회사 데이터베이스
사이트의 기술 범위를 보는 사이트
