일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Git
- hot Reloading
- list
- 컬러구성
- Kotlin
- typescript
- merge
- react
- pull
- 리덕스
- async
- javascript
- redux
- 공부
- rebase
- 리액트를 다루는 기술
- useCallback
- 리액트
- 자동반영
- 비동기처리
- php문법
- CSS
- equalityFn
- await
- 웹
- list.map
- 가상회선교환
- createPortal
- 리사이클러뷰
- useState
- Today
- Total
목록전체 글 (50)
공부블로그
( 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]); ※ 이벤트 리스너에 이벤트 핸들러를 등록하면 이벤트가 발생했을 때 핸들러에 등록한 함수를 실행한다! 이벤트 ..
- 의사 클래스 - CSS 의사 클래스(가상 클래스)는 선택자에 추가하는 키워드로, 선택한 요소가 특별한 상태여야 만족할 수 있습니다. 예를 들어 :hover를 사용하면 포인터를 올렸을 때에만 글씨 색을 바꾸고 싶을 때 사용할 수 있습니다 a:link : 아직 방문하지 않은 요소의 상태 a:visited : 방문한 후의 상태 a:active : 클릭할 때의 상태 a:hover : 마우스가 올라갔을 때의 상태 ◆ CSS List list - style - type : 마커 모양 - position : 마커 위치 - image : 마커 이미지 * 클래스 이름을 사용해 원하는 리스트만 가져오고 싶을 때 = ul.원하는 클래스 이름 (공백없이 바로 클래스 선택자 사용) sushi salad noodle html..
전체 선택자 * 모든 요소를 선택한다. /* Selects all elements */ * { color: green; } 유형 선택자 태그 이름을 사용해 요소를 선택한다. span { background-color: DodgerBlue; color: #ffffff; } 클래스 선택자 . 요소의 class 특성에 기반해 선택한다. Hello css hohoho hahaha .head{ text-shadow: 4px 4px 3px #77f; } ID선택자 # 동일한 id를 가진 요소를 선택한다. /* id="demo" 요소 선택 */ #demo { border: red 2px solid; } *클래스는 중복이 가능하지만 id는 유일해야한다* 선택자 목록 , 일치하는 모든 요소를 선택한다. /* 모든 spa..
Atoms = Recoil의 상태 atom이 업데이트되면 각각의 구독된 컴포넌트는 새로운 값을 반영하여 다시 렌더링된다. 동일한 atom이 여러 컴포넌트에서 사용되는 경우 모든 컴포넌트는 상태를 공유한다. 선언법 : const '원하는 상태 이름' = atom({ key : '보통은 상태 이름과 동일', default : '초기값 like useState의 괄호안의값' }) Selector = 파생된 상태 파생된 상태는 다른 데이터에 의존하는 동적인 데이터를 만들 수 있기 때문에 강력한 개념이다 get으로 가져온 atom을 가공해서 리턴해준다. 선언법 : const '원하는 상태 이름' = selector({ key : '보통은 상태 이름과 동일', get : ({get}) => { const filte..
에러땜에 짱 고생한 redux-thunk를 정리해보게따.... 저번에 redux로 만든 todo-app redux에 middleware중 하나인 redux-thunk를 적용하는 코드를 작성해보자. 아 그리고 change_status 액션도 하나 더 만들었다. redux-thunk 는 뭘 하는 미들웨어일까? (from. 벨로퍼트 깃북) 가장 간단히 설명하자면, 이 미들웨어는 객체 대신 함수를 생성하는 액션 생성함수를 작성 할 수 있게 해줍니다. 리덕스에서는 기본적으로는 액션 객체를 디스패치합니다. 일반 액션 생성자는, 다음과 같이 파라미터를 가지고 액션 객체를 생성하는 작업만합니다: 만약에 특정 액션이 몇초뒤에 실행되게 하거나, 현재 상태에 따라 아예 액션이 무시되게 하려면, 일반 액션 생성자로는 할 수가..
리덕스(Redux) 여러분의 앱의 상태 전부는 하나의 저장소(store)안에 있는 객체 트리에 저장됩니다. 상태 트리를 변경하는 유일한 방법은 무엇이 일어날지 서술하는 객체인 액션(action)을 보내는 것 뿐입니다. 액션이 상태 트리를 어떻게 변경할지 명시하기 위해 여러분은 리듀서(reducers)를 작성해야 합니다. + typesafe-actions는 타입 정의를 쉽게 해주는 패키지다! ★ 리덕스에 사용되는 키워드 액션 (Action) : 스토어의 상태를 바꾸고 싶을 때, 액션이란 것을 발생시켜야 리듀서가 상태를 변경. 하나의 객체로 표현되고 type을 가져야 한다. 액션 생성 함수 (Action Creator) : 액션 개체를 만드는 함수. 파라미터를 받아와서 액션 객체 형태로 만들어준다. 컴포넌트..