Author: dudghks9303

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

CSS 모듈 부모-자식 관계가 아닌 형제 관계인데도 한쪽의 적용한 CSS가 다른 형제 쪽에도 적용이 된다. 즉, 다른 위치의 CSS여도 같은 이름이 있다면 하나로만 적용된다. 그래서 모듈처럼 css 파일이름을 A.css 가 아닌 A.module.css 처럼 바꾸고 적용할 jsx에도 import styles from ‘css위치’로 받아와서 <태그이름 className={styles.class이름}>와 같이 들고 오면 이름이 같아도 서로 각각 들고온다. 여러개를 할 경우 className={`${styles.class이름} ${styles.다른class이름}` 형태로 작성… Read more

redux middleware async : 비동기함수 – await로 값이 받아올 때 까지 기다림 예시 : 이전 일반 redux의 비동기함수 사용방법과 동일함 export let addValueAsync=()=>(dispatch)=>{ setTimeout(()=>{dispatch(addValue())},1000)} 즉, reducer로 만든 action 함수를 thunk처럼 중괄호에 넣는건 동일하다. 대신 중간 소괄호 안의 이름이 앞에 붙어야 한다. jsx에서 useDispatch로 쓸 때는 동일하게 dispatch(함수이름)으로 들어간다. 여기서 쓰는 dispatch는 위에 적은 thunk 중간… Read more