vscode 플러그인 - react snippet - intellij keymap 플러그인 최신 문법 타입스크립트는 자체적으로 babel 처럼 과거 ES3까지 지원해준다. 그러므로 바벨이 따로 필요는 없긴하다. 타입스크립트 로더로 유명한 것은 다음 둘개가 유명하다. 1. ts-loader 2. awesom-typescript-loade redux 타입스크립트로 작성된 라이브러리라서 타입스크립트와 쓰기 좋으며 타입스크립트 네임스페이스를 쓸 필요가 없다.. axios 자체적으로 인덱스하기 때문에 타입스크립트 네임스페이스가 필요없다. @types/react-dom react-dom 은 자바스크립트로 작성되서 타입핑을 지원하지 않는다. 그런데 워낙 유명한 라이브러리라서 이미 다른 사람들이 타입스크립트에서 사용할..

강의 링크 Mobx 데코레이터 @observable 클래스의 프로퍼티에만 달 수 있다. @observer 클래스에 달아서 처리 React의 라이프 사이클이 아니라 Mobx의 라이프 사이클을 타게된다. componentWillReact componentWillUpdate componentDidUpdate @computed observer 와 같은 느낌 getter에만 붙일 수 있다. 관찰하고 있는 값이 ~할 때만 렌더링을 해라. 와 같은 로직을 추가할 수 있다. 내부적으로 최적화를 할 수 있게 도와준다. @action Mobx의 state 를 변경하는 메소드를 action 이라고한다. Store 안에 private 변수가 있을 때에 바깥에서 state 를 변경하려 해도 action 데코레이터를 달아줘야한다..

인프런 - 더 자바 (5/5) https://www.inflearn.com/course/the-java-code-manipulation 더 자바, 코드를 조작하는 다양한 방법 - 인프런 여러분이 사용하고 있는 많은 자바 라이브러리와 프레임워크가 www.inflearn.com 주요 내용 : JVM, 바이트 코드, 리플렉션, 다이나믹 프록시, 애노테이션 프로세서 자바 개발을 하면서 궁금했던 내용들을 짚어준다. - 스프링 프레임 워크같은 것을 개발하려면 어떤 것 부터 알아봐야하지? - 바이트 코드 조작에 관한 내용은 많이 들어봤는데 실제로 어떻게 사용해야하지? 이런 질문에 대한 갈증이 해소 되었다. 시중에 나와있는 책은 대부분 자바 초급서 + 디자인 패턴 관련된 내용들인 것을 고려하면, 해당 강의는 굉장히 임..

날씨를 알려주는 어플을 만들 것인데, 크게 2개의 기능이 필요하다. 1. 현재 gps 정보를 읽을 수 있어야한다. -> GeoFencing 을 이용한다. 2. 현재 날씨를 알 수 있어야한다. -> 전세계 날씨를 알려주는 웹 서버의 API 를 활용할 것이다. GeoFencing을 이용할 것인데, 특이한점은 GeoFencing 은 React native 에서는 제공하지 않는 컴포넌트라는 것이다. React native 에서는 GeoLocation 이라는 것으로 gps 정보를 제공하는데, GeoLocation 은 기능이 몇개 없다. GeoFencing 은 Expo 에서 제공하는 location component 중 하나이다. 만약 사용자가 특정 지역을 이탈하거나 다른 지역에 들어갔을 때 어떻게 하라는 명령을 ..

React native 에서의 CSS extension //... const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', }, }); //... * fontSize 의 경우 pixel 으로 적용할 것이라면 "20px" 과 같이 작성해야하고 일반 숫자로도 적용할 수 있다. 이 경우 Size 는 알아서 변환이된다. (dpi 일 듯) * CSS 를 적용할 때 spread operator 를 사용하여 하나의 오브젝트로 넘기면 두개이상의 CSS 를 여러개 적용 시킬 수 있다. (ex. ) 주목해볼 만한 CSS extension속성 flex..

강의 출처 React native nodeJS 10버전 이상 npm 6버전 이상 expo Expo create-react-app 처럼 리액트 네이티브 프로젝트를 자동으로 설정하여 생성해준다. 시뮬레이터 없이 실제 핸드폰에서 앱을 돌릴 수 있도록 한다. Expo 의 장점 React native file 을 숨겨줘서 신경쓰지 않아도 되도록 도와준다. React native file 이 지원하지 않는 다른 추가 기능도 들어가있다. React native file 을 직접 제어하고 싶다면 React native cli 를 사용하면 된다. Build process 를 제어해준다. (Window 에서 IOS 앱을 생성할 수 있다.) live reloading : 저장한 내용을 Simulator 에서 바로 반영해준다..