[76일차][졸린새X코공]solo-week-sprint-vanillaJS 계획

solo-week-sprint-vanillaJS

Become friends with Javascript and Github for solo-week

코드스테이츠 최강듀오 지상권이 드디어 다시 뭉쳤다!

코공(이상권)블로그주소: https://velog.io/@rnrel11
졸린새(박지상)블로그주소: https://sleepybird.tistory.com

rnrel11 (이상권) - velog

컴퓨터를 공부하고자 마음먹은지 N일차

솔로위크중 이틀은 휴식을 취한 후,
수, 목, 금 3일간 지상이와 상권이는
깃헙으로 협업하는 방법과,
순수 자바스크립트를 좀더 능숙하게 다루는법을 익힙니다.

---

Part1. Github과 친해지기

CLI환경에서 과제제출도 능숙히 못하는 상권이형을 위해,
git의 사용법을 서로 상기시켜주고,
협업하는 방법또한 익힙니다.
최종적인 목표는 branch를 이용해 서로의 문서를 협의하고 수정하는데 이르기 입니다.
현재 레포지토리에서 collaborate-study폴더를 만들어서 활용해서 학습해봅니다.

---

Part2. VanillaJS 좀 더 능숙하게 다루기

여러 프론트엔드 라이브러리를 다루기 전에,
바닐라js를 통해 필수적으로 알아야할 기능인
모달창, 슬라이더, 메뉴창, 드래그앤드롭 을 구현해 봅니다.
각 개인의 폴더를 만들어 dev브랜치에 각 기능들에 해당하는 branch를 만들어
서로의 코드를 본 후 최종적으로 master브랜치에 합쳐봅니다!

Part2-1 모달창

모달창에 대해 알아보고,
모달창과 팝업창의 차이 에 대해 깨닫습니다.
모달창은 어떻게 언제 쓰이는지,
그리고 어떤식으로 구현해볼지 학습합니다.
최종적인 목표는 유의미한 모달창띄우기에 성공하는것 입니다!

Part2-2 슬라이더창

슬라이더 효과에 대해 알아보고,
어떻게 쓰이는지,
어떤식으로 구현해볼지 학습합니다.
최종적인 목표는 상하슬라이더, 좌우슬라이더, 스크롤에따라 움직이는 슬라이더 입니다!

Part2-3 메뉴창

여러 사이트의 메뉴창을 참고해보고,
열고 닫을 수 있는 메뉴창을 어떻게 구현할지
학습해봅니다.

ex)ur클래스 학습창 메뉴

최종적인 목표는 가능하면 슬라이드 하며 등장하는 메뉴를 도전해 보는겁니다 빠듯하면 다음주제로!

Part2-4 드래그 앤 드롭

욕심에 넣어봤습니다.
잠깐 검색해보니 의외로 간단히 구현될 수 있을거 같아서
넣어봤습니다.
최종적인 목표는 요소를 드래그해서 드롭하면 다른요소의 자식으로 종속되게 하는것입니다

---

위 스프린트는 지상과 상권의 솔로위크를
어떻게 효율적으로 보낼지 생각하며 고안된것입니다.
기간동안 각자 블로그 TIL작성과 복습은 필수입니다!
화이팅해봅시다!