개발자 99% 커뮤니티에서 수다 떨어요!
2. 자기소개
⭐코딩과는 전혀 무관한 학과에 재학 중인 마음만은 새내기 20학번입니다! 작년부터 막연하게 코딩을 할 줄 아는 사람이 되고 싶다는 생각으로 이런저런 무료 강의를 찾아 듣기 시작했고 이번에는 노마드코더 바닐라JS 강의를 듣게 됐네요!
처음 강의를 듣기 시작했을 때는 빠르게 입력되는 니꼬쌤 코드에 당황해 다시 하나하나 생각해보느라 한참을 들었지만 계속 듣다보니 이제는 완전히는 아니어도 각 코드가 무엇인지 대강 눈치챌 수는 있게 된 뿌듯한 코린이입니다👶! 즉각적으로 구현되는 코딩이 꽤 매력 있는 것 같아 업은 아니어도 많은 걸 시도해보고 싶은 분야가 된 듯합니다💥
3. 서비스 소개
기존 강의에서 다룬 todo_list의 기능은 다음과 같았습니다.
1) 시/분/초 시간 알림, 기온과 위치 알림
2) name과 todo 입력
3) todo_list 기능
조금 다듬어 만든 TODO_LIST는 다음의 변화를 첨가했습니다⚡
1) 연/월/일/요일 단위의 날짜 알림
2) 정렬 변화
기온과 위치 정보는 우측 상단에 위치하도록, 그 외의 name, todo, 시간 등의 정보는 중앙에 위치하도록!
3) 글꼴 변화
Jeju Gothic으로 글꼴 변경했으며 색상을 배경 이미지와 어울리도록 수정하고 각각의 글꼴 사이즈 수정!
4) name과 todo 입력란 css 변화
밑줄만으로 입력란을 확인할 수 있도록! placeholder의 opacity를 수정해 입력란 느낌 가득하게!
5) 그 외의 약간의 기호 추가
todo_list의 체크 버튼을 ✔으로, 기온 기능 앞에 🌡 기호 추가!
4. 개발 과정 (어려웠던 점과 해결방법)
어려웠던 점은 많았죠.... 많았습니다.........
css가 주가 된 강의를 들어본 적이 없고 별도로 공부해본 적이 없어서 가운데 정렬하는 데도 애먹었습니다..
날짜 기능을 넣는 것도 어려웠고 적절한 위치에 원하는 기능을 고정시키는 것도 어려웠습니다..
어려웠던 부분은 강의를 다시 듣고 구글링, 다른 분들의 투두 리스트 이해해보기 등의 과정을 거쳐 해결했어요!
5. 앞으로 계획
이제 제 새로운 코딩 todo_list는 아래와 같습니다 (o゚v゚)ノ
✔ 바닐라 JS로 크롬 앱 만들기_ todo_list 복습
✔ 바닐라 JS로 그림판 만들기 복습
✔ 노마드코더 새로운 강의 찾아나서기
✔ 노마드코더 챌린지 도전하기
아직 부족한 점이 한참 많아 노마드코더의 다른 강의를 속히 듣고 챌린지에 도전하면서 직접 부딪히며 익혀야 할 것 같습니다! 이렇게 좋은 강의 만들어주신 노마드코더 정말 감사합니다! 강의를 듣고 스스로 고민해보면서 코딩의 참 즐거움을 몸소 느낀 것 같아요!
todo_list 콘테스트에 올리신 수많은 분들의 작품을 보고 입이 딱 벌어졌습니다ㅠㅠ 다들 정말 대단하신 것 같아요! 강의, 코드를 짜는 과정만이 아닌 다른 분들의 작품 덕분에 더 눈이 뜨인 것 같아요! 고생하셨습니다!🤗