SangYoonLee1231/content-list-for-frontend-dreamers

💻 프로그래밍 입문자와 FE 취준생을 위한 컨텐츠 모음

💻 프로그래밍 입문자와 FE 취준생을 위한 컨텐츠 모음

소개 💬

• 프로그래밍 공부가 처음인 입문자이시거나, 프론트엔드 개발자를 꿈꾸는 모든 분들에게 유익할 만한 컨텐츠(포스트 및 자료)들을 모아 함께 공유하고자 만든 저장소입니다. 😃

• 입문자를 위한 컨텐츠, 프론트엔드 취업 및 이직 준비에 도움이 될 컨텐츠를 위주로 공유하고 있으나, 어떤 IT 분야든 유익한 컨텐츠를 발견하면 역시 이곳에 공유하고 있습니다. 📙

• 이 저장소는 해당 velog 포스트를 통해 본격적으로 시작되었음을 밝힙니다. ⚡

🔥 혹시 추천해주고 싶으신 컨텐츠가 따로 있으시다면 🔥

아래 Etc.에 링크를 추가하고 Pull Request를 날려주시길 바랍니다.

꼭 프론트엔드 관련 자료가 아니더라도 괜찮습니다.

단, 저작권법에 위반되는 컨텐츠는 공유는 ❌

📖 목차

📌 학습 자료

📌 개발자를 위한 공부법 및 가이드

📌 코딩테스트 대비 및 PS 공부

📌 취업 및 이력서 & 포트폴리오 준비

📌 FE 면접 질문 및 필요한 지식

📌 프로젝트 후기

📌 Etc.

📌 학습 자료

For 프로그래밍 입문자

• [프로그래밍 입문, C언어] 모두를 위한 컴퓨터 과학 (하버드 대학 데이비드 말란 교수님의 CS50 강의 (자막 有))

• [파이썬 1시간 30분 강의] 코딩 1시간만에 배우기 - 파이썬 (ft. 실리콘밸리 엔지니어) (By 테크보이 워니님)

• [파이썬 6시간 강의] 파이썬 코딩 무료 강의 (기본편) (By 나도 코딩님)

• [C언어 강의] 혼자 공부하는 C 언어 (By 서현우님)

• [문제 풀이 입문] CodeUp 기초 100제

• [문제 풀이 입문] Code Tree - Novice Low

• 코딩 도장

• [문제 풀이 입문] 제주 코딩 베이스캠프 Code Festival Python 100제와 Javascript 100제

For 예비 프론트엔드 개발자

• 생활코딩 - WEB 1 (무료 강의) (By 이고잉님)

• 노마드 코더 - 코코아톡 클론코딩 (유료 강의) (By 니꼬쌤)

• 노마드 코더 - 바닐라 JS로 크롬 앱 만들기 (무료 강의)

• 초보자를 위한 HTML & CSS 동작과 원리 (무료 강의) (By 윤지수님)

• 웹 프로그래밍 (풀스택) (무료 강의) (By 윤지수님)

• 모던 JavaScript 튜토리얼 (JavaScript 학습 사이트)

• Web Development Tutorial (웹 개발 튜토리얼 사이트) (By 이웅모님)

• 벨로퍼트와 함께하는 모던 리액트 (By velopart님)

• 리액트(React)의 Hooks 완벽 정복하기 (By velopart님)

• React 공식 문서

• Node.js 공식 문서

• NPM 공식 문서 - NPM이란?

• 프론트엔드 개발환경의 이해: NPM (NPM의 이해) (By 김정환님)

• Webpack 핸드북

• Intrepidgeeks - 개발자가 도움이 되는 문서와 사이트를 정리하고 수집하는 데 전념하다

• Let's Get IT 자바스크립트 프로그래밍

• CSS Layout - Patterns (CSS 만으로 레이아웃을 만드는 법의 예시)

📌 개발자를 위한 공부법 및 가이드

• 개발을 시작한 당신에게 해주고 싶은 이야기 (By 노마드코더 니꼬쌤)

• 개발자 되는법 - 코딩 처음부터 배울때 뭐부터 해야해요? (By 테크보이 워니님)

