JavaScript

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..

HTML 시작 및 기초

목차 1.비주얼 스튜디오 코드 1-1 확장프로그램 설치 2.브라우저 2-1 네트워크 2-2 랜더링 2-3 개발자도구 3.HTML 3-1 HTML의 뜻과 특징 3-2 HTML 엘리먼트 3-3 front-end 와 back-end의 차이점 1. 비주얼 스튜디오 코드 비주얼 스튜디오 코드란 작성을 쉽게해준다 메모장 기능을 강화한것이다 자동으로 완성시켜준다 https://code.visualstudio.com/ 1-1 확장프로그램 설치 korean 과 live server 설치 korean은 프로그램을 한국어로 바꿔주는것이다. live server은 실시간으로 미리보는 확장 프로그램이다. 2.브라우저 인터넷을 사용할때 접속하기위해 사용하는 크롬, 사파리등등을 브라우저라고한다. 2-1 네트워크 네트워크란 http..

배열 문제 풀이

// 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(); 텍스트를 ..