Community

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

← Go back
코딩 공부하고 처음으로 완성한 홈페이지 todo list입니다
#to_do_list
3년 전
6,683
4

1. 결과물 URL :https://tat-kor.github.io/Momontom/

undefined

undefined

undefined

2. 자기소개

안녕하세요 졸업한지 1년이 된 컴공 졸업생 백수(..)입니다. 학교에서 편입을 하느라 학점만 바쁘게 들었더니 정작 졸업하고 나니 남은 건 아무것도 없더라고요. 처음에는 나름 python 계열의 프로그래밍쪽으로 진로를 정했는데 정작 구현에는 아무것도 해본 적도, 능력도 없어 기초부터 차근차근 실력을 길르고자 JS 챌린지를 신청했습니다.

3. 서비스 소개

기본적인 투두리스트 기능과 구글 검색 엔진, 하단에는 (비록 영어지만) 명언이 나오도록 했습니다.

돋보기 버튼에 마우스를 올리면 서치바가 펼쳐지면서 검색어를 입력하면 해당 검색어로 구글 검색이 됩니다.

명언은 api를 이용해 새로고침 시 랜덤으로 명언이 나오도록 했습니다.

4. 개발 과정

JS 코드는 강의를 들으면서 열심히 적어둬서 크게 어렵지는 않았습니다. 다만 전체 코드는 손에 익힐 겸 제 손으로 직접 입력했더니 오타로 인한 오류가...... 한 30분 찾고 있으면 ;을 쳐하야하는게 l로 적혀있다던가...........(이마 침)

css 부분에도 배경색으로 인해 글자가 묻히지 않도록 배경 이미지마다 다르게 해야해서 오늘도 어김없이 폭풍 구글링 했습니다.

html에서는 문제가 없을줄 알았는데... css와 손잡고 안보이는 오류(?)를 내더라고요... 저 분리선들 만드느라 1시간은 보낸 것 같네요... 이 간단한걸.... 왜지?????

마지막에는 명언 api를 사용하고 싶어서 제출 30분 전에 후다닥 넣었습니다. 근데 생각보다 어떻게 넣어야할지 막막하더라고요. vanilla JS를 이용해 api 넣기는 첨이라... 마찬가지로 니코쌤의 강의와 구글링을 열심히 참고했습니다... 다 하고보니 제출 10분 남은거 보고 진짜 식겁했네요^^;

5. 앞으로의 계획

이 todolist를 기반으로 포토폴리오를 쌓기 위해 여러 토이 프로젝트를 하려고 합니다. 구상해둔 건 몇몇개 있으니... 이제 제 손만 움직이면 되겠네요ㅎㅎ

그리고 제출시간 안에 내느라고 처음에 구상했던 ui에서 빠진 기능들이 있어 조만간 추가로 업그레이드를 해주고 싶습니다. 도움말 기능, 검색엔진 늘리기, 백엔드 서버를 이용해서 어느곳에서나 확인이 가능하고, 반응형 웹 만들기, 디자인 보완하기 등등...

넣고 싶은 기능들은 참 많은데 실력이 부족하니... 노마드코더 강의들을 하나하나 들을 수밖에 없겠네요^^ 후후후 

4 comments