노마드코더에 정말 괜찮은 바닐라JS 무료강의와 챌린지가 있어서 도전하였다.
자세한 자바스크립트 지식을 배운다기 보다는 클론 코딩을 따라하면서
보다 재밌고 효과적으로 학습할 수 있는 강의라 복습 겸 재밌게 들었다.
특히 챌린지는 아침 6시 마다 오늘 해야할 숙제(?)를 메일로 보내주시는데
강의에서 배운걸 바로 써먹을 수 있어서 너무 좋았다 (!!)
2주간의 마무리 파이널 과제는 바닐라JS만 사용해서 자유주제로 웹페이지 만들기
추억의 싸이월드 클론을 도전해 보았다ㅎㅎㅎㅎㅎ
첫 화면에 이름을 이용하여 로그인을 하면
local storage에 저장시켜 헤더와 사용자 이름에 저장된 이름 데이터가 나오게된다.
기분에 따라 변경하던 today 아이콘은 날씨 API 를 사용하여 해당 지역 날씨를 아이콘으로 자동 반영 하게 설정 하였고,
과제 주제에 맞게 사용자 지역과 현재시간을 넣어줬다.
싸이월드하면 빼놓을 수 없는 일촌평 역시
local storage에 코멘트와 이름을 객체로 저장시켜
화면에 랜더링 시켜줬다.
사실 마무리 할때쯤 개인적인 일이 생겨서 완성도가 부족했는데
이번 기수 우수작에 올랐따..🥹
완성작 : https://chaewon0128.github.io/cyworld/
과제를 하면서 아쉬웠던 점은
오히려 js보다는 css가 부족하지 않나라는 기분을 많이 받았다.
과제를 제출하고 일주일만에 다시 봤더니
가로세로 스크롤이 그냥 남아 있고
(body에 overflow:hidden 주면 사라짐)
reset css를 제대로 안줘서 box-sizing이 content-box로 되어 있었다;
웹접근성도 당연히 고려를 많이 안했고..ㅎㅎ;
알고 있는 것도 많이 까먹은 상태라 덕분에 css 복습을 하게 되었다.
곧 새로 들어가는 리액트 스터디도 기대가 된다!
