profile
으용이의 공책 정리
post-thumbnail

Prettier 란 ? 🤔

What is Prettier ? Prettier is Code Fomatter > 파일을 저장할때마다, 코드를 사용자가 원하는 형식으로 모양을 예쁘게 만들어주는 Node.js 패키지 코드 품질을 위해 사용하는 ESLint와는 다르게 사용자의 옵션에 따라 코드

2021년 11월 8일
·
0개의 댓글
post-thumbnail

번들러

import 구문을 통해 리액트를 불러와서 사용할 수 있

2021년 8월 2일
·
0개의 댓글
post-thumbnail

사전 렌더링

Next.js는 모든 페이지를 미리 렌더링한다. 즉, Next.js는 클라이언트 측 JavaScript로 모든 작업을 수행하는 대신, 각 페이지에 대해 미리 HTML을 생성함. 사전 렌더링은 더 나은 성능과 SEO를 제공 생성된 각 HTML은 해당 페이지에 필요한

2021년 7월 17일
·
0개의 댓글
post-thumbnail

Next.js의 Link Tag

코드 분할 및 프리페치 Next.js는 코드 분할을 자동으로 수행하므로 각 페이지는 해당 페이지에 필요한 것만 로드한다. > 홈페이지가 렌더링될 때 다른 페이지의 코드는 처음에 제공이 되지 않는다. 요청한 페이지의 코드만 로드하면 페이지가 격리된다. 특정 페이지에서

2021년 7월 11일
·
0개의 댓글
post-thumbnail

자바스크립트 문자열 length

문자에 따라 length로 확인 불가능할 때가 있다.다음과 같은 문자는 문자열의 길이를 length로 확인해도 1이 아니다.원인은 이 문자들이 서러게게이트 쌍(Surrogate Pair)이기 때문이다.Javascript는 기본적으로 하나의 문자를 2바이트 로 표현하지만

2021년 7월 11일
·
0개의 댓글
post-thumbnail

JSON 개념 정리 와 활용방법

자바스크립트 10탄 보면서 정리 한 내용 ! 🖋 HTTP란 브라우저 위에서 동작하고있는 웹사이트나 웹어플리케이션과 같은 클라이언트들이 어떻게 서버와 통신할수 있는지 정의한 것어떻게 이 HyperText를 주고 받을 수 있는지를 규약한 프로토콜중의 하나(HyperTe

2021년 6월 28일
·
0개의 댓글
post-thumbnail

Import 구문

Import구문에 대해서 공부 ! import 정적 import문은 다른 모듈에서 내보낸 바인딩을 가져올 때 사용 HTML 안에 작성한 스크립트에서는 import를 사용할 수 없다. 함수형 구문을 가진 동적 import() 동적 가져오기는 모듈을 조건적으로 가져

2021년 6월 19일
·
0개의 댓글

Git 번외

git clone : 원격저장소를 복사하는 명령어 (자동으로 origin이라는 이름의 원격저장소가 등록되게 됩니다.)HEAD : 현재 내가 어떤 작업공간에 있는지를 나타냅니다.( EX. 만약 제가 master 브랜치에서 작업을 하고 있다면 제 HEAD는 master 브

2021년 6월 6일
·
0개의 댓글

Git 명령어 2

git pull : 원격저장소 데이터를 로컬 저장소에 가져와 바로 병합을 하는 명령어https://images.velog.io/images/lovelyhyeony/post/cbb8b7d2-cc39-4a29-9865-7ffe9017fef8/image.pnghtt

2021년 6월 6일
·
0개의 댓글

Branch 명령어

branch : 분기, 가지를내다, 갈라지다 라는 의미여러 개발자들이 동시에 다양한 작업을 할 수 있게 만들어 주는 기능 → '브랜치(Branch)'가지를 내어서 각자 독립적인 작업 영역(저장소) 안에서 마음대로 소스코드를 변경 ✓분리된 작업 영역에서의 변경된 내용

2021년 6월 6일
·
0개의 댓글

Git 명령어

Chapter 1 git init : 로컬 git 저장소 생성하는 명령어 작업 폴더 하위에 .git 이라는 폴더가 생성 작업공간 안의 .git 폴더 → 로컬 Git 저장소 ( 이 저장소 안에 모든 작업내역이력(커밋)들이 들어있습니다. ) Chapter 2 gi

2021년 6월 6일
·
0개의 댓글

git

git이란 git은 VCS(Version Control System)중의 하나이다. git과같은 VCS는 코드만 관리할 수 있는게 아니라, 자신의 text 파일도 깃허브와 함께 관리 할 수 있음. 디자이너도 이미지와 같은 그래픽 파일 뿐만아니라 다양한 레이아웃 파일

2021년 5월 3일
·
0개의 댓글

array

length: number; \- return : 배열의 길이를 반환 \- 배열의 최대 인덱스보다 항상 큼 toString(): string; \- return : 배열을 표현하는 문자열을 반환 \- 지정된 배열 및 그 요소를 나타내는 문자열을 반환함toLoc

2021년 4월 26일
·
0개의 댓글

드림코딩 JS 영상 2편 정리

console에서 확인 가능 브라우저 console, nodejs에서 둘다 확인 둘다 console에 관련된 API(Application Programming Interface)가 있기 때문 web apis는 브라우저자체에 포함되어 있는 브라우저가 이해할 수 있는 함

2021년 4월 19일
·
2개의 댓글

Router Replace

replace prop를 설정하면 클릭할 때 router.push() 대신 router.replace()를 호출할 것이므로 내비게이션은 히스토리 레코드를 남기지 않을 것입니다.Router.Vuejs.org(https://router.vuejs.org/kr/ap

2021년 4월 18일
·
0개의 댓글

v-bind:class

데이터 바인딩은 엘리먼트의 클래스 목록과 인라인 스타일을 조작하기 위해 일반적으로 사용된다.Vuejs.orgv-bind:class는 문자열과 객체 또는 배열을 둘 다 받을 수 있다.객체를 받은 경우에는 클래스명은 객체의 속성 키에, 해당 클래스가 적용되어야 하는 조건이

2021년 4월 18일
·
0개의 댓글

_.filter()

collection (Array | Object) : 반복 할 컬렉션\[predicate=\_.identity] (함수) : 반복 할 때마다 호출되는 함수Lodash문서

2021년 4월 18일
·
0개의 댓글

👾 동적 페이지 VS 정적 페이지

동적 페이지는 \_로 시작한다.this.$route.params 로 사용뒤에 넘어오는 데이터 값들이 얼마든지 변화가능ex) /test/fdsfsdfsdfs정적인 페이지this.$route.query를 사용해ex) /test/data?=fsdfsff

2021년 4월 18일
·
0개의 댓글

nextTick

다음 DOM 업데이트 사이클 이후 실행하는 콜백을 연기합니다. DOM 업데이트를 기다리기 위해 일부 데이터를 변경한 직후 사용해야 합니다. Vuejs.org > nextTick으로 감싼뒤 callback을 통해 DOM을 조작하게 되면 Vue.js에서 데이터갱신 후 U

2021년 4월 18일
·
0개의 댓글

드림코딩 JS 영상 1편 정리

Chrome 안에 JIT(just-in-time) compilation이 내장되어있음자바스크립트를 실행하는 속도가 엄청 빠르고 강력한 엔진이 포함된 브라우저임매해마다 새로운 버전들이 나오지만 여기저기 수정 된 부분이다.모든 브라우저들이 ECMAScript의 표준사항을

2021년 4월 13일
·
0개의 댓글