• 신입 개발자였던 내게 해주고싶은 조언들 (By Aaron Ryu님)

• 프로그래밍 학습 방법 (By 박재성님)

• 개발자 되려면 어떻게 코딩 배워야 돼요? - 현직 개발자가 알려드립니다. (By 테크보이 워니님)

• 개발자가 되고픈 어린 친구들에게... (By 신현묵님)

• 초보자는 어떤 프로그래밍 언어를 배워야 하나요? (By 야살님)

• 블리자드 레전드 개발자의 30년 압축 핵심 노하우 (By 박종천님)

프론트엔드

• 초보 웹 개발자를 위하여 (By 정호영님)

• 비전공자 웹개발자로서 살아남는 법 정리본(출처:okky) (By 렛츠기릿님)

• 프론트엔드 개발, 뭐하는 직종이야? (By paul90님)

• 웹 프론트엔드 개발자, 어떻게 준비해야 할까? (By 윤지수님)

• 2020 FrontEnd 개발자가 되기 위한 10가지 방법 (By Harang님)

• 프론트엔드 추천 자료 모음 (By ansrjsdn님)

• 웹 프론트엔드 개발자 아무것도 모르는 상태에서 취업까지 하는 구체적인 준비방법 (By 라매개발자님)

• 2022 웹개발 로드맵 총정리 (공부순서 알려드림) | 올해는 정말 해보자 🚀 (By 드림코딩 엘리)

📌 코딩테스트 대비 및 PS 공부

• 용감하게 시작하는 코딩테스트 1편 (By Covenant님) (코드를 간결하고 효율적으로 짤 수 있는 여러 팁 정리)

• 개인이 생각하는 알고리즘(PS/CP) 공부 유형 및 보완법 (By 안수빈님)

• 내가 알고리즘 문제를 푸는 방법 (By SUNGHWAN PARK님)

• 코딩테스트 준비 사이트 모음집(단순링크만) (By 태빵님)

• 코딩테스트 대비를 위한 백준 문제 추천 (By Covenant님) (대략 80문제, 주제별로 정리)

• 알고리즘 공부법 (코테(또는 대회)를 위한 공부법) (By Gliver님)

📌 취업 및 이력서 & 포트폴리오 & 면접 준비

• 주니어 프론트엔드 개발자의 채용 프로세스 참여 후기 (By 황준일님) (ZUM에서 진행)

• 내 업의 본질은 무엇인가? (By 박재성님)
  (우아한테크코스 이사님께서 우테코 지원자들의 불합격 이유를 피드백하며 작성한 포스트)

• 신입 개발자가 포트폴리오를 준비할 때 알아두면 좋은 것들 (By 김태성님)
  (채용 담당자께서 알려주는 좋은 포트폴리오 작성법)

• 스타트업 신입 취업성공에 영향을 미치는 요소 (By 라매개발자님)

• 카카오 합격 개발자 이력서 1 (By. F-Lab)

• 개발자 이력서 작성하기 (feat. 이력서 공개) (By Wonny (워니)님)

• 잘 정리된 이력서보다 중요한 것 (By minieetea님)

• 그런 포트폴리오로 괜찮은가 (By 장현수님)

• 면접을 앞둔 개발자 지망생에게 (By 박종찬님)

• 내가 개발 인터뷰에서 면접자에게 감동한 이유 (By 위시켓 / 해외 콘텐츠 번역문)

• 경력직 면접 때 꼭 물어보는 질문 5가지 (By 김범수님)

• 개발적인 실력이 부족하여, 스스로를 어필하기 위해 써먹은 면접 전략 (By 1호님)

• 프론트엔드 신입 개발자로 취업하게 된 30대 비전공자 면접 후기 (By befree님)

📌 FE 면접 질문 및 필요한 지식

• 신입 개발자 면접 준비 (1) : 일반 면접 관련 예상 질문(개발 외) (By 코딩맛집님)

• 프론트엔드 개발자 면접 정리 (By suyeonme님)

• prepare_frontend_interview 레포지토리

• 취준생이 반드시 알아야 할 프론트엔드 지식들 레포지토리

