1.결과물 URL

https://youngkyo0504.github.io/TODOLIST/

2.자기소개

개발이랑은 아무상관없는전공을 가진 대학생입니다. 전역하고 나서 html 찔끔하고 css찔끔하고 재미없어서 접었는데 1년뒤인 올해 1월달부터 갑자기 다시 시작하게되었는데 정신차려보니까 이거 만들고 있었네요 ;; 뭔가를 만들었다는게 굉장히 뿌듯하고 앞으로도 개발공부를 조금씩 계속하지않을까 싶어요 ~

3.서비스 소개

-이름 물어보기

배운대로 이름을 얻는 작업부터 들어갔습니다.

-달력, 날씨API 그외 버튼들

이름을 쓰면 HI 이름으로 나타내어집니다. 기본적인 형태는 달력의 형태입니다.

오른쪽의 위를 보시면 배운대로 위치를 가져와서 API를 이용해서 날씨를 가져오고 여기서 온도는 소수점을 버린 형태로 바꿨습니다.

오늘은 빨간 동그라미로 표현했습니다. 그리고 Today 옆의 버튼을 누르게되면 다음달로 넘어가고 왼쪽의 버튼을 누르면 저번달로 넘어가게 됩니다. Today를 누르면 현재로 돌아오게됩니다.

-todolist

달력의 박스들을 누르면 해당하는 날이 나오고 여기서 플러스방향을 누르게되면 할일을 입력할 수 있는 창이 나오게 됩니다.

이렇게 다한 것을 체크할 수 있고 지울 수 있는 기능이 있습니다.

다시 나오게 되면 사진상으로 잘 안보이지만 현재 할일이 추가된 일에는 이런 밑줄이 생깁니다. 코드를 엄청 많이 쓴거같은데 막상 설명할때보니 진짜 심플하네요 ㅜㅜ

4.개발과정 (어려웠던 점과 해결방법)

음.. 처음에 늦게 알아서 이미 다른분들 것을 보고 시작을 하게되었어요.. 잘한분들이 워낙 많으셔서 하지말까 생각했는데 어차피 공부하는 거니까 열심히 해봤습니다. 아직 css가 익숙하지 않아서 css 공부를 병행하면서 했습니다. 코딩이란게 참 요물이라 제 맘대로 되지가 않더군요. 딱제가 있고 싶은 자리에 있게 하고 싶은데 아직 많이 부족하네요.

css로 처음에는 달력틀을 만들고 이제 자바스크립트로 어떻게 달력을 만들까 고민을 했습니다. 사실 저는 이것만 하면 빨리 끝날줄 알고 풀집중을 해서 인터넷을 참고하지 않고 달력을 한번 만들어봤습니다. 생각보다 별로안걸렸다고 생각했는데 만들고 나서 해보니까 여기저기서 문제가 생기더라구요ㅋㅋㅋㅋ 처음에 달력을 7(일주일)*5(주)로 계산을 해서 작성을 했는데 이게 보시면 아시는데 7* 6이 필요할 때가 있더라구요 그래서 부랴부랴 고치고 다음으로 넘어갔습니다.

이제 로컬스트로지에 날짜별로 저장을 해서 저장을 시키려고 키보드를 계속 두들겼습니다. 정확하진 않지만 키값을 스트링으로 주면 제이슨화도 시켜야되고 복잡해질 것같아서 2010년 2월 3일이면 20100203을 키값으로 설정했습니다. 이게 생각보다 복잡했습니다. 저는 저장방법을 todolist에서 지우고 생성한 것을하고 남은 결과를 새로 저장소에 저장하는 형태로 코드를 짰습니다. filter를 사용하지않고요. 그렇게 막 찾아보고 우여곡절 끝에 어떻게 완성은 했습니다. .. 그런데 와 이제 다했다! 이러고 신나하고 있는데 테스트 할 때마다 조금씩 생겨나는 버그들 때문에 다시짜고 다시짜고를 한 2일을 한 것 같아요ㅋㅋㅋ 그리고 지금 올리기 전에도 하다가 이상해서 다시짜고 거의 막바지에 올리고있네요 후..

5.앞으로의 계획

사실 제가 생각한 서비스는 여기서 서버를 개설해서 매일의 할일을 아침 9시에 카톡으로 보내주는 프로그램을 만드는 것이었어요. 아직 서버를 잘모르고 어떻게 카카오톡에 자동으로 이것을 보내줄지 모르겠어서 조금더 배우면 이것을 다시한번 꺼내서 코드도 다시짜보고 진짜 서버로 새롭게 만들고 싶네요~ 감사합니다. 노마드 코더!