KB 코딩

📄 Web-Editor 1. React-quill 써보기! - React-quill에서 쓰이는 onChange: HTML의 onChange기능이 아니다. react-quill을 만들어 놓은 개발자들이 자체적으로 만들어 놓은 기능이라 event가 따로 필요 없다. 디렉트로 value를 넣어준다!! - 하지만 react-quill을 그냥 쓰려고 하면 ❗Error: document is not defined❗라는 문구를 브라우저 창에서 보게 된다. - FE서버에서는 브라우저의 요청을 받고 pre-rendering을 하고 브라우저에 되돌려주는데 이때 document가 없기 때문에 에러가 생기게 된다. 💥 그럼 해결은 어떻게❓ - process.browser일 때 렌더링해줘! 라는 코드를 작성해주면 되는데, 여기..

카테고리 없음 2022. 4. 26. 19:56

✔ 설치 ✔ 오류 1. 설치 1) 바탕화면에 개발할 폴더명을 만들어주기 => KB-completion-project 2) vscode에서 KB-completion-project 오픈 3) 터미널 열어주기 4) 터미널에서 npx create-next-app 5) 터미널에서 원하는 프로젝트 이름을 설정 => completion-project 6) 초기 설치 폴더 구조(🔻) : 보일러 플레이트 2. 오류 1) next/babel Error 2) 폴더에 .babelrc 파일을 만들고 아래와 같이 작성 { "presets": ["next/babel"] } 3) .eslintrc라는 파일 내에 "next/babel"을 추가 { "extends": ["next", "next/babel", "next/core-web-..

카테고리 없음 2022. 4. 21. 17:53

✔얕은 복사(Shallow Copy) ✔ 깊은 복사(Deep Copy) ✔ 무한 스크롤(Infinte Scroll) 1. 얕은 복사(Shallow Copy) - 얕은 복사란 배열이 가진 객체 즉, 주소값을 복사한다. - 원본의 값이나 복사된 값이 변경될 경우 두 값 모두 변경되는 단점이 있다. - profile 배열을 friendprofile에 복사 한뒤 - 원본(profile)의 이름을 영희로 바꾸어 보았다 - 확인을 해보면 원본(profile)과 사본(friendprofile)의 이름이 둘다 바뀜 - 이러한 얕은 복사에 수많은 객체가 있을 경우 한번에 복사해주는 기능이 있는데 스프레드연산자라고 한다. - 배열안에 있는 객체를 한방에 가져올 수 있는 아주 편리한 메서드이다. - 스프레드연산자(sprea..

카테고리 없음 2022. 4. 18. 22:06

✔ 1. 배열의 기초 ✔ 2. 배열의 생성 ✔ 3. 배열의 참조 ✔ 4. 배열 요소의 추가 ✔ 5. 배열의 순회(iteration) ✔ 6. Array 객체 1. 배열의 기초 1) 배열이란? - 정의 : 이름과 인덱스로 참조되는 정렬된 값의 집합 - 배열 요소(element) : 배열을 구성하는 각각의 값들 - 인덱스(index) : 배열에서의 위치를 가리키는 숫자 2) 배열의 특징 - 배열 요소의 타입이 고정되어 있지 않으며, 같은 배열에 있는 배열 요소끼리의 타입이 서로 다를 수도 있다. - 배열 요소의 인덱스가 연속적이지 않아도 되며, 따라서 특정 배열 요소가 비어 있을 수도 있다. - 자바스크립트에서 배열은 Array 객체로 다뤄진다. 2. 배열의 생성 - 위의 세 가지 방법은 모두 같은 결과의 ..

TIL 2022. 3. 26. 12:43