챌린지 45일 차.
Simple Todo App 만들기 프로젝트
스노우 팩의 스벨트를 사용하여 간단한 투두 앱을 구현하는 프로젝트를 진행하였다. 사실 투두 앱은 기존에 만들어봤던 경험이 있는데 스벨트를 사용하여 만들어보는 것은 처음이라서 조금 색다른 느낌이였다. input창을 사용하여 투두리스트를 작성하여 버튼을 클릭할 시 아래 화면에 리스트들로 투두가 작성되는 형태이다. 투두리스트들은 여러개를 입력할 수도 있고 각각의 리스트는 edit 버튼과 delete 버튼을 갖고 있어서 eidt버튼을 누른다면 리스트를 수정, delete 버튼을 누른다면 리스트를 삭제 할 수 있다. 또한 투두리스트는 로컬 스토리지 내의 API를 사용하여 우리가 작성한 투두 리스트들을 스토리지에 저장이 될 수 있게 만들게된다. 로컬 스토리지를 사용하기 때문에 새로고침을 하더라도 스토리지 내에 저장이 되기 때문에 작성한 투두리스트가 사라지지않는다. 이 데이터는 개발자도구의 스토리지 부분에서 확인할 수 있다.
Simple Todo App 사이트 배포하기
개인 프로젝트를 깃허브로 간단하게 배포하는 방법을 알아보자.
1. 새로운 리파지토리를 만든다.
2. settings - Pages 로 들어가서 None으로 기본 설정 되어 있는 부분을 Main으로 바꿔준다. (사진 내 하이라이트 참고)
3. Save 버튼을 눌러 저장 후 GitHub Pages의 주소를 확인한다.
4. 주소가 제대로 작동하지 않는다면 끝부분에 커밋한 파일명을 추가로 작성해준다.
ex) https://boksooni.github.io/simpleTodoApp/index.html
패스트캠퍼스 [직장인 실무교육]
프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.
fastcampus.co.kr
본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.
#패스트캠퍼스 #패캠챌린지 #직장인인강 #직장인자기계발 #패스트캠퍼스후기 #한번에끝내는프론트엔드개발초격차패키지online
