전체 글

git hub 세팅 > Emailslocal 환경의 git 세팅 정보 확인 (user.email 정보 확인)git config --list잔디 심어지게 하는 방법로컬 환경의 git 이메일 변경git config --global user.email 내 이메일 주소(전역), git config user.email 이메일 주소 (해당 레퍼지토리)github 이메일 변경이미 커밋한 내용 잔디 심기작업한 해쉬코드 찾아 재커밋하기git rebase -i -r [hash code] 변경 할 커밋을 pick -> edit 으로 변경, 저장 (:wq)작성자와 작성자 이메일 변경git commit --amend --author="이름 "뒤에 커밋이 더 있을 경우 계속해서 진행git rebase --continue

Vuex란?Vue.js 안에서 상태 관리 패턴을 지원하는 라이브러리모든 컴포넌트들이 공유 할 수 있는 집중화된 상태 정보 저장소 역할공유하는 상태 데이터는 전역에서 저장소 객체를 통해 관리상위 컴포넌트에서 하위 컴포넌트에 전달하기 위한 props drilling 방지Vuex 사용법// store.jsimport Vue from "vue";import Vuex from "vuex";Vue.use(Vuex);const store = new Vuex.Store({ state: { count: 0, userName: "" }, // 동기적 로직을 정의 mutations: { addCounter(state, count) { ..

Next.js 시작하기node 최신 버전 설치 (현 시점 기준 21.7.1)// 최신버전npx creact-next-app@latest프로젝트 이름타입스크립트 사용ESLint 사용Tailwind CSS 사용src/ 폴더 사용app router 사용절대 경로 커스텀 기호 사용보일러 플레이트 코드로 바로 사용 가능로컬에서 실행// 포트번호 3000npm run dev// 포트번호 변경"scripts": { "dev": "next dev -p 7777", "build": "next build", "start": "next start -p 7777", "lint": "next lint"}dev : 'next dev' 개발모드로 Next.js 를 시작하는 실행, source map..

스프레드 연산자 (Spread Operator)자바스크립트에서 스프레드 연산자를 사용하면 Array, 반복 가능한 객체 등의 요소를 전개하거나 펼칠 수 있다.배열const group1 = ["민수", "철수"];const group2 = ["영희", "유리"];const groupAll = [...group1, ...group2];console.log(groupAll); // ["민수", "철수", "영희", "유리"];위의 코드처럼 두개의 배열을 하나로 병합하려고 할때 ES6에서는 스프레드 연산자를 활용하여 간편하게 병합 가능하다.하지만 기존에 생성되어 있는 배열이나 객체에 새로운 값을 추가하거나 삭제하게되면 값을 참조 하기때문에 되어 할당 되어있는 배열 또는 객체도 변경되게 된다.ES5에서는 slic..

번들러(Bundler)란? 번들러는 모듈화 된 자바스크립트 파일을 하나로 합치는 도구이다. 브라우저는 모듈화 된 자바스크립트를 읽지 못하기 때문에 브라우저가 코드를 읽고 실행하기 위해서는 번들러가 반드시 필요하다. 프레임워크를 사용하게 되면 필수로 번들러를 사용해야 하는데 프레임워크를 쉽게 시작하기 위해 보일러플레이트(boilerPlate) 코드를 사용하곤 하는데 보일러플레이트 안에는 기본적으로 번들러가 내장되어 있다. npx create-react-app my-project리액트를 보일러플레이트 코드로 프로젝트를 시작하게 되면 package.json 파일안에 실행 script들이 명시되어 있는데 그 안에 react-scripts 안에 Webpack 이 내장되어 있다. CRA 프로젝트는 디렉토리를 간결하..

ls list 의 약자 해당 디렉토리에 있는 목록 나열ls // 현재 디렉토리의 파일 목록 표시 ls -a // 숨겨진 파일 포함 목록 표시 ls -l // 현재 디렉토리의 목록을 자세히 표시(권한포함) cd change directory 의 약자 디렉토리 이동cd // 현재 사용자의 홈 디렉토리로 이동 cd .. // 현재 기준 바로 상위 디렉토리로 이동 cd /test/src // 절대경로로 이동 cd ../test/src // 상대경로로 이동(현재 디렉토리 상위 이동 후 경로 이동) pwd print working directory 의 약자 현재 디렉토리의 전체 경로를 표시pwd rm remove 의 약자 파일 또는 디렉토리 삭제(권한이 있어야함)rm test.txt // 해당 파일 삭제 rm -i..