21-1 React로 만들어보는 나만의 웹사이트

스크린샷 2021-03-12 오후 2 04 05

스터디 계획

  • 0주차
    • HTML CSS 기본기 확인
    • React 소개
    • 기본적인 웹 지식 안내
      • SPA (Single Page Application)
    • 과제 방식 안내
  • 1주차
    • HTML : form 알아보기
    • CSS : flex 알아보기
    • JavaScript : DOM 을 컨트롤 하는 방법 알아보기
    • JavaScript : EventEventListener 알아보기
    • 필수 과제 : Drum & Piano Kit 만들기
  • 2주차 -> 업데이트 예정

스터디 방식

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

각 주차별 링크