JS 문법을 벗어나 실질적인 기능을 동작하는 웹을 만들고 싶어서 노마드 코더의 강의에 있는 JS 클론 코딩 강의를 보면서 Momentum 을 코딩해봤습니다.
JS의 문법만 공부를 하다가 클론코딩으로 실질적인 기능을 구현해보니 생각보다 막히는 부분이 많았습니다.
현재 시간을 불러오는것은 어렵지않게 이해 할 수 있었고, 사용자의 이름을 받아와 그것을 local storage에 저장하는 방식은 처음이라 여러번 돌려보았습니다.
페이지 하단 명언이 랜덤으로 나오는 방식은 ramdom 숫자에 배열의 길이를 곱해 Math.floor 로 수를 내림하여 배열 안 내용을 추출 해 innerText로 넣어주었습니다.
ToDo list 는 사용자 이름과 같이 local storage에 저장하는 방식으로 하였으나 저장하는 방식과 ToDo를 완료하였을때 local storage 에서 완료된것만 지워내는 것에서 시간이 걸렸습니다.
우측 상단의 접속 지역과 날씨를 표시하는 것은 openweathermap API 를 활용하여 현재 좌표를 대입하여 날씨와 지역을 출력하였습니다.
클론 코딩 강의인 만큼 아직 까지는 직접 바로 코딩 한다면 막히는 부분이 많을 것 같습니다. 다음 강의로 React 영화 웹 서비스 만들기를 하려고 합니다. 현재 바닐라 JS 를 깊게 파고들기보다 React로 빠르게 넘어가서 필요한거를 찾아서 공부하는 형식으로 해보려고 합니다.
Front-end