Posts TIL 30일차 - [졸린새X코공]solo-week-sprint-vanillaJS 계획
TIL 30일차 - [졸린새X코공]solo-week-sprint-vanillaJS 계획
Cancel

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

image

201124

子曰。 “君子恥其言而過其行.”

공자가 말하길, “군자는 그의 말이 행동을 넘어서는 것을 부끄러워한다.”

이번 주 지상이와 함께 공부하기로 한 계획, 말과 행동을 같이 할 수 있기를.


⚈. Solo Week Sprint VanilaJS

코드스테이츠 영혼의 듀오 지상, 상권 합쳐서 지상권. 그들의 못 말리는 일주일이 시작된다.

우리는 솔로위크 기간(수,목,금)에 걸쳐 깃헙으로 협업하는 방법과, 다양한 예제를 통해 자바스크립트 실력을 한 단계 높이려고 한다.

⚈. Part1. Github과 친해지기

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

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

바닐라js를 통해 필수적으로 알아야할 기능인 모달창, 슬라이더, 메뉴창, 드래그앤드롭을 구현할 예정.
각 개인의 폴더를 만들어 dev브랜치에 각 기능들에 해당하는 branch를 만들어
서로의 코드를 본 후 최종적으로 master branch에 올려보자.

⚈. Part2-1 모달창

모달창에 대해 알아보고, 모달창과 팝업창의 차이가 무엇인가.
모달창은 어떻게 언제 쓰이는지, 그리고 어떤식으로 구현할지.
★ 최종 목표는 유의미한 모달창 띄우기 성공.

⚈.Part2-2 슬라이더창

슬라이더 효과에 대해 알아보고, 어떻게 쓰이는지, 어떤식으로 구현할지 학습.
★ 최종 목표는 상하, 좌우, 스크롤에 따라 움직이는 슬라이더 만들기.

⚈. Part2-3 메뉴창

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

⚈. Part2-4 드래그 앤 드롭

이것은 추가 목표. 위에 3개만 해도 이미 마음은 만족. 능력이 된다면 여기까지 시도 해보자.
★ 드래그 앤 드롭을 통해 다른요소의 자식으로 종속하게 만들기.


모든 계획은 지상이가 만들어 주었다. 좋은 페어를 만나 Solo Week 기간을 알차게 보낼 수 있을 것 같다. 덕분에 즐거운 한 주를 보낼 수 있게 됐다.
덕분에 내일 당장 지구가 멸망했으면 좋겠다는 소망은 다음 주로 미룰 것이다.

박지상 이상권 계획 수준 ㄹㅇ실화냐? 진짜 코드스테이츠 최강자들의 듀오다.. 그 찐따같던 지상권이 맞나? 진짜 지상권은 전설이다..
진짜 감격스럽고 조건문부터 재귀까지 가슴 울리는 장면들이 뇌리에 스치면서 가슴이 웅장해진다..


본좌, 행동이 말을 넘어서기를.

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

This post is licensed under CC BY 4.0 by the author.

TIL 29일차

TIL 31일차 - modal 만들기

Comments powered by Disqus.