이전 블로그에서 2022.06.22에 작성한 포스팅입니다.
노마드 코딩의 바닐라 JS 2주 챌린지가 끝났다!
이렇게 순식간에 끝나다니...
무료 강의였음에도 불고하고 이번 챌린지와 강의를 통해 감을 잡아갈 수 있어서 좋았다.
졸업작품으로 강의에서 배운 to do List 사이트를 만들어야 했다.
만들고 싶은 테마랑 기능들이 있어서 다 구상해놨는데 어쩌다보니 코테 준비하는 기간이랑 겹쳐버려서 기존에 만들어놨던 거를 좀 더 수정해서 냈다 ㅠ 시간을 내면 낼 수 있었을 텐데 아쉽다. 그래도 구상해뒀던 건 틈틈이 만들어서 포폴에 넣을 예정이다!
그리고 졸업 작품을 git.io로 냈어야 해서 그냥 기계적으로 git에 알고리즘만 올리다가 처음으로 제대로 사용해봤다. (git 강의도 들어야돼..) 그래서 그것도 뿌듯! 물론.. 오타로 인한 우여곡절은 있었지만 친절한 노마드코딩 선배님들...(? 덕에 해결했다 ㅎㅎ 노마드코딩의 슬랙의 효과를 톡톡히 본!
노마드코딩에서 배운 내용은 따로 포스팅해두었고 졸업작품으로 만든 것만 소개하려고 한다!
To Do List 사이트
첫 화면
로그인을 할 수 있는 화면이 나오고 현재 시간이 초단위로 나온다.
사용자에게 위치정보 제공 동의 여부를 물은 후,
동의할 경우 위에 나온 것처럼 날씨와 기온, 위치가 나온다.
그리고 아래에는 명언이 랜덤 출력된다. 마우스를 올리면 흰색으로 변하도록 설정.
배경도 새로고침 할 때마다 바뀐다.
로그인을 하면 사용자의 정보가 로컬 스토리지에 저장되어 따로 삭제하지 않은 한 계속 저장되어 있는다.
그리고 로그인이 되면 투두 리스트를 작성할 수 있는 칸이 생긴다.
투두를 입력하면 아래에 입력한 투두 리스트가 뜬다.
그리고 체크표시를 누르면 사라진다.
끝!
간단해 보이지만 코드상으로는 은근 신경 쓸 요소가 많았다.
다시 복습해보면서 만들어보고 생각했던 것도 구상해보려고 한다!
'개발 공부 > 프로젝트' 카테고리의 다른 글
| 우리들의 모임, WuMo 프로젝트 회고 (0) | 2023.03.29 |
|---|---|
| 언성히어로 SNS 프로젝트 회고 (4) | 2023.02.03 |
| [데브코스]노션 클로닝 프로젝트 회고 (6) | 2022.11.17 |
| To Do List 사이트 만들기 프로젝트 (0) | 2022.08.09 |
