Category: 수업내용

git clone 복사할레퍼지토리주소(맨 처음 들고올 때는 master 가지로 들고옴) git checkout -b 사용할가지이름(master가지 대신 자신의 가지를 생성) npm i (React를 쓸 경우 node_modules가 없기 때문에 npm start가 실행하지 못한다) merge(병합)시 주의점 : 여러사람이 쓰는 경우 서로 겹쳐서 병합 전에 겹치는 부분에 대해서 해결을 해줘야 할 때가 있다. 무조건 push후 pull 할 필요는 없다. 대신 맡은… Read more

팀 프로젝트 시 주의할 부분-react를 쓰는 경우 맨 처음 프로젝트를 받아 올 때 node_modules 같은 용량이 큰 부분들은 git에 업로드 되어 있지 않기 때문에 clone을 한 후에 npm i 로 따로 설치해야 한다. 설치하지 않으면 npm start가 실행되지 않는다. branch를 master가 아닌 각자 분담한 branch로 한다.(병합-merge 때 충돌하는 부분을 없애기 위해) pull request를 주고 되도록이면… Read more

git에 업로드하고 가져와서 쓰는 순서 1.초기 업로드 : init로 초기화→add→commit→remote→push 까지 해서 git에 업로드 되었는지 확인 2.다른곳에서 쓸 때 : clone 해당 git레퍼지토리주소 로 받아옴. 이 때 폴더이름은 레퍼지토리 가 된다 3.다른곳에서 작업을 하고 업로드 할 때 : 위의 초기 업로드 중 add부터 시작하면 된다 4.기존 작업한 곳에서 불러 올 때 : pull 로 불러온다… Read more

merge(병합) : git에서 가지를 만들어서 작업을 흩어져서 한 후 합칠 수 있는 기능 git bash에서 git init을 한 경우 해당 폴더이름 옆에 (master)라고 되어 있는데 괄호 안이 branch이다. git checkout -b branch이름 : branch 이름을 생성하고 그 이름으로 바꾸어준다 만약 이미 branch가 있다면 -b를 빼고 해도 된다(git checkout branch이름) 합칠 때에는 위의merge를 쓴다. git merge… Read more

google인증으로 로그인하기 Read more

특이한 방식 export const logout=()=>(dispatch)=>{ signOut(auth) .then(()=>{dispatch.logoutUser()}) } 와 같이 짠 middleware의 경우 export로 꺼냈으므로 쓰기 위해서는 dispatch.logout을 써야 한다. 그리고 동작 시에는 먼저 signOut함수가 실행되고 그 다음에 logoutUser라는 함수가 실햄된다. 이 때 logoutUser 함수는 slice에서 만든 reducer에 있는 함수가 된다. Read more

과제 usenavigate를 써서 state 획득 방법 : https://curryyou.tistory.com/477 GET 방식으로 값 획득 방법 : https://curryyou.tistory.com/492   Read more

Read more

firebase : https://firebase.google.com 프로젝트 생성 때 애널리틱스는 설정 해제 사용자 인증 및 관리(authentication) : 왼쪽의 빌드에서도 볼 수 있다 프로젝트 생성 앱 추가(</> 아이콘인 웹)-SDK 생성 – 만약 내용을 까먹었다면 메인페이지의 개요의 톱니바퀴에서 설정에 가면 다시 볼 수 있다 VSCode에서 react 생성 후 2번에서 보여준 npm 설치화 초기화값 만들어주는 js 생성 로그인 시스템을 만들고자 한다면… Read more

react-router-dom 의 Link에도 적용이 가능하다 방법은 앞과 동일하다. let 이름=styled(Link)`CSS내용`; 조금 특이하게 적용하는 방법-형제관계인 경우 import로 이미 짜놓은 컴포넌트를 불러오고 let 이름=styled(불러온컴포넌트)`CSS내용`형태로 불러올 수 있다. 여기서 더해서 props 값에 따라 바꾸는 경우가 있다. let ButtonTest=styled(위에서 따온 이름)` ${(props)=>{ switch(props.mode){ case”경우1″: return `바꿀 CSS내용`; case”경우2″: return `다른 바꿀 CSS내용`;} }}` 와 같이 써서 App.js(react-router-dom의 경우 Home.jsx)에… Read more