Community

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

← Go back
깔끔한 to-do-list
#to_do_list
3년 전
2,364
6

undefined

undefined

undefined

1. 결과물 url

https://che-ri.github.io/Custom-Momentum/

2. 자기소개

안녕하세요! 저는 음악교육 강사로 근무했었고, 개발에 재미를 느껴, 지금은 퇴사 후 공부에 전념하고 있습니다. 개발 쪽으로는 완전 문외한이였지만, 뜬금없이 프로그램을 만들어보고 싶은 생각이 들었습니다. 다행히도, 제 주변에 개발자 분이 계셔서, 노마드코더라는 강의를 추천받게 되었습니다. 첫 강의는 코코아톡 클론 강의였고, 강의를 진행하는 동안 개발에 큰 재미를 느꼈습니다. 또한 자연스럽게 챌린지를 접하면서, 다양한 레이아웃을 만들고, html과 css와 친숙해질 수 있었습니다. 니꼬 선생님 그리고 지인분 덕분에, 프로그래밍을 계속 해보고 싶어졌어요. 너무 감사합니다. 💗 주변에 저처럼 개발을 해보고 싶은 지인분들이 있다면 정말 코코아톡 클론 무조건 강추 강추! 할거예요

3. 서비스 소개

✅ todo list 생성

✅ todo list 삭제

✅ 주간/야간모드

✅ 반응형 디자인

3가지 버전의 배경화면이미지가 있고,

주간/야간모드를 통해 배경화면의 밝기를 조정할 수 있습니다.

4. 개발과정

body에 주간/야간모드를 넣고 싶어서, ::before 속성을 사용하려했지만, 자바스크립트로 ::before 속성을 selector로 사용할 수 없다는것이 난관이였습니다.

또한 ::before로는 요소의 전체 밝기가 조절되어, 내용 가독성을 해치게 되었습니다. 다시 구조를 짜서, background에만 밝기가 조절되도록 설정하였습니다.

실컷 만들었는데, 미디어의 크기를 생각하지 못하여, 핸드폰으로 봤을때 배경이미지의 배율이 깨져보였습니다. 그래서 다시 침착하게 미디어를 생각하며 크기를 조정하였습니다.

5. 앞으로의 계획

한동안 javascript를 공부하면서, 나름대로 지쳐있었는데,

이번 이벤트로 인해 개발의 참맛을 알아버린 것 같아요 후후후...

안될땐 열심히 제 자신을 자책하다가, 잘 될땐 기쁨이!! 👼👼👼 마구마구 솓구쳐요.

아직 공부한지 한달 반밖에 되지 않아서😂😂 여전히 코딩은 어렵지만, 느리더라도 차근차근! 하나씩! 기능을 구현을 해보고자 합니다.

1. todolist에 배경음악을 넣기

2. calender 구현하기

앞으로도, 열코하는 사람이 되겠습니다.

노마드코더 사랑해요 💞

6 comments