728x90 샘플코드2 [Javascript] todo리스트 / 쇼핑 리스트 샘플 코드 (front-end) [Javascript / 자바스크립트] Todo List / Shop List 샘플 코드 머릿말 프론트앤드 Js로 DOM 제어 복습 도중 Todo List를 추가 / 삭제 가능한 어플을 만들어 보았다 참고로 기능 구현 목적으로 만들어 디자인은 구리다 사용 기술 html / css / javascript 이고 다른 플러그인은 사용하지 않았다 프로젝트에 사용된 DOM 제어 Js 기술 엘리먼트 선택자 element.querySelector / element.getElementById 부모 엘리먼트 선택자 element.parentElement 엘리먼트 노드 생성 document.createElement('생성 원하는 태그명') 엘리먼트 노드 삭제 element.remove() 엘리먼트 속성 추가 및 삭제 등 .. 2021. 5. 24. [NodeJs] 애플 홈페이지 프론트엔드+백엔드 (풀스택) 샘플코드 Apple HomePage / front-end / back-end / Full Stack Sample Code 프론트엔드 + 백엔드 풀스텍 연습겸 애플 홈페이지 스타일의 웹사이트를 만들어보았다. 수정을 통해 본인의 웹사이트로 사용하여도 좋고, 소스를 다운 받아 본인의 학습 용도로 사용해도 좋다. 프론트엔드 사용 기술 목록 1. Html (Html5 표준 사용) 2. Css (프레임워크 없이 순수 CSS5만을 사용하여 가볍게 동작 구현) 3. Javascript (라이브러리 사용 없이 순수 바닐라 자바스크립트만을 사용) 백엔드 사용 기술 목록 1. NodeJs (반응형 메인 페이지를 우선 구현해 보았는데, 이후 포스팅에서 상품 상세페이지 등 다양한 페이지 추가 구현할 예정이다) 2. json (서버측의 .. 2021. 3. 22. 이전 1 다음 728x90
