2020/02(18)
-
프론트 작업용 지식 1 - FramerX, Monorepo, container-presentational
FramerX 디자인 + 기획용. 프로토타이핑 하기에 괜찮다. 들어볼만한 강의 참조 : https://www.youtube.com/watch?v=ueFYVSW7wFI&list=PL2XQ8H8IpiCZ8_7Xnawrw6Cirke-op5A2 컴포넌트 - icon generator - design hunt - unsplash - profile - grid Monorepo 하나의 깃 repository 로 개발하는 방식. 자바에서 하나의 레포지토리에 멀티 모듈을 두는데, 이러한 작업 방식을 부르는 정확한 명칭이 모노레포 였나보다. (Dluid 도 모노레포 https://github.com/kok202/Dluid) 자바스크립트에서는 lerna 를 써서 관리하는 듯. 참조할 만한 포스팅 : 링크 Lerna(🐉)로 ..
2020.02.15 -
React + Typescript 추가 지식
vscode 플러그인 - react snippet - intellij keymap 플러그인 최신 문법 타입스크립트는 자체적으로 babel 처럼 과거 ES3까지 지원해준다. 그러므로 바벨이 따로 필요는 없긴하다. 타입스크립트 로더로 유명한 것은 다음 둘개가 유명하다. 1. ts-loader 2. awesom-typescript-loade redux 타입스크립트로 작성된 라이브러리라서 타입스크립트와 쓰기 좋으며 타입스크립트 네임스페이스를 쓸 필요가 없다.. axios 자체적으로 인덱스하기 때문에 타입스크립트 네임스페이스가 필요없다. @types/react-dom react-dom 은 자바스크립트로 작성되서 타입핑을 지원하지 않는다. 그런데 워낙 유명한 라이브러리라서 이미 다른 사람들이 타입스크립트에서 사용할..
2020.02.15 -
스프링 기타 지식
@Qualifier @Bean 를 사용할 때 쓰는 @Qualifier 는 빈의 이름을 지정하는 동작이며, @Autowired 를 사용할 때 쓰는 @Qualifier 는 주입받으려는 객체의 타입이 애매모호할 때 특정 객체를 지정하는 동작이다. @Autowired 필수 여부 의존 주입을 반드시 받을 필요가 없는 경우 다음과 같은 3개의 선택지가 있다. 1. @Autowired(required=true) 2. @Autowired 객체 타입이 Optional 인경우 ex. Optional 3. setter 주입 매소드의 매개변수에 @Nullable 을 같이 명시할 경우 빈의 초기화 과정 1. 기본 생성자 호출 2. setter 호출 ... @Bean @Qualifier("yourComponentA") publi..
2020.02.15 -
React 기본 강의 정리 - 8~9
userCallback userCallback 은 불필요한 렌더링을 막을 수 있으므로 하위 컴포넌트의 참조 함수로 사용되는 경우 습관적으로 사용하는 것이 좋다. contextAPI - createContext createContext 로 context 를 생성한다. export const MyContext = createContext({ myData : [], dispatch: () => {} }); 이렇게 한번 Context 로 등록해놓으면 이후에 다른곳에서 import + useContext 로 사용할 수 있다. context 에 dispatch 를 넣어두면 다른곳에서 해당 context 를 불러와서 dispatch 를 할 수 있다. contextAPI - Provider render 에서 컴포넌트를..
2020.02.14 -
React 기본 강좌 정리 - 5~7
일단 Component 로 만들고 불필요한 렌더링이 된다면 PureComponent 로 전환 하는 방식을 이용하자 일반적으로 제일 마지막에 있는 컴포넌트는 PureComponent 일 확률이 높다. 라이프사이클 생성시 라이프 사이클 : constructor -> render -> ref 설정해주는 메소드 -> componentDidMount 리렌더링 라이프 사이클 : shouldComponentUpdate -> render -> componentDidUpdate 소멸시 라이프 사이클 : componentWillUnmount -> 소멸 이외의 라이프 사이클은 deprecated 될 예정이므로 사용하지 않는 것이 좋다. componentDidMount 렌더링이 처음 시도되고 정상적으로 렌더링이 성공했다면 단..
2020.02.13 -
React 기본 강좌 정리 - 3~4
import require : node 의 모듈시스템 import 와 require 는 호환이 되긴한다. import 를 쓰면 babel 이 require 로 변환해준다. export 엄밀히 따지면 export defaut 와 module.export 는 다르다. export 되는게 객체나 배열이면 구조분해하여 import 할 수 있다. export 는 여러개 올수 있으나 export default 는 단 한번만 나올 수 있다. defaultValue value 와 onChange 는 같이 써야된다. 두 조합을 쓰기 싫다면 defaultValue 를 써야한다. map {["A", "B", "C", "D"].map((alphabet) => { return ( {alphabet} ); })} 배열에서 사용할..
2020.02.12