프론트엔드/javascript

노마드 코더 바닐라 js 챌린지 수료 후기 + 내가 만든 Google Momentum 👩🏻‍💻

Se Yeon 2022. 6. 27. 17:07

 6/6 ~ 6/20까지 했던 노마드 코더 바닐라 js 챌린지가 드디어 막을 내렸다.

그동안 냈던 퀴즈, 과제를 검토해서 최종적으로 오늘 수료 여부 메일이 왔는데 다행히 무사히 수료를 하였다 !!

 

 

결석은 한번도 안했지만 몇번 제출한 코드가 답지랑 달라서 조금 걱정했었는데 ,, 휴 괜한 걱정이었다.


느낀점✨

 확실히 아직까지의 나는 스스로 하는것보다는 과제나 퀴즈처럼 문제가 있을때의 학습 효과가 좋다는 점이다..!!
그리고  짧은 시간에 자바스크립트에 흥미를 붙이고싶다면 이 챌린지를 적극 추천한다. 매일매일 정해진 과제를 했다는 쾌감과 마지막에 웹사이트라는 결과물이 나오기때문에 더욱 좋다 

 

챌린지를 하며 노력한 점 ✨

 

 마지막에 css를 통해서 각자의 스타일을 입히기때문에  다 달라보이지만 사실 js만 놓고 봤을때는 클론코딩에 가까울수도 있다. 강의에서 니꼬샘이 하는걸 보고 따라만 쳐도 웹사이트를 구현할 수 있기 때문이다.  그렇기 때문에 처음에는 따라서 입력했지만 왜 이런 코드를 사용하였는지 나만의 스타일대로 바꿀 수 없는지에 대해서 고민을 하려고 노력하고 수정했다. 작은 변수명 하나라도 내가 스스로 정하려고 생각을 많이 한거같다. 그리고 2주 챌린지라는게 단기간에 많은 내용이 들어올 수 밖에 없기 때문에 tistory에 열심히 정리했다.

이제 내가 이 챌린지를 통해 약 4일동안 만든 google momentum을 소개하겠다 !

 

구현한 기능들은 크게 clock, login, to do list, quote, weather이 있다. 

 

 맨 처음에 사이트를 접속하면 이름을 입력하는 창이 나온다. localStorage를 통해 user가 입력한 걸 저장한 후 , 첫번째 사진처럼 Have a Nice Day "username" 로 출력한다.

 

 

 디자인이 예쁘진 않지만 todolist는 새로고침을 해도 목록이 사라지지않고 삭제와 추가가 가능한 기능을 가지고 있다.

조만간 조금 더 공부해서 삭제가 아닌 체크 기능도 넣고싶다.

 

이것말고도 새로고침할때마다 배경화면과 명언이 랜덤으로 바뀐다.



더 구현하고 싶은 기능들 ✨

조금 더 공부해서 넣고 싶은 기능들이 있다. 

📚달력 기능

📚 뮤직 플레이어 기능

아직은 이정도지만 더 추가해서 자주 애용하는 웹사이트를 만들고싶다 .

추후에 기능 구현 후 다시 글을 써야지!


7월에는 자바스크립트를 더 깊게 파고 react를 배워보고싶다 !