바닐라코딩 사전 학습 가이드
Switch branches/tags
Nothing to show
Clone or download
Latest commit bdba4c2 Oct 19, 2018
Permalink
Failed to load latest commit information.
README.md Update README.md Oct 19, 2018
schedule.md Update schedule.md Oct 17, 2018
vanilla-calendar.gif Add files via upload Sep 27, 2018

README.md

바닐라코딩 사전 학습 가이드

바닐라코딩의 교육에 신청하기 전에 알고 있어야 할 최소한의 프로그래밍 지식들을 정리해놓았습니다. 현재 페이지에 나열된 자료들을 참고하여 공부하시되, 추가적으로 인터넷에서 여러 가지 자료를 다양하게 이용하여 공부하시기를 추천드립니다. 본인의 손과 머리에서 나오는 코드 한줄 한줄 정확하게 이해하시기를 바라며, 다른 사람의 해결책을 보고 따라하기보다는 스스로 생각하는 시간을 많이 갖기를 추천드립니다. 그리고 기초 단계에서는 효율보다는 정확성과 이해도에 집중하여 학습하기를 권장합니다.

도움이 될 만한 도구

  • jsbin
  • jsfiddle
  • codepen
  • 개발자 도구 (유투브에 개발자 도구 혹은 developer tools 검색하시면 많은 tutorial들이 있습니다.)

1. HTML & CSS

강의 및 관련 자료

기초 테스트

심화 테스트

초보자의 경우 Twitter Bootstrap, Zurb Foundation, 혹은 Bulma와 같은 CSS Framework은 사용하지 마시기 바랍니다. 또한 해당 페이지의 소스 코드를 보지 말고 스스로 생각하여 구현해보시기 바랍니다. 아래에 나열된 페이지들 이외에도 스스로 웹사이트를 보고 똑같이 따라만드는 시도를 해보시면 좋습니다. 처음에는 간단한 페이지도 일주일 이상 소요될 수 있습니다. 하지만 많은 시간을 투자하고 스스로 생각하는 과정을 겪다보면 소요 시간은 분명 줄어들 것입니다. HTML/CSS만을 연습하는 만큼 interaction이나 움직임은 무시하고 생긴 모양새만 똑같이 만들어보시면 됩니다. 이미지나 폰트의 경우, 해당 홈페이지에서 개발자 도구를 열어 소스 파일 주소를 찾아보실 수 있습니다.

2. Javascript

강의 및 관련 자료

테스트

정규표현식과 정렬 관련 메소드는 사용하지 마시고 최대한 스스로 생각하여 답을 찾기 바랍니다. 아래에 나열된 플랫폼들 중 원하는 플랫폼을 선택하여 이용하세요.

3. DOM Interaction with Javascript

강의 및 관련 자료

기초 테스트

jQuery를 이용하지 않고 바닐라 자바스크립트로 구현해야 합니다. jQuery 웹사이트에 들어가시면 해당 UI 샘플을 볼 수 있습니다.

심화 테스트

4. 사전 준비가 끝난 후

3번까지 사전 준비가 끝나고 멘토님께 컨펌을 받으신 분들의 경우, 아래의 주제들을 미리 학습하고 오시면 좋습니다.

추천 도서: Learning Javascript

  • Basic Terminal Usage
  • git(Visualizing Git Tutorial)과 github 사용법
  • nodejs 설치
  • Scope
  • Hoisting
  • Closure
  • Primitive(원시값) vs Reference(참조값)
  • Event Capturing vs Event Bubbling
  • Prototypes
  • this keyword
  • Ajax & Asynchronous Programming (비동기)
  • Hackernews API를 이용하여 Hackernews Clone 만들어보기
  • 지뢰찾기 만들기 (참고)