# Technical

6개의 포스트

CSS - Transition

transition transition-property transition-duration > transition은 바뀌기 전 상태에서 값을 정의해 준다. transition은 모든 상태값을 같이 정의 할 수 있다. property 는 바뀐 값의 키 값을 가지고 duration은 그 상태의 시간 (초) 를 나타낸다. transition-timing-...

2019년 11월 16일
·
0개의 댓글
post-thumbnail

컴포넌트 스타일 Sass

Syntactically Awesome Style Sheets 유지보수, 모듈화 두개의 확장자 > .sass( 중괄호 없이 작성 가능 ), . scss ( 중괄호 포함하여 작성 ) 시작하기 > npx create-react-app [파일이름] yarn add node-sass 사용법 대체로 .scss 파일로 생성 글로벌 적으로 선언 하고 싶은 ...

2019년 10월 27일
·
0개의 댓글

React Life Cycle

스크린샷, 2019-10-26 13-37-13.png Mounting constructor > 컴포넌트가 가장 처음 시작할때 생성됨. getDerivedState > props 로 가져온 것을 state에 동기화 시킬때 사용 ( 딱히 사용안함 ) render > 위에 사항이 다 완료가 되고 랜더를 시킨다. componentDidMount >...

2019년 10월 26일
·
0개의 댓글

Immer

immer를 사용하면 불변성을 해치는 코드를 작성해도 대신 불변성 유지를 해준다. (라이브러리) > useState를 사용할때 setState에서 객체 형식을 관리학 까다로울때 produce를 이용해도 좋다.

2019년 10월 26일
·
0개의 댓글

Context API

다른 컴포넌트나 파일에서 값을 전달하지않고 바로 불러와서 사용할 수 있다. Context API 를 사용하지 않고 전달 Context API를 이용한 전달 > createContext 를 이용하여 'default' 값을 설정한 다음 MyContext.Provider로 전달하고 싶은 컴퍼넌트에서 감싼뒤 value의 값으로 전달 하게됩니다. 그렇게 되면 ...

2019년 10월 26일
·
0개의 댓글
post-thumbnail

React - Hooks

useState 현재의 상태 값을 바꿔줍니다. 그리고 Hook는 function함수를 통합니다. useRef > DOM 에 대한 상태를 관리할떄 ( focus(), ) ex ) 로그아웃 버튼을 누르면 아이디 창에 커서가 focus 되게끔 컴포넌트가 리렌더링 될때 그 값이 안 바뀌게끔 (setTimeout, setInterval, Scr...

2019년 10월 26일
·
0개의 댓글