- 전체보기(23)
- JavaScript(6)
- array(3)
- vue(3)
- git(3)
- lodash(3)
- 자바스크립트(2)
- master(2)
- MDN(2)
- push(2)
- git 역사(1)
- import(1)
- checkout(1)
- 사전렌더링(1)
- link(1)
- 드림코딩(1)
- merge(1)
- rebase(1)
- 표준내장객체(1)
- 버전관리(1)
- length(1)
- 뷰(1)
- JS역사(1)
- head(1)
- router(1)
- input(1)
- 로대쉬(1)
- nextTick(1)
- revert(1)
- js(1)
- async(1)
- class(1)
- branch(1)
- code fomatter(1)
- Prettier(1)
- method(1)
- 엘리(1)
- git flow(1)
- unshift(1)
- 프론트엔드 개발자 입문편(1)
- 문자열(1)
- bundler(1)
- 번들러(1)
- .map()(1)
- json(1)
- next(1)
- replace(1)
- 자바스크립트 10탄(1)
- filter(1)
- cherry-pick(1)
- commit(1)
- git 명령어(1)
- 드림코딩 엘리(1)
- disabled(1)
- reset(1)
- clone(1)
- @property(1)
- script(1)
- splice(1)
- 분산식(1)
- 정렬(1)
- 명령어(1)
- readonly(1)
- Fetch(1)
- pull(1)
- Defer(1)
- next.js(1)
- 정적페이지(1)
- diff(1)
- v-bind(1)
- origin(1)
- remote(1)
- add(1)
- stash(1)
- git history(1)
- 중앙집중식(1)
- 동적페이지(1)
Prettier 란 ? 🤔
What is Prettier ? Prettier is Code Fomatter > 파일을 저장할때마다, 코드를 사용자가 원하는 형식으로 모양을 예쁘게 만들어주는 Node.js 패키지 코드 품질을 위해 사용하는 ESLint와는 다르게 사용자의 옵션에 따라 코드
사전 렌더링
Next.js는 모든 페이지를 미리 렌더링한다. 즉, Next.js는 클라이언트 측 JavaScript로 모든 작업을 수행하는 대신, 각 페이지에 대해 미리 HTML을 생성함. 사전 렌더링은 더 나은 성능과 SEO를 제공 생성된 각 HTML은 해당 페이지에 필요한
Next.js의 Link Tag
코드 분할 및 프리페치 Next.js는 코드 분할을 자동으로 수행하므로 각 페이지는 해당 페이지에 필요한 것만 로드한다. > 홈페이지가 렌더링될 때 다른 페이지의 코드는 처음에 제공이 되지 않는다. 요청한 페이지의 코드만 로드하면 페이지가 격리된다. 특정 페이지에서
자바스크립트 문자열 length
문자에 따라 length로 확인 불가능할 때가 있다.다음과 같은 문자는 문자열의 길이를 length로 확인해도 1이 아니다.원인은 이 문자들이 서러게게이트 쌍(Surrogate Pair)이기 때문이다.Javascript는 기본적으로 하나의 문자를 2바이트 로 표현하지만
JSON 개념 정리 와 활용방법
자바스크립트 10탄 보면서 정리 한 내용 ! 🖋 HTTP란 브라우저 위에서 동작하고있는 웹사이트나 웹어플리케이션과 같은 클라이언트들이 어떻게 서버와 통신할수 있는지 정의한 것어떻게 이 HyperText를 주고 받을 수 있는지를 규약한 프로토콜중의 하나(HyperTe
Import 구문
Import구문에 대해서 공부 ! import 정적 import문은 다른 모듈에서 내보낸 바인딩을 가져올 때 사용 HTML 안에 작성한 스크립트에서는 import를 사용할 수 없다. 함수형 구문을 가진 동적 import() 동적 가져오기는 모듈을 조건적으로 가져
Git 번외
git clone : 원격저장소를 복사하는 명령어 (자동으로 origin이라는 이름의 원격저장소가 등록되게 됩니다.)HEAD : 현재 내가 어떤 작업공간에 있는지를 나타냅니다.( EX. 만약 제가 master 브랜치에서 작업을 하고 있다면 제 HEAD는 master 브
Git 명령어 2
git pull : 원격저장소 데이터를 로컬 저장소에 가져와 바로 병합을 하는 명령어https://images.velog.io/images/lovelyhyeony/post/cbb8b7d2-cc39-4a29-9865-7ffe9017fef8/image.pnghtt
Branch 명령어
branch : 분기, 가지를내다, 갈라지다 라는 의미여러 개발자들이 동시에 다양한 작업을 할 수 있게 만들어 주는 기능 → '브랜치(Branch)'가지를 내어서 각자 독립적인 작업 영역(저장소) 안에서 마음대로 소스코드를 변경 ✓분리된 작업 영역에서의 변경된 내용
Git 명령어
Chapter 1 git init : 로컬 git 저장소 생성하는 명령어 작업 폴더 하위에 .git 이라는 폴더가 생성 작업공간 안의 .git 폴더 → 로컬 Git 저장소 ( 이 저장소 안에 모든 작업내역이력(커밋)들이 들어있습니다. ) Chapter 2 gi
git
git이란 git은 VCS(Version Control System)중의 하나이다. git과같은 VCS는 코드만 관리할 수 있는게 아니라, 자신의 text 파일도 깃허브와 함께 관리 할 수 있음. 디자이너도 이미지와 같은 그래픽 파일 뿐만아니라 다양한 레이아웃 파일
array
length: number; \- return : 배열의 길이를 반환 \- 배열의 최대 인덱스보다 항상 큼 toString(): string; \- return : 배열을 표현하는 문자열을 반환 \- 지정된 배열 및 그 요소를 나타내는 문자열을 반환함toLoc
드림코딩 JS 영상 2편 정리
console에서 확인 가능 브라우저 console, nodejs에서 둘다 확인 둘다 console에 관련된 API(Application Programming Interface)가 있기 때문 web apis는 브라우저자체에 포함되어 있는 브라우저가 이해할 수 있는 함
Router Replace
replace prop를 설정하면 클릭할 때 router.push() 대신 router.replace()를 호출할 것이므로 내비게이션은 히스토리 레코드를 남기지 않을 것입니다.Router.Vuejs.org(https://router.vuejs.org/kr/ap
v-bind:class
데이터 바인딩은 엘리먼트의 클래스 목록과 인라인 스타일을 조작하기 위해 일반적으로 사용된다.Vuejs.orgv-bind:class는 문자열과 객체 또는 배열을 둘 다 받을 수 있다.객체를 받은 경우에는 클래스명은 객체의 속성 키에, 해당 클래스가 적용되어야 하는 조건이
_.filter()
collection (Array | Object) : 반복 할 컬렉션\[predicate=\_.identity] (함수) : 반복 할 때마다 호출되는 함수Lodash문서
👾 동적 페이지 VS 정적 페이지
동적 페이지는 \_로 시작한다.this.$route.params 로 사용뒤에 넘어오는 데이터 값들이 얼마든지 변화가능ex) /test/fdsfsdfsdfs정적인 페이지this.$route.query를 사용해ex) /test/data?=fsdfsff
nextTick
다음 DOM 업데이트 사이클 이후 실행하는 콜백을 연기합니다. DOM 업데이트를 기다리기 위해 일부 데이터를 변경한 직후 사용해야 합니다. Vuejs.org > nextTick으로 감싼뒤 callback을 통해 DOM을 조작하게 되면 Vue.js에서 데이터갱신 후 U
드림코딩 JS 영상 1편 정리
Chrome 안에 JIT(just-in-time) compilation이 내장되어있음자바스크립트를 실행하는 속도가 엄청 빠르고 강력한 엔진이 포함된 브라우저임매해마다 새로운 버전들이 나오지만 여기저기 수정 된 부분이다.모든 브라우저들이 ECMAScript의 표준사항을