-
Toy project - Simple TodosT.P 2019. 10. 14. 22:07
오늘 한 일.
토이 프로젝트를 하나 해보았다!
우선은 조금 가볍게 평소에 즐겨보는 노마드코더의 강좌에서 바닐라 자바스크립트로 ToDo를 관리하는 웹 페이지를 하나 만드는 걸 따라해보았다.
기능 자체는 많지는 않은데, 이상한데서 시간이 좀 걸렸다!!!
프로젝트를 위한 나의 ToDos
1. 강좌 다 듣기! - 기본이되는 페이지를 만들어야한다!!
2. 웹서버에 올려보자! - nginx, ncp(Naver Cloud Platform)
3. 기능을 확인해보자! - 시간, 리스트 저장, 로컬스토리지 동작 확인, 위치 확인 등.
4. 부족한 기능을 넣어보자! - bug fix 및 추가 구현.
그래서 오늘은 뭘 했지!!?
1. 강좌 다 듣기!
2. 웹서버에 올려보자!
3. 기능을 확인해보자!
4. 부족한 기능을 넣어보자는 진행 중!
정확히 무엇을 하였고, 무엇을 고민했고, 무엇이 잘 안되었는가?
만들었어요!
1. 기본이 되는 뼈대 페이지를 만들었어요!
2. nginx 설정을 완료했어요!
3. https를 부족하지만 적용해보았어요!
고민했어요!
1. 우선 전반적으로 jquery 의존도가 높았다는 것을 깨닫다....(jquery.. 이제 좀 빼야겠어요...)
2. 페이지에 위치 조회 기능이 있었는데!! http로 들어가면 안되었어요! 위치는 민감정보라 https 만 지원한다는군요!!! 그래서 어떻게 하면 https를 적용할 수 있을지 고민했어요!
3. 페이지의 부족한 점을 고민했어요. 이건 따로 봐야할 정도로 많아요.. todos의 index, localstorage로 인한 데이터 초기화 및 연동 문제, 부족한 css 실력으로 인한 뷰의 미숙함... 등등.. 세보니 너무 많네요.
4. 도메인을 발급받기 위해서 몇몇 군데를 찾아보았어요.. 결국 가비아라는 곳으로 정해서 했어요!
잘 안되었어요!
1. https 를 처음 적용해보는거라 너무 미친듯이 삽질을 했어요. (https 포트를 열지도 않고 접속해서 몇 십분을... 크흑...)
2. 정말 밑바닥에서 쌓아올리는 느낌이라, 제 미숙함이 너무 노출이 되었어요. 일례로 ajax는 매번 jquery에서만 써봤는데, fetch를 써보니 신세계였어요!
3. https 인증서를 받는데 설정이 너무 헷갈리는거에요.. 위치를 하지말까 고민을 했었어요..
완성품이에요!!(아직 완성은 아니에요. 사실 거의 노마드코더에서 배운 것이 다고, https나.. 자질구레한것만...)
도움을 받은 곳은 다음과 같아요!
1. nomadcoders
2. https설정더 다양한 기능을 담아봐야겠어요!
너무재밌어!!!!!!