Community

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

← Go back
간단한 투두리스트 만들기
#to_do_list
3년 전
2,554
1

https://sibiwol.github.io/to-do-list/

undefined

undefined

1. 자기소개

프론트엔드 개발자로 취업하고 싶은 취준생입니다.

2. 서비스 소개

추가 구현한 기능

- target(목표)를 적고 저장하는 기능.

- 이미 적은 target을 클릭하면 기존 text는 삭제되고 새로운 target을 적을 수 있도록 <input> 나타나 수정 가능.

(- 배경 이미지는 제가 좋아하는 일본 화가 가쓰시카 호쿠사이 작품 7점을 선택했습니다. 이미지 출처 : 프랑스국립중앙박물관연합 )

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

- 익숙하지 않은 github사용으로 commit한 것들이 꼬여 잠깐 멘붕이 왔습니다.

- target 기능 만들기

console.log()를 이용해 출력했을 때 스트링타입의 undefined와, Udefined타입의 undefined을 구분하지 못해 헤맸었습니다. undefined에 따옴표를 붙여 해결했습니다

- 페이지 만들기

github으로 처음 페이지를 만들어 봤는데 나중에 commit한 내용이 제대로 반영되지 않아 날씨와 지역에 대한 정보가 페이지에 나오지 않았습니다...ㅠ

- css

배경 이미지가 여러 색으로 구성되어 있어 글씨의 가독성이 떨어졌습니다. 글씨에 그림자를 넣어 입체감을 주고 비교적 보기 편해졌습니다.

<input>이 <h4>로 변할 때 좀 더 부드러운 모션을 주고 싶었지만 js 만드느라 시간이 없어 패스 했어요. 아쉽습니다ㅠ

4. 앞으로의 계획

니꼬쌤이 자신의 프로그램을 만들어보라고 한 이유를 알게 되었어요. 튜토리얼을 보며 따라하는 식으로 공부하다 직접 만들어보려고 하니 많이 막혔지만 부딪치며 배우는 것이 많았습니다.

앞으로는 자신만의 프로그램을 만들며 포트폴리오를 채울 생각입니다. 시간이 없어 원하는 페이지를 만들 수 없었습니다. 처음 생각했던 to-do-list를 어플로 만들어 볼거에요!

감사합니다!!

1 comment