프론트엔드 추천 자료 모음

IT공부중·2020년 6월 27일
1214

사이트

MDN - 가장 유명한 MDN
모던 javascript 튜토리얼 - JS 튜토리얼로 정말 좋음.
타입스크립트 핸드북 - TS 공식문서 번역본
웹팩 핸드북 - 캡틴판교님의 웹팩 핸드북
fontawesome - 다양한 ICON을 가져올 수 있는 사이트
flatuicolors - 다양한 색들을 가져오기 편한 사이트
CSS Dinner - 다양한 css 선택자들을 게임을 통해 배울 수 있는 사이트
FLEXBOX FROGGY - css의 FLEXBOX를 게임을 통해 배울 수 있는 사이트
GRID GARDEN CSS의 grid를 게임을 통해 배울 수 있는 사이트

블로그

Velopert velog - velog를 만든 velopert님의 velog로 정말 좋은 글들이 많음.

제로초 블로그 - 다양한 JS 관련 지식들이 있음.

Jbee 블로그 - 다양한 프론트엔드 관련 지식들

TOAST UI - FE 관련 지식들과 여러 글들

캡틴판교 블로그 - JS 및 VUE 관련 글들이 많음.

Evan moon 블로그 - 다양한 프론트엔드 관련 글들

NAVER D2
우아한형제들 기술 블로그
라인 기술 블로그 - 프론트

깃허브

주니어 개발자 채용 정보 - 주니어 개발자들이 지원 할만한 다양한 채용 정보 모음.

고퀄리티 개발 모음 - 다양한 개발에 대한 지식들을 모아 둔 곳.

Technical Interview Guidelines for Beginners - 다양한 면접 관련 질문들을 모아둔 곳.

취준생이 반드시 알아야 할 프론트엔드 지식들 - 프론트엔드 개발자들을 위한 지식들. 면접에 많이 나옴

유튜브

노마드 코더 Nomad Coders - 우리의 니꼴라스 선생님. React를 배울 수 있고 프로그래밍의 전반적인 내용들을 배울 수 있음.

드림코딩 by 엘리 - 기초부터 자세하게 배울 수 있음. 일주일에 1강 정도 꾸준히 올라옴. 애청자입니다 ㅎㅎ

ZeroCho TV - 기초부터 React, ts까지 배울 수 있음. 무료 강좌들은 유튜브에 있고 유료 강좌들은 인프런에 있음. 유료 강좌는 유튜브에서 찍고 있을 때 들으면 무료입니다.

코드 스피츠 - js의 깊은 부분까지 가르쳐 주는 곳인거 같습니다. 아직 들어보진 않았음. 좋아 보여서 들을 예정.

김버그 Kimbug - 프론트엔드 개발자 일상이라던지, 공부 추천 같은 영상들 올라옴. 요즘은 프린이들 코드 리뷰 영상 올라와서 매우 공감 됨.

DarkCode - 외국 유튜버인데 html, css만 가지고 많은 화면들을 만듦. 따라 치면서 html, css 공부하기 좋음.

Minjun Kim - velopert님 유튜브. 요즘은 방송 안 하시지만 velog 만들 때의 영상을 볼 수 있음.

Scalper Frontend - Scalper Frontend, js 기초 실전 코스나 꿀팁들이 좋다.

Interactive Developer - Interactive Developer, 애니메이션으로 구글에 입사하신 분, 물론 JS도 잘하신다!

개발자의 품격 - 개발자의 품격, 영상을 많이 올리신다. 상당히 괜찮은 영상들이 많은듯

죠니데브 - FE 개발자 고민, 커리어, 취업에 관련 된 정보들

캡틴판교의 프런트엔드 개발
- 프론트엔드 고민 상담소를 매주 하고 있다.

Taehoon - 잘 알지 못 하는 JS 지식들을 설명해준다.

프론트엔드 개발 환경의 이해 - 김정환
Vue.js 개발 입문 - 캡틴판교
javascript로 함수형 프로그래밍 배우기
함수형 프로그래밍과 ES6+ - 유인동
NAVER TECH CONCERT 2019 - FRONT END
FECONF 2020

기타

