전체 글
-
React Redux state 변경하기front-end/React 2023. 10. 15. 22:27
1. 함수 만들기 changUser라는 함수를 작성을 해야 됩니다. let user = createSlice({ name : 'user', initialState : 'SIM-TOO', reducers : { changeUser(state){ return 'user1004' } } }) 2. 함수 export 하기 export let { changeUser } = user.actions 3. 함수가 필요한곳에 불러오기 import { useDispatch, useSelector } from "react-redux" import { changeUser } from "./store.js" function App() { let test = useSelector((state) => { return state }..
-
React Redux 설치, 세팅, 사용하기front-end/React 2023. 10. 15. 22:12
1. Redux 설치하기 npm install @reduxjs/toolkit react-redux 2. Redux 세팅하기 store.js파일 만들기 src/store.js에 기본 세팅 입력하기 import { configureStore } from '@reduxjs/toolkit' export default configureStore({ reducer: { } }) index.js 파일로 이동하기 Porovider와 store.js 를 import 하기 Porovider로 감싸기 // 생략 import { Provider } from "react-redux"; import store from './store.js' const root = ReactDOM.createRoot(document.getElem..
-
git restore, reset, revertGIT 2023. 10. 14. 20:27
1. git restore 기능 최근 commit 된 상태의 파일로 수정내역을 되돌리는 역할을 합니다. git restore 파일명 입력된 파일명의 커밋아이디 시점으로 복구를 합니다. git restore --source 커밋아이디 파일명 2. git reset 기능 입력한 커밋아이디 시점으로 되돌아가 갑니다. reset를 한다면 그 이후 모든 커밋이 삭제가 됩니다. git reset --hard 커밋아이디 3. git revert 기능 해당 시점의 커밋을 삭제하는 기능입니다. 실제로는 삭제가 아닌 해당 시점에 있는 일을 없애는 방식입니다.
-
git merge 방법(3-way, fast-forward, rebase, squash)GIT 2023. 9. 23. 17:20
1. 3-way merge 방식 2. fast-forward merge 방식 새로운 브랜치에서 테스트한 결과가 성공적으로 했으며, 기존 main의 변경이 없는 경우입니다. 3. rebase and merge 방식 rebase 브랜치의 시작점을 옮겨주는 행위입니다. rebase를 이용해서 신규브랜치의 시작점을 main 브랜치 최근 commit으로 옮긴 다음 fast-forward merge 하는 것입니다. rebase and merge 사용 방법 새로운 브랜치로 이동을 합니다. git rebase main 을 입력합니다. 브랜치가 main으로 이동하면, fast-forward merage를 합니다. git switch 새로운브랜치 git rebase main git switch main git merge ..
-
git branch 만들기, 합치기, 삭제하기GIT 2023. 9. 23. 16:45
1. git branch 커밋을 하다 보면 새로운 기능 및 수정이 필요한 경우가 필요합니다. 이럴 경우 원본 파일에 수정하는 것은 위험 부담이 높습니다. 프로젝트 복사본을 만들어서 개발을 진행하는 것이 좋습니다. 2. git branch 생성 및 이동 branch 생성하기 git branch 브랜치테스트 branch 이동하기 git switch 브랜치테스트 현재 branch 확인하기 git status main/master 이동하기 git switch main git switch master 3. git branch 조회 및 합치기 branch commit 내역 조회하기 HEAD는 현재 위치를 의미합니다. git log --graph --oneline --all branch 합치기 main/master ..
-
개인 포트폴리오 프로젝트project/personal 2023. 9. 22. 16:36
1. 개요 프로젝트명 : 포트폴리오 만들기 기술 스택 : HTML, CSS, JS, VITA 프로젝트 기간 : 2023.08.14 ~ 2023.08.17 (4일) - 프로젝트 설명 포트폴리오 연습 사이트 만들기 2. GIT GitHub - SIM-TOO/vite-portfolio Contribute to SIM-TOO/vite-portfolio development by creating an account on GitHub. github.com 3. 결과영상
-
VS 코드에서 간단한 git 사용하기GIT 2023. 9. 20. 21:58
1. git add 하기 내용을 추가적으로 입력하면 변경사항에 추가가 됩니다. + 버튼을 누르면 됩니다. git add와 똑같은 스테이징 상태로 변경이 됩니다. 2. git commit 하기 내용칸에 입력한 내용은 - m "내용"과 같은 것입니다. 클릭 후에는 기존 상태처럼 모습이 변합니다. 3. git diff 변경된 코드를 기존 코드와 비교하는 방법입니다. 단점은 코드가 길어지면 보기가 불편합니다. git diff 커밋 ID를 입력하면 과거에 저장된 커밋과 비교가 가능합니다. 노란색 글자가 커밋 ID입니다. 그 외 다른 방법이 존재를 합니다. git difftool git config --global diff.tool vscode 4. VC 확장 프로그램 이용하기 Git Graph 확장 프로그램을 설..
-
git 명령어(init, add, commit, status, restore, log)GIT 2023. 9. 20. 21:13
1. 터미널 열기 2. git init 새로운 Git 저장소(repository)를 생성할 때 사용하는 Git 명령어입니다. git init 3. add와 commit git add로 기록을 남기고 싶은 파일을 선택을 합니다. git commit으로 전송을 합니다. git add 파일명 git commit -m '메세지' - staging area & repository staging area는 commit을 하기 전에 commit 할 파일을 골라놓은 곳입니다. (git add)행위를 staging이라고 말합니다. repository는 commit 된 파일의 버전들을 모아놓는 곳입니다. 4. 여러개 파일 add 하는 방법 N개의 파일 add 하고 싶은 경우 git add app.txt test.html ..