바닐라코딩의 교육에 신청하기 전에 알고 있어야 할 최소한의 프로그래밍 지식들을 정리해놓았습니다. 현재 페이지에 나열된 자료들을 참고하여 공부하시되, 추가적으로 인터넷에서 여러 가지 자료를 다양하게 이용하여 공부하시기를 추천드립니다. 본인의 손과 머리에서 나오는 코드 한줄 한줄 정확하게 이해하시기를 바라며, 다른 사람의 해결책을 보고 따라하기보다는 스스로 생각하는 시간을 많이 갖기를 추천드립니다. 그리고 기초 단계에서는 효율보다는 정확성과 이해도에 집중하여 학습하기를 권장합니다.
- 생활코딩 (한글)
- CSS Layout (한글 - 추천)
- CSS Selectors
- shayhowe.com (영어 - 추천)
- w3schools HTML (영어)
- w3schools CSS (영어)
- HTML Cheatsheet (영어)
- Mozilla HTML (영어)
- Mozilla CSS (영어)
- Codecademy HTML (영어)
- Codecademy CSS (영어)
초보자의 경우 Twitter Bootstrap, Zurb Foundation, 혹은 Bulma와 같은 CSS Framework은 사용하지 마시기 바랍니다. 또한 해당 페이지의 소스 코드를 보지 말고 스스로 생각하여 구현해보시기 바랍니다. 아래에 나열된 페이지들 이외에도 스스로 웹사이트를 보고 똑같이 따라만드는 시도를 해보시면 좋습니다. 처음에는 간단한 페이지도 일주일 이상 소요될 수 있습니다. 하지만 많은 시간을 투자하고 스스로 생각하는 과정을 겪다보면 소요 시간은 분명 줄어들 것입니다. HTML/CSS만을 연습하는 만큼 interaction이나 움직임은 무시하고 생긴 모양새만 똑같이 만들어보시면 됩니다. 이미지나 폰트의 경우, 해당 홈페이지에서 개발자 도구를 열어 소스 파일 주소를 찾아보실 수 있습니다.
- 생활코딩 자바스크립트 (정규표현식 부분 제외/한글)
- 프로그래머스 (한글)
- CoderByte (영어 - 추천)
- Mozilla (영어 - 추천)
- Eloquent Javascript (영어)
- w3schools (영어)
- Codecademy (영어)
정규표현식과 정렬 관련 메소드는 사용하지 마시고 최대한 스스로 생각하여 답을 찾기 바랍니다. 아래에 나열된 플랫폼들 중 원하는 플랫폼을 선택하여 이용하세요.
- 프로그래머스 알고리즘 문제 (한글) 최소 레벨 3까지
- Codewars 알고리즘 문제 (영어 - 추천)
- Hackerrank 알고리즘 문제 (영어 - 추천)
- CoderByte 알고리즘 문제 (영어 - 추천)
- LeetCode 알고리즘 문제 (영어 - 추천)
- Codility 알고리즘 문제 (영어 - 추천)
- 생활코딩 웹 (한글)
- 프로그래머스 웹 (한글)
- Plainjs (영어)
- Hongkiat (영어)
- DOM 관련 Cheatsheet (영어)
- 아코디언 만들기 (jQuery UI 참고)
- 탭 만들기 (jQuery UI 참고)
- 시계/스탑워치 만들기
- 달력 만들기 (다음 달, 이전 달 이동 가능)
3번까지 사전 준비가 끝나고 멘토님께 컨펌을 받으신 분들의 경우, 아래의 주제들을 미리 학습하고 오시면 좋습니다.
- Basic Terminal Usage
- git과 github 사용법
- nodejs 설치
- Scope
- Hoisting
- Primitive(원시값) vs Reference(참조값)
- Event Capturing vs Event Bubbling
- Prototypes
-
this
keyword - Ajax & Asynchronous Programming (비동기)
- Hackernews API를 이용하여 Hackernews Clone 만들어보기