1. 결과물 URL

https://doyeon353.github.io/SunriseToDoList/ 

2. 자기 소개

저는 2020년에 프론트엔드로 일본 취업을 하려고 준비중인 25세 사회복무요원입니다.

코딩은 작년 초 부터 하기 시작했었는데 훈련소 가거나 산업기사 준비로 최근에 들어서야 본격적으로 하게 됐습니다.

3. 서비스 소개

기본에서 거의 벗어나지 않는 todolist입니다

직장인이나 학생들이 아침과 점심 일과를 나누어서 생각하는게 효율적이라고 생각되서

2가지로 나누게 되었습니다.

기능은 둘 다 똑같습니다.

1)가장 기본적인 list의 출력

2)삭제, 완료, 이동 버튼

2-1) 이동버튼을 눌렀을때 오전일과는 오후일과로 오후일과는 오전일과로 이동됩니다.

3)전체삭제 버튼

3-1) 전체 삭제 버튼을 눌렀을때 페이지를 새로고침합니다.

4)한쪽 일과의 갯수를 7개 이상 적을 경우 경고창이 뜨도록 설정했습니다.  

5)media query를 이용해서 화면의 사이즈가 변경되었을시 일과의 위치를 변경되도록 만들었습니다.

4. 개발 과정

이번 todolist는 처음부터 아무것도 안보고 만들어 보기로 했습니다.

처음에 시작할 때는 어떻게 시작을 해야되지... 하면서 계속 고민만 했었던 것 같습니다.

div의 배치는 어떻게 해야하며 어떤 식으로 list를 만들어 나갈까 고민을 많이 했던것 같습니다.

일과를 오전과 오후로 나누기 위해서 배열을 2개로 만들고 그 안에서 list를 어떻게 하면 이동시킬 수 있을지 고민하다가 저번에 챌린지에서 비슷한 걸 해본 적이 있는 것 같아서 그것을 참고하면서 만들었습니다.

변수명 하나하나 그 기능에 맞게 이름을 짖는 것이 너무 어려웠네요...ㅋㅋㅋ

그리고 전체 삭제 버튼을 누르고 다시 list를 쓰려고 하니까 localstorage에는 list들이 전부 지워졌는데 더이상 list를 쓰지 못하게 경고 창이 뜨는 현상이 있었습니다.

물론 새로고침을 하면 다시 써지기는 하지만 새로고침을 하지 않은 상태에서 다시 list를 쓰려고 하면 경고창이 나왔습니다.

이유를 알고싶었지만 무엇이 문제인지 아무리 생각해 봐도 전혀 모르겠네요ㅠㅠㅠ

그래서 그냥 전체 삭제 버튼의 이벤트 마지막에 화면을 새로고침 해주는 기능을 넣어서 문제를 해결했습니다.

5. 앞으로의 계획

처음부터 만들어 보니 html과 css에 대한 지식이 많이 부족하다는 것을 느꼈습니다.

간단한 레이아웃부터 animation이나 html구조 등등 여러가지 면에서 시간이 너무 오래걸리고 있다는 것을 느꼈습니다.

뭔가 정해진 시간안에 많은 것을 해 놔야 취업이 빨리 될 것 이라고 생각한 나머지 기본도 안된체로 여러가지 클론을 만들고 있었던것 같습니다.

지금으로서는 이 초조함을 없애고 꾸준히 무언가를 만들면서 실력을 쌓아 다른사람들에게 자랑할 만한 작품을 만드는 것이 목표입니다.

P.S

혹시 다른사람들 작품 보면서 자괴감 느낀거 저만 그런거 아니죠? ㅋㅋㅋㅋ

나만 너무 못하는 느낌이 들어요 아흑ㅋㅋㅋㅋ