- 0주차
- HTML CSS 기본기 확인
- React 소개
- 기본적인 웹 지식 안내
- SPA (Single Page Application)
- 과제 방식 안내
- 1주차
- HTML :
form
알아보기 - CSS :
flex
알아보기 - JavaScript : DOM 을 컨트롤 하는 방법 알아보기
- JavaScript :
Event
및EventListener
알아보기 - 필수 과제 : Drum & Piano Kit 만들기
- HTML :
- 2주차 -> 업데이트 예정
- 각 주차별 Readme.md에 써져 있는 순서대로 이론 설명 및 실습 진행합니다.
- 자율스터디원 분들을 위해 최대한 자세하게 써드릴 예정입니다.
- 실습 코드는 실습한 그대로 전부 주석처리 되어 올라갑니다.
- 과제를 수행합니다. 과제는 필수 1개, 선택 1개로 나누어집니다.
- 필수 과제는 웹 개발 과제가 나갈 예정입니다. 어떤 기능들을 필수적으로 수행해야 하는지 알려드립니다. 기본적인 코드가 제공될때도 있고 아닐 때도 있습니다.
- 디자인은 자유롭게 해주시면 됩니다.
- 선택 과제는 웹 지식 정리하기 과제가 나갈 예정입니다. 매 시간마다 키워드를 제공해드릴 예정입니다. 해당 키워드를 검색해보시고 원하는 만큼 정보를 정리해주시면 됩니다.
- md파일에 좀더 익숙해지기 위함으로 md파일로 작성을 권해드립니다. (경우에 따라서는 notion 사용 가능)
- 0주차에 예시를 보여드립니다.
- 반드시 수행하지 않으셔도 됩니다! 다만, 웹 지식이 없는 채로 개발하는건 일종의 밑 빠진 독에 물붓기라고 생각합니다. 시간이 너무 없는게 아니시라면 수행해 주시기 바랍니다.