프론트엔드 개발에 도움되는 사이트 모음

이때까지 개발하면서 참고하거나 도움되는 모든 웹 사이트들을 모아봤습니다.

 

꾸준하게 업데이트 될 예정입니다.

 

 

1. 정보성 블로그

 

1-1. 카카오 FE 블로그 - 카카오 FE 지식 블로그

 

1-2. 네이버 DEVIEW 

 

1-3. 서핏 - 기획, 디자인, 마케팅, 개발 등 모든 분야 지식

 

1-4. 토스트UI - 개인적으로 웹 FE 관련 블로그 중에 가장 실무에 도움이 되는 내용이 많은 블로그

 

1-5. Javascript.info - 모던 JS를 제대로 배우고 싶다면 좋은 사이트

 

1-6. Chrome Developers - 크롬 개발자 도구에 대한 지식을 얻기 좋은 사이트

 

1-7. Typescript - 한글 번역 공식 문서도 있지만 아직은 번역이 이해하기에는 부족한 부분이 꽤 있어서 차근차근 공식 문서를 보는게 좋다

 

 

2. 개발 지식

 

2-1. MDN - 웹 FE 개발자라면 자주 보게될 사이트

 

2-2. 황준일님 블로그 - 리액트, Vanailla JS 의 원리를 이해할 때 도움되는 지식이 정리됨

 

2-3. web.dev - 웹 프론트성능 최적화, 표준 관련 지식을 얻기 좋음

 

2-4. NPM DOCS - NPM 공식 문서

 

 

3. 취업 관련

 

3-1. 삼성 SW 역량 테스트 문제 리스트

 

3-2. 웹 개발자 로드맵

 

3-3. JS 인터뷰 질답 모음

 

 

4. 기획, 디자인, 도구

 

4-1. flaticon - 아이콘 받을 때 사용하면 좋은 사이트

 

4-2. Emojipedia - 이모지 검색

 

4-3. Unsplash - 무료 이미지 사이트, 토이 프로젝트나 임시 사진이 필요할 때 쓰기 좋다

 

4-4. PageSpeed Insights - 웹 페이지 속도, 표준 준수 측정 페이지

 

4-5. Google UTM Builder - UTM 파라미터 최적화가 필요하다면 생성기를 써보자

 

4-6. dribble - 디자인적 영감을 받을 때 좋다

 

4-7. awwwards - 최신 프론트엔드 트렌드를 볼 수 있다

 

 

5. 기타 자료

 

5-1. 리액트의 시작...

 

5-2. 웹 컴포넌트의 시작...

 

5-3. 가상돔 직접 만들기...

 

5-4. DOM Standard...