Momentum v2

✔ Momentum v1은 단순 기능만 구현한 웹 사이트이므로 CSS와 기타 오류를 개선한 Momentum v2를 제작해보았다.

✔ CSS를 단순 머리로 구상하는 것보다는 'Pigma'를 이용해서 웹 사이트를 구상해 보았다. 처음 사용하여서 심플하게 제작하였다. 이후에 연습을 통해서 숙달하도록 하자

첫번째 pigma 작업

1차 수정

2차 수정

1. 핵심 기능

1. Momentum v1의 기능
   

2. CSS 개선
   

3. 로그인하지 않았을 경우 TODO-List가 보이던 현상을 해결
   

4. github-page를 통해 배포
   

✔ Momentum v2 2배속 시현 영상

2. 제작 기간 & 참여 인원

1. 제작 기간: 2023.03.30 ~ 2023.03.31

2. 참여 인원: 1명

3. 배포 링크

✔ 배포 링크: https://jiy00n2.github.io/momentum_app/

배포하는 방법

4. 회고 / 느낀점

1. 오직 바닐라JS로만 구현된 웹 사이트의 CSS를 처음부터 만지려다 보니 어려웠다.

2. HTML class, id 이름 짓는것이 어려웠다.

3. 웹 사이트 디자인을 구상하는 것도 쉬운일이 아님을 느꼈다.

4. 처음으로 HTML, CSS, JS를 이용한 웹 사이트를 완성해봄으로써 성취감을 얻었다.

5. 추후에 추가하고 싶은 내용

1. 시간에 따라 인삿말 제공

2. TODO-List 체크 리스트 제작

3. 디자인 개선

4. 반응형 웹사이트로 제작

5. 다음날 TODO-List도 미리 적을 수 있도록 제작

6. 기타 등등