vanilajs2 VanilaJS로 SPA 개발해보기 (No Framework) 프레임워크 없이 순수 바닐라JS로 SPA(Single Page Application)을 개발해보자. 포스팅 된 프로젝트는 아래 깃헙(github)에서 확인하실 수 있습니다. https://github.com/awesome-sh/vanila-spa GitHub - awesome-sh/vanila-spa: Vanila JS Single Page Application (No Framework) Vanila JS Single Page Application (No Framework). Contribute to awesome-sh/vanila-spa development by creating an account on GitHub. github.com 주요 기능 SPA의 주요 특징 중 하나가 Routing 처리라고 .. 2022. 2. 15. 라이브러리 없이 VanilaJS로 만드는 To-Do Application 과제로 전달받은 라이브러리 도움 없이 To-Do 리스트를 만들어달라는 요구사항을 토대로 기본 자바스크립트에 충실하여 To-Do 리스트를 만들어 보았다. 1. 진입 (Intro) : 과제 요구사항에는 없던 내용이었는데 아이폰을 처음 부팅했을때 사용자경험 느낌이 좋아 (네! 여기 앱등이 손..) 비슷하게나마 만들어보고 싶었습니다. 2. 할일목록 추가 (Modal) : 할일 목록을 추가할때 모달을 만들어 입력창을 표출했고 백그라운드를 클릭할때에는 모달창이 닫히도록 하였습니다. 3. 할일목록 : 미완료를 상단에, 완료목록을 하단에 정렬하였습니다. 4. 할일들은 언제든 미완료 완료로 전환 5. 완료된 항목에 대해서만 삭제버튼이 활성화 6. 데이터들은 브라우저 로컬스토리지(LocalStorage)에 저장 7. 라이.. 2020. 11. 6. 이전 1 다음
