👀 Intro
10/24 ~ 11/6일 총 2주 동안 참가한 노마드코더 바닐라 JS 챌린지 기간을 돌아본다
9월 마지막주 어느 날 동네 카페에서 커피를 음미하고 있었는데, 바닐라 JS 챌린지를 발견했다. 노마드코더 유튜브를 구독하고 니코쌤을 본 지는 1년이 넘었는데, 생각해보니 막상 노마드코더 강의를 들어본 적이 없었다. 난 10월 1일부터 부트캠프를 시작하는 일정이었기 때문에, 의지가 불타고 있었고.. 2주? 쯤이야! 하는 세상 도전적인 사람이 되었다. 조금에 망설임도 없이 바닐라 JS 챌린지를 신청하게 되는데...
🦾 챌린지로 나는 무엇을 배웠나
1주차 : 기초적인 JS 문법
2주차 : JS로 DOM을 다루는 기본적인 스킬
강의로 습득한 것들
- JS 기초문법 단단해지기
- DOM 생성 ( createElement(), appendChild()... )
- DOM 프로퍼티 조작( innerText, className... )
- Event 제어 ( toggle, add, remove )
- CSS 스타일 제어 ( style )
- preventDefault()
- setInterval(), setTimeout()
- new Date 시간 다루기 ( getHours(), getMinute(), getSecond(), str.padStart() )
- 로컬 스토리지 활용 ( getItem(), setItem() )
- Geoloction, 날씨 API 사용( fetch, then, JSON.parse(), JSON.stringify())
- 상수변수를 활용하기
- 함수형 프로그래밍 개념
과제 진행
- click 이벤트로 style변경 구현
- eventhandler obj와 매서드로 다양한 click 이벤트 다루기
- view포트 크기로 DOM 제어
- Random Number Game 만들기
- 크리스마스 D-day 만들기
✨ 챌린지 좋았던 점
- 퀴즈 x, 과제 x, 결석 = 챌린지 탈락, 매일 '챌린지'를 해야 하기에 꾸준한 사람이 되게 해 줌
- 무료 강의 그리고 챌린지, JS를 처음 접하는 사람(나)에게도 부담 없지만 기초는 쌓을 수 있었던 강의 구성
- 복습할 수 있는 퀴즈, 구현의 목표가 명확환 과제
- 온라인 챌린지지만 강의마다 코멘트 창이 있고 함께 소통하는 기분 들었던 점, 별거 아닌 코멘트에도 니코쌤의 답변 너무 좋았음
(부트캠프까지 온라인 녹화 강의라 소통에 목말랐던 것 같다. 지금은 스터디원들 덕분에 어느 정도 충족됨 😊) - 강의 챕터 중간중간마다 RECAP이 있었던 것, 강의를 쭉 듣고 정리를 하는 것보다 훨씬 습득하는데에 좋았다
😵 나에게 아쉬운 점
- 해당 챌린지 하루치를 마치고, 막상 부트캠프 강의를 미룰 때가 있었음
=> 아무리 바쁘더라도 시간을 잘 쪼개 쓰는 스케줄 관리가 필요 - 진정 내 것으로 만들었나? DOM을 다루는 부분부터는 완벽히 익히지 않았는데도 복습이 부족했다
=> 복습, 중요한 내용 정리하는 시간을 갖자 - 배운기 능 구현 이외에 기능 추가에 대한 생각을 멈춘 점
=> 배우고 있기에 기능 구현에 선을 긋지 말자. 하나라도 더 구현해보자
😄 결과
한정된 시간을 활용하는것은 너무나도 어려웠다. 마지막 졸업과제는 밤샘이라는 나만의 피날레로 장식하며 제출했고.. 결과는 퀴즈, 과제, 졸업작품을 통과하며 챌린지를 성공했다!
2주간의 챌린지는 JS를 ㅁ배울 수 있는것도 좋았지만, 해냈다는 기분이 너무나도 좋았던 것 같다. 지식을 아낌없이 공유해준 Nico쌤, 원활한 운영을 책임지신 Lynn님께 감사드리며, 과정을 완주한 158분 모두에게 박수를 보낸다.
📢 졸업작품 URL
Moder ToDo 소개
Modern ToDo 는 하루 일정을 쉽게 관리하는 웹 애플리케이션입니다
제가 직업 사용하는데도 고려하였기 때문에, ToDo앱의 본질적인 기능에만 집중했습니다.
사용하는 데에 불편함이 없도록 데스크톱, 랩톱의 전체 화면, 분할화면에서 원활하게 작동하고, 모바일 웹에서도 사용 가능합니다. 앱 이름에 맞게 시각적으로 모던하게 정리하였습니다.
댓글