JS

React - Next

목차 Next 기본 세팅 디렉토리 생성 pages jsx파일생성 render .next생성 바벨설정하기 _app.jsx _document.jsx 라우팅 동적 라우팅 getServerSideProps Server Side Rendering Link 1. Next 기본세팅 npm init -y Json 파일생성 npm install react react-dom next react 와 react-dom 그리고 next 설치 next react react-dom 설치 확인 "scripts":{ "dev":"next dev -p 3003", "build":"next bulid", "start":"next start" } Json 파일에 추가 해줘야 함 1-1. 디렉토리 생성 1-2 pages 디렉토리 생성inde..

todolist

게시판CRUD Create Read Update Delete TodoList CRUD Event(addEventLisnter) 중에 Submit document createElement() append() remove() innerHTML JAvascript Submit 발생되는 시점 Form에 있는 고유한 기능을 제거하고싶다. ``` ``` javascript window.addEventListener('DOMContentLoaded', init) function init(){ const submitElement = document.querySelector('#todoSubmit') const formElement = document.querySelector('#todoform') submitEleme..

배열 문제 풀이

// 1. txt변수안에서 e가 몇번들어갔는가 // 2. txt 변수를 5개씩 잘라서 배열에 넣어주세요 // 3. 배열안에 글자중e z d v n 이 있다면, 배열을 삭제 // 4.나머지값 배열중에서 (요소) 중복값을 제거해주세여 ``` let txt \= "1e5315166152e1152z1d1v4b1n";``` let txt = "1e5315166152e1152z1d1v4b1n"; console.log("문제"+"1e5315166152e1152z1d1v4b1n") console.log( '1. txt변수안에서 e가 몇번들어갔는가' ) console.log("e 가 총 2개"); let strLength = txt.length; // 배열의 길이 let txtArr = new Array(); 텍스트를 ..