Community

개발자 99% 커뮤니티에서 수다 떨어요!

← Go back
여자친구를 위해 만든 ToDoList
#to_do_list
3년 전
1,858
5

1. URL 

https://mothy900.github.io/vanillajs/

undefined

undefined

2. 자기소개 

30대 초 비전공자 출신 직작인 입니다!! 코딩을 시작한지 4년 됐지만 풀스택 개발자를 목표로 공부한지 이제 막 1년 됐습니다. 노마드코더 덕분에 집에서 소소하게 사이드 프로젝트나 챌린지 등을 진행하면서 자신감이 붙었습니다.

3. 서비스 소개

기본적인 기능에 여자친구의 요구사항을 더했습니다! 

 - 1. 실험을 주로 하는 직업이다보니 타이머기능이 필요하다고 하여 타이머를 추가했습니다. 

 - 2. 홈페이지로 사용하고 싶어서 오른쪽에 자주가는 사이트를 링크로 걸어서 아이콘으로 만들었습니다.

 - 3. 타이머는 맨 아래 시계를 클릭하면 나타나도록 만들었습니다.

 - 4. 타이머 시간이 다되면 알람이 울립니다.

 - 5. 소제목을 추가하려고 했지만 생각보다 어렵네요 ㅠㅠ -> 작업중

4 . 개발과정

어려운점이 많았습니다. ㅠㅠ 타이머를 추가하는데 일반 시계와는 다르게 분과 초를 입력받아야 하기 때문에 2가지 input을 연동했습니다.

소제목을 추가하기 위해서 삭제버튼 옆에 추가 input버튼을 만들어서 값을 입력받게 만들었습니다.

화면은 grid로 나눠서 소제목을 grid-row로 순서에 섞이도록 만들었습니다.

도대체 어디서 시간을 투자했는지 모르겠는데 이정도가 4일의 한계였네요

5. 앞으로의 계획

우선 소제목을 완성하고 버그를 잡을 예정입니다.

여자친구가 피드백 해주면 수정하는식 혹은 사진을 주기적으로 업데이트 해 줄 예정입니다.

개발자로서 계획은 진행중이던 유튜브클론과 무비앱 을 제 방식대로 마무리 할 예정입니다.

모든 개발자분들 화이팅!!!!!

5 comments