일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- equalityFn
- list
- javascript
- list.map
- useState
- async
- 리액트
- 자동반영
- react
- createPortal
- 가상회선교환
- rebase
- 컬러구성
- merge
- php문법
- typescript
- pull
- 리사이클러뷰
- useCallback
- 웹
- Kotlin
- 리덕스
- redux
- 공부
- await
- Git
- hot Reloading
- 비동기처리
- 리액트를 다루는 기술
- CSS
- Today
- Total
목록공부하기 (15)
공부블로그
기본 사용법 useSelector는 리덕스 스토어의 상태를 조회하는 Hook이다. import { useSelector } from 'react-redux'; //RootState 중에 내가 가져오고 싶은 todo를 가져온다. const todoList = useSelector((state: RootState) => state.todo) //또는 useSelector안에서 원하는 형식으로 바꿔서 리턴할 수도 있다. const list = useSelector((state: RootState) => { const { todo } = state return Array.from(todo.todo.values()) }) 기본적으로, useSelector를 사용해서 리덕스 스토어의 상태를 조회 할 땐 만약 상태가..
await / async → promise의 동작을 동기스럽게 사용할 수 있게 한다 = "비동기(를) 처리" 1. then( )에서 응답 기다리고 return const getData = () =>{ // 1. return axios.get('https://api.binance.com/api/v3/ticker/24hr') // 응답 성공 시, response에 접근 가능 .then((response) => { return response.data }) // 2. let response = axios.get('https://api.binance.com/api/v3/ticker/24hr') return response.then(response => response.data ) } // getData 함수가 ..
1. 원하는 이미지를 다운받고, 이미지가 있는 경로에서 불러와서 import import trash from './icons/trash.png'; import modify from './icons/pencil.png' 2. styled component 로 버튼을 만든다. 기존의 스타일을 없애기 위해 background와 border속성을 none으로 설정 const DeleteBtn = styled.button` background: none; border: none; cursor: pointer; ` const ModifyBtn = styled.button` background: none; border: none; cursor: pointer; ` 3. 만들어 놓은 버튼 안에 img태그를 넣어주고 s..
( GitBook을 보고 정리한 내용입니다 ) 타입 기본 내장 타입 (in Javascript) number string boolean symbol null undefined object + 다른 중요한 타입 unknown 최상위 타입. never 하위 타입. 객체 리터럴 예, { property: Type } void 리턴 타입으로 사용하기 위해 의도된 undefined 의 서브타입. T[ ] 수정가능한 배열들, 또한 Array 으로 사용가능 [ T , T ] 요소의 타입과 개수가 고정, 수정 가능한 튜플 ( t : T ) => U 함수 Enum (열거) : 0부터 시작하여 멤버들의 번호를 매긴다. enum Color {Red, Green, Blue} let c: Color = Color.Green; ..
( pull, update, fetch가 헷갈리니까 정리 먼저 ~~~ ) 1. git remote update 원격 저장소의 모든 브랜치에 대한 이력을 확인한다. 2. git fetch 원격 저장소의 최신 이력을 확인. fetch로 확인한 최신 이력을 로컬 저장소로 병합할 때는 pull 또는 merge를 실행한다. 옵션 없이 사용하면 로컬 저장소에 존재하는 브랜치에 대해서만 업데이트한다. 모든 원격 브랜치 이력을 업데이트하고 싶다면 --all 옵션을 사용한다. 3. git pull 현재 위치하고 있는 원격 브랜치를 업데이트하고 로컬에서 변동 사항을 병합한다. 로컬 브랜치를 업데이트할 때 사용한다. . . . 그런데 나를 헷갈리게 한 Webstorm의 update....는 pull처럼 원격의 업데이트를 현..
Working Directory : 작업 공간, git에 기록될 준비가 되지 않은 파일들이 위치 Staging Area : 대기 공간, git에 기록될 준비가 된 파일들이 위치 (add로 추가) Repository : git에 기록된 파일들이 위치 (commit으로 추가) 파일의 상태 - Untracked (관리대상 아님) - Tracked( 관리대상 ) - unmodified / modified / staged(커밋으로 저장소에 기록할) $ git add // 파일 또는 디렉토리가 working diretory에서 Staging area로 이동 $ git commit -m [message] //작업내용을 Staging Area에서 Repository에 기록 1. Git 저장소 만들기 1 - 1 ) 로컬..
콜백함수가 처음엔 이해도 안되고 너무 어려웠는데 계속 보다보니까 이제 조금 이해가 되는 것 같다. 그냥 인자로 넘기거나 넘겨받을 수 있어서 원하는 시점에 실행되는 함수 다. 이게 끝인데 지금까지는 너무 어렵게 생각한 것 같다. 자식 컴포넌트에서 부모 컴포넌트의 상태를 변경할 때 props로 전달하는 함수나 이벤트 발생 시 실행되는 함수 등이 콜백함수이다. 추가로 useEffect hook도 dependecy가 변화하는 effect가 발생했을 때 실행되는 콜백함수를 등록하는 기능이다. //useEffect(()=> {}, [dep]) useEffect(callback ,[dependencies]); ※ 이벤트 리스너에 이벤트 핸들러를 등록하면 이벤트가 발생했을 때 핸들러에 등록한 함수를 실행한다! 이벤트 ..