• 프론트엔드 면접 질문 모음 (By honeysuckle님)

• 프론트엔드 개발자 기술면접 인터뷰 질문 모음(업데이트) (답변 있음) (By 오렌지셔츠님)

• 프론트엔드 개발자 면접 질문(기술면접) 정리 (By sunnykim91님)

• 프론트엔드 면접 문제 은행 질문 답변 (By wkahd01님)

• 프론트엔드 인터뷰 핸드북 (번역) (By Yangshun Tay님)

• 안녕하세요, 프론트엔드 신입에 지원합니다. (By heyiminhye님)

• 신입 개발자 전공 지식 & 기술 면접 백과사전 (By Gyuseok Kim님)

• Brave Tech Interview 기술면접 문제 해설 레포지토리

• [CS 기본 개념] 전공면접 준비자료 (블로그 포스팅 시리즈) (By heyum님)

• 브라우저에 google.com을 치면 일어나는 일 (유튜브 영상 / 영어)

• 브라우저에 google.com을 치면 일어나는 일 (깃허브) (매우 자세) (By Alex님 / 번역 : Hoon Choi님)

• 주소창에 naver.com을 치면 일어나는 일을 쉽게 이해해보자 (By 이상윤님)

• 프론트엔드 면접 문제 은행

• FE 인터뷰 준비 - 자바스크립트(1)

• FE 인터뷰 준비 - 자바스크립트(2)

• FE 인터뷰 준비 - 리액트

📌 프로젝트 후기

개인 프로젝트

• (2022/02/14 랭크기능 추가) [React Numble Challenge] 다른 색깔 찾기 게임 만들기 (By 장현수님)

• [VanillaJS Project] 인스타그램 클론코딩 (By 이은진님)

• [Vanilla JS] 자라나는 나무 만들기 - 1 (By 신희강님)

• 프론트엔드 개발자의 포트폴리오 웹사이트 (By 이정민님)

팀 프로젝트

(준비중...)

📌 Etc.

• 개발자의 성장 가능성은 어떻게 측정 가능한가? (By 조은님)

• 성장의 조건 (By 제임스님)

• 개발을 잘 하는 습관 (By Sungho Kim님)

• 지원자도 회사를 평가합니다. 이렇게요. (By 유디v님)

• 프론트엔드 신입 개발자 역량에 대한 생각 (By 김요한님)

• 개발자의 평생공부 - [임백준 칼럼] 실력은 고통의 총합이다

• 개발자들이 개발쪽으로 가려고 하는 비전공자들한테 가지 말라고 하는 이유 (By botho님) (개발자의 현실 : 지옥편 느낌..👿)

• 초등학생에게 Git을 설명해본다면? (Git 1편) (By Eddy님)

• 초등학생에게 Git branch와 merge를 설명해본다면? (Git 2편) (By Eddy님)

• 누구나 쉽게 이용할 수 있는 Git 입문

• 국내/한국 개발자 커뮤니티 모아보기 (By 오픈서포트님)

• 질문을 잘하는 개발자 (By 한재엽님)

• 가이드: 효과적인 온라인 질문법 (By 윤아님)

• 30년 개발자의 ‘개발자로 성공하기 위한 5가지 노하우’ (By 박종천님)

• 함께 일하고 싶은 사람 - 1. 업무 습관 (By PlanB님)

• 애자일 소프트웨어 개발 선언문

• 변수명을 지어주는 사이트

• [연봉] 2~3년차 개발자들은 연봉을 얼마나 받을까?

• 개발자는 ChatGPT 이렇게 활용하면 좋습니다

• 개발자 영어 공부 방법과 팁

• 코알못이 개발자가 되기 까지 (시리즈) (By 가든리님)

• 같이 일하고 싶지 않은 개발자 특 (By POLEE님)

• 좋은 엔지니어가 되려면 '경험' 쌓기가 중요합니다

• 프론트엔드 개발자가 API를 설계하는 이유

• 개발자가 콘텐츠에 진심이면 이렇게 됩니다

• 풀스택 개발자가 되어야 하는 5가지 이유

• 만화가에게 배우는 앱 개발