Skip to content

Latest commit

 

History

History
51 lines (34 loc) · 2.2 KB

README.md

File metadata and controls

51 lines (34 loc) · 2.2 KB

ReCoder Week1: Vanilla-Todo

서론

안녕하세요 🙌🏻 이번에 스터디를 운영하게 된 김주현입니다.

첫 번째 미션은 스터디 진행 방식과 JavaScript 사용 방법에 익숙해질 수 있도록 VanillaJS를 이용한 투두리스트 만들기를 진행합니다! 첫 번째 미션인 만큼 코드를 잘 작성해야 한다는 부담감은 버리고 필수 기능을 모두 구현하는 것을 목표로 해 봅시다 🙂

만약 도움이 필요하다면 얼마든지 저를 불러 주세요 🙋‍♀️🏃🏻‍♀️


미션

🎯 미션 목표

  • HTML/CSS의 기초를 이해합니다.
  • JavaScript를 이용한 DOM 조작 방식을 이해합니다.
  • Git 사용법에 대해 익숙해집니다.

✅ 필수 요건

  • 결과 화면의 기능을 구현합니다.
  • CSS의 Flexbox를 이용하여 화면을 구성합니다.
  • 프론트엔드 컨벤션을 참고하여 코드를 작성합니다.
  • 기능 단위로 나누어 코드를 작성하고, 커밋 메시지 작성법에 따라 커밋합니다.

🏷️ 선택 사항

  • 공백 입력을 방지합니다.
  • 각각의 목록을 최신순으로 정렬합니다.
  • 외부 폰트(눈누 상업용 무료폰트)를 이용하여 화면을 꾸밉니다.
  • 브라우저의 웹 스토리지를 이용하여 기존의 데이터를 저장하고 불러옵니다.
  • 이 외에도 추가하고 싶은 기능이 있다면 마음껏 추가해 주세요!

📖 생각해 볼 질문들

  • DOM이란 무엇인가요?
  • JavaScript로 DOM을 조작하는 방법은 어떤 것이 있나요?
  • Semantic tag에는 어떤 것이 있으며, 이를 사용하는 이유는 무엇일까요?
  • Flexbox Layout은 무엇이며, 어떻게 사용하나요?

참고 자료