사이트 모음

11. 책 (E-book)

• 리액트를 다루는 기술

10. 개발자 커뮤니티

• OKKY - 정기모임/스터디

• 더브이씨 → 기업 투자 규모 확인

9. CSS

• Interactive Web에 관련된 예제와 블로그 글

• 반드시 기억해야 하는 CSS 선택자 30개

• VSCode CSS, SCSS 코드 한줄로 정렬하는 플러그인

8. 웹 표준 / 접근성

• 데레사님 웹접근성과 웹표준 책 → HTML & CSS

• AOA 대한항공 ARIA 적용 사례

• 문법 유효성 검사(Validator) 도구

7. React

• CSS Module → React 스타일링 도구

• React 공식 홈페이지 → 한글 번역

• React 문법 모음

6. 도구

• Story Book → 컴포넌트 디자인을 실시간으로 확인 할 수 있다.

• Story Book 한국어로 공부하기

• News API → 뉴스 API 무료로 사용할 수 있다.

• gitignore

• markdown 문법

• Github markdown 문법

• whimsical → 마인드맵을 그릴 수 있는 도구

• freeimage → 이미지를 url 주소로 변환할 수 있음

6.1 Sass

• Sass 공식 홈페이지

• Sass Guidelines → Sass 한글 번역 문서

6.2 Firebase

• Firebase

• Firebase Project

• Firebase 인증 시작하기 → Web 인증 문서

5. 디자인 및 이미지

• 디글 → 디자이너 포트폴리오 및 취업 사이트

• Pexels → 무료 이미지

• upsplash → 무료 이미지

• ezgif → gif 파일 간단히(무료)편집

• entity code

• iconfinder

• Collection → 자바스크립트와 더불어 CSS 공부하기 좋은 예제 사이트

4. 면접 및 취업

4.1 면접

• 신입 프론트엔드 개발자를 위한 면접 조언

• 웹 개발자가 알아두면 좋은 질문

• JS 기술면접 스터디

• 자바스크립트 코딩 면접에서 알고 있어야 할 3가지 질문(이벤트 위임, 클로저, 디바운)

• 기업은 “신입” 프론트엔드 개발자에게 무엇을 물어볼까? – 1차 면접 후기

• 이직하려는 친구에게 보내는 프런트엔드 개발 면접 질문

4.2 취업

• 웹 프론트엔드 개발자, 어떻게 준비해야 할까?

• 원티드와 함께하는 개발자 커리어 터치

4.3 포트폴리오

• 개발자 김병욱님의 포트폴리오

• 프론트엔드 신입 개발자 취업, 포트폴리오 구상 참고

• 신입 개발자를 위한 간단한 포트폴리오 작성 팁

4.4 이력서

• 이직초보 어느 개발자의 이력서 만들기

• 신입 개발자의 자소서 쓰기

• 신입 개발자 이력서 잘 쓰는 방법

• 신입 개발자의 이력서를 보면서 느끼는 몇 가지 메모

• 이력서 작성 시 참고하면 좋을 정보와 체크리스트 공유

• 비전공자 IT 자기 소개서 이렇게 준비해 보세요

• 비전공자 개발자의 자기소개서 쓰기

• 네카라 입사하는 방법 (part 1 이력서)

• 노션을 활용한 개발자 이력서 관리

• 체대 출신 개발자의 2018년 회고

• 백엔드 개발자 github.io 이력서

2. 연습

2.1 알고리즘 문제 모음

• 백준 → 가장 많은 문제를 갖고 있으나 자바스크립트 지원 X

• 프로그래머스 → 문제 수는 적지만 단계별로 연습할 수 있음

• 알고스팟 → 자바스크립트 주 언어로 사용한다면 최고!

2.2 CSS 연습

• Web 제작에 CSS 편리한 도구 74 개 정리 → 일본어 사이트

• CSS Layout 패턴 91

• CSS 버튼

• CSS code 예제

• CSS 관련 사이트 모음

2.3 JS 연습

• JavaScript 30 소개

• JavaScript 30 코드

• JavaScrilpt 100 연습예제

2.4 React 연습

• React Project

• 위의 React Project 무료 동영상 강의

• React 강의 → 10시간 속성 강의

1.5 CSS 인터렉션 사이트

• 맹그로브

1.6 기타

• TodoList를 여러 버전으로 만든 예제

1. 읽어두면 좋은 글

• 프론트엔드 개발자는 왜 구하기 어렵나요?

• 개발 채용시 기술 검증을 어떻게 할 것인가?

• 프론트엔드 개발자 로드맵 → 한글 번역

• Frontend Developer Roadmap → 영문

• 당근마켓 고언어 도 및 활용법(영상) → 넷플릭스 문서 정리 시 느낌 점, 계기 등 참고하면 좋음

• 도움이되는 개발 콘텐츠 모음

• 웹 서비스 개발 절차 → 캡틴판교

1.2 개발자 블로그

• Kent blog

• Dan Abramov.

1.1 Git hub

• 커밋 메시지 가이드

• 커밋 메세지 컨벤션