본문 바로가기

FrontEnd

(3)
destructuring 구조 분해 할당(비구조화 할당) 1. 간단한 array 할당 const arr = [1,2,3]; const [a,b,c] = [...arr]; // a:1, b:2, c:3 2. 파라미터에 할당하는데, 빈자리 끼워맞추기식 const object = { a: 1 }; function print({ a, b = 2 }) { console.log(a,b); } print(object); // a:1 b:2 3. react에서 state 사용시 const {value, setValue} = useState(0); -> useState는 [state, setState]를 반환한다. 따라서 비구조화할당으로 함수형 컴포넌트에서 class컴포넌트에서의 setState를 구현함 *실수했던 내용 const obj = { name : 'taewan', ..
Git ... 그놈의 깃.. 매번 나를 고생시키는 깃... 이번 기회에 정복하기 위해 설정하는 방법부터 명령어까지 정리해본다.. 1. Git 설치 아래 사이트에서 설치하면 npm과 git 모두 깔린다. (설치 후 폴더 우클릭시 GIT Bash가 깔려있다면 설치완료) git-scm.com/ Git git-scm.com 2. Git 명령어 정리 - cd /디렉터리 : 해당 프로젝트의 디렉터리로 이동 (change directory) - git clone "깃주소" : 깃헙의 리모트 레파지토리를 해당 위치로 클론 - git init : 해당 디렉터리에 로컬 레파지토리를 생성 (.git 폴더가 생긴다.) - git pull : 깃 풀받기 /* 브랜치부분은 더 공부해보자 */ - git checkout "브랜치이름" : 브랜치 선택하기 - ..
Module 및 Webpack 설정방법 모듈 디렉터리구조 - index.html - index.js (번들되기전 최종취합본) - a.js (모듈A) - b.js (모듈B) - webpack.config.js (웹팩설정파일) - node_modules / 생략 - dist / bundle.js (최종적으로 html에 연결 할 번들js파일) 모듈구조 //index.js import {aBox, aColor, aName } from './a.js' import * as B from './b.js' console.log(aBox, aColor, aName); console.log(B.bBox, B.bColor, B.bName); //a.js let aBox = 'aBOX', aColor = '#0000ff', aName = 'aaa' ; export..