IT321 immer immer 라이브러리 사용시 구조가 복잡한 객체도 쉽고 짧은 코드를 사용하여 불변성 유지하며 업데이트 해줄수 있다. import produce from 'immer'; const nestState = produce(originalState, draft) => { //바꾸고 싶은 값 바꾸기 draft.somwhere.depp.inside = 5; }) produce라는 함수는 두가지 파라미터를 받는데 첫번째 파라미터느 ㄴ수정하고 싶은 대상, 두번째 파라미터는 상태를 어떻게 업데이트 할지 정의하는 함수 2019. 11. 18. 스타일링 일반 CSS : 컴포넌트를 스타일링하는 기본적인 방식 Sass : 자주사용회는 CSS전처리기중 하나로 확장된 CSS문법을 사용하여 코드 작성을 도와준다. CSS Module : 스타일을 작성할 때 CSS 클래스가 다른 CSS 클래스의 이름과 절대 충돌하지 않도록 파일마다 고유한 이름을 자동으로 생성해 주는 옵션, CSS Module이 적용된 파이릉ㄹ 불러오면 객체를 전달받게 되며 CSS Module에서 사용한 클래스 이름과 해당 이르을 고유화한 값이 키 - 값 형태로 들어있다. ex) { wrapper:"CSSModule_wrapper_1SbdQ" } 위의 코드에서 `(백틱)을 사용하였다. styled-components : 스타일을 자바스크립트 파일에 내장시키는 방식으로 스타일을 작성함과 동시에 해당 .. 2019. 11. 7. 토비 스프링 - AOP, 트랜잭션 용어 타깃 : 부가기느을 부여할 대상. 핵심기능을 담은 클래스나 다른 부가 기능을 제공하는 프록시 오브젝트일 수 도 있다. 어드바이스 : 타깃에게 제공할 부가기능을 담은 모듈. 어드바이스는 오브젝트로 정의하기도 하지만 메소드 레벨에서도 정의할 수 있다. 조인포인트 : 어드바이스가 적용될 수 있는 위치 포인트컷 : 어드바이스를 적용할 조인포인트를 선별하는 작업 또는 그 기능을 정의한 모듈. 프록시 : 클라이언트와 타깃사이에서 존재하며 부가기느을 제공하는 오브젝트, DI를 통해 타깃 대신 ㅋ클라이언트에게 주입된다. 어드바이저 : 포인트것과 어드바이스를 하나씩 갖고 있는 오브젝트. 어드바이저는 어떠한 어드바이스를 포인트컷에 전달할 것인가에 대한 AOP의 가장 기본적인 정보. 에스펙트 : AOP의 기본 모듈이며 한개.. 2019. 11. 7. Hooks usetState : 가장 기본적인 Hook이다. 함수형 컴포넌트에서도 가변적인 상태를 지닐 수 있게 해준다. useEffect : 리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook cleanup (뒷정리 함수) : useEffect는 기본적으로 렌더링하고난 직후에 실행되며, 두 번째 파라미터 배열에 무서을 넣는지에 따라 실행조건이 달라진다. 컴포넌트가 언마운트되기 전이나 업데이트되기 직전에 어떠한 작업을 수행하고 싶다면 useEffect에서 뒷정리 함수를 반환해 주어야 한다. useReducer : useState보다 더 다양한 컴포넌트 상황에 따라 다양한 형태를 다른 값으로 업데이트 해주고 싶을때 사용한다. 현재상태, 업데이트를 위해 필요한 정보를 담은 액션값을 전달받.. 2019. 11. 6. 이전 1 ··· 37 38 39 40 41 42 43 ··· 81 다음