🎄 0. 소개
2주동안 노마드코더 바닐라JS강의를 바탕으로 나만의 투두리스트를 만들었다.
중요하다고 생각하는 부분은 기록하며 진행했다.
노마드코더 / 바닐라 JS로 크롬 앱 만들기 ①
노마드코더 / 바닐라 JS로 크롬 앱 만들기 ②
노마드코더 / 바닐라 JS로 크롬 앱 만들기 ③
노마드코더 / 바닐라 JS로 크롬 앱 만들기 ④
강의는 챌린지의 성격을 띄고 있는데, 2주동안 매일 퀴즈 혹은 과제가 주어진다.
2번 이상 참여를 안하면 탈락이다.
이렇게 휘몰아치며 공부할 생각은 없었는데, 힘들었지만 보람있었다.
퀴즈와 과제관련 내용은 비공개글에 기록해두었다.
🎄 1. 목업
맨 처음 생각한 기획이다.
큰 틀은 바뀌지 않았고, 세세한 부분이 다르다.
- 반짝거림 -> 구현함
- 날씨 -> 구현했지만 어제와 내일은 안보임
- 투두리스트 -> 구현했지만 완료했다고 체크하면 사라지게 만들었다.
완료항목을 굳이 쌓아둘 필요가 없다고 생각했다. - 테마(움짤) -> 구현함
- 드래그로 순서바꾸기, 드래그로 삭제 -> 추후에 업데이트 할 예정이다.
🎄 2. 결과
로그인 (단순히 사용자 이름 저장)
투두리스트 작성 및 삭제
.gif)
클릭하는 곳에 별 생성
🎄 3. 가장 좋았던 점
로컬스토리지를 사용해본 게 가장 큰 수확이라고 생각한다.
간단한 데이터를 저장하는 방법을 새로 알게 되어서 좋았다.
처음 기획당시엔 로컬스토리지를 몰라서, 파일을 하나 만들어 저장하고 켤때 해당 파일을 읽는 방식을 계획했었다.
🎄 4. 후기
작년 연말에 2021년 빙고를 만들었었다.
9가지 이루고 싶은걸 3x3 빙고형식으로 적고 몇 빙고를 할 수 있나 보는 것이다.
그 중에 한 항목이 내가 쓰고싶은 걸 개발하고 실제로 사용하기이다.
팀프로젝트로 노래번호부와 땅땅마켓도 만들었지만 실생활에 사용까지 이어지진 않았다.
개발자로 일을 시작하면서 매일매일 투두리스트가 생기고 완료한다.
그래서 투두리스트를 만들어서 직접 사용하고 싶었다.
실제로 최근에 계속 사용하고 있다.
처음 개발공부를 시작할 때, 프론트적으로도 많이 공부했었는데
백엔드로 업무를 하다보니 잊어버리는 프론트 지식이 아쉬웠다.
여러모로 나에게 도움이 된 미니프로젝트였다.
새 탭을 누르면 아래 링크를 열리게해서 사용하고 있다 ㅎㅎ
편하게 계속 사용할 수 있게 업데이트 할 예정이다
크리스마스 지나고 새해 테마도 계획중있다 ㅎㅎ
https://flobeeee.github.io/momentum/
코드 참고 (깃허브) : https://github.com/flobeeee/momentum