벨로퍼트와 함께 하는 모던 자바스크립트
벨로퍼트와 함께 하는 모던 리액트
리액트를 다루는 기술(개정판)
실용주의 프런트엔드 개발
TypeScript Cookbook
DevFest WebTech CodeLab 2019
라인블로그 React 컴포넌트를 커스텀 훅으로 제공하기
NAVER TECH CONCERT 2020
NHN FORWARD
DEVIEW 2020

제가 좋아하거나 봤던 것이나 볼 것이거나... 그런 자료들 모음입니다. 참고 하실분 참고하세요~ 다른 좋은 사이트 있으면 추천해주시면 감사하겠습니당.

profile
4년차 프론트엔드 개발자 문건우입니다.

45개의 댓글

comment-user-thumbnail
2020년 7월 6일

좋은 사이트 공유 감사합니다~

1개의 답글
comment-user-thumbnail
2020년 7월 6일

감사합니다~!

1개의 답글
comment-user-thumbnail
2020년 7월 7일

감사함니다!!

1개의 답글
comment-user-thumbnail
2020년 7월 8일

프론트엔드 사이트정리글 좋습니당

1개의 답글
comment-user-thumbnail
2020년 7월 13일

정리 감사합니다 ^___^

1개의 답글
comment-user-thumbnail
2020년 7월 13일

코드스피츠 강의 진짜 강추,,, 가벼운 마음으로 들으면 진짜 충격 그 자체

2개의 답글
comment-user-thumbnail
2020년 7월 19일

와 추천 정리해주셔서 감사합니다!! ㅎㅎ

1개의 답글
comment-user-thumbnail
2020년 7월 20일

좋은 글 감사합니다!

1개의 답글

와우 감사합니다 ~~ 최고입니다 진짜!

1개의 답글
comment-user-thumbnail
2020년 8월 5일

와 전 북마크만 해두면서 필요할 때 보는 정도인데 정리해 놓으니까 정말 보기 좋네요.

1개의 답글
comment-user-thumbnail
2020년 8월 6일

감사합니다

1개의 답글
comment-user-thumbnail
2020년 8월 13일

잘 읽었습니다 ㅎㅎ

1개의 답글
comment-user-thumbnail
2020년 8월 15일

제가 봤던것들도 되게 많네요 ^^ IT공부중님도 구독하고싶네요ㅎㅎ

1개의 답글
comment-user-thumbnail
2020년 8월 16일

좋은 글 감사합니다!!

1개의 답글
comment-user-thumbnail
2020년 9월 2일

좋은 글 감사합니다 :)

답글 달기
comment-user-thumbnail
2020년 11월 30일

와 좋은 사이트들 정말 많네요!! 감사합니다!!

답글 달기
comment-user-thumbnail
2020년 12월 14일

좋은 글 감사합니다!!!

답글 달기
comment-user-thumbnail
2021년 2월 24일

좋은 정보 잘 보고 가겠습니다!!

답글 달기
comment-user-thumbnail
2021년 5월 31일

감사합니다!!

답글 달기
comment-user-thumbnail
2021년 9월 30일

감사합니다!

답글 달기
comment-user-thumbnail
2021년 11월 6일

감사합니다~!

답글 달기
comment-user-thumbnail
2021년 12월 20일

감사합니다!!!

답글 달기
comment-user-thumbnail
2022년 1월 25일

좋은 자료 감사합니다. 혹시 JS 코딩테스트 기초부터 준비하려면 어떻게 하면 좋을지 조언을 얻을 수 있을까요??

답글 달기
comment-user-thumbnail
2023년 3월 6일

좋은 사이트와 자료 감사합니다

답글 달기
comment-user-thumbnail
2023년 7월 14일

공유 감사합니다.

답글 달기
comment-user-thumbnail
2023년 8월 10일

유용한 게시물 감사합니다! 새로운 금융 정보 사이트 오픈했는데 피드백 주시면 감사하겠습니다! UI 등등..!
https://quantpro.co.kr/

답글 달기
comment-user-thumbnail
2024년 2월 13일

감사합니다!

답글 달기
comment-user-thumbnail
2024년 9월 19일

감사합니다🙇

답글 달기