Problem 에러가 났을 때 빨간 글자색을 보여주기 위해 StyledComponent에 hasError 프로퍼티를 넘기고 <StyledField hasError={hasError} /> 이를 스타일링만 하기 위해 StyledComponent에서만 받아 썼더니 const StyledField = styled(Field)` color: ${({...
이 포스트는 지난 5월 27일 “React 사용자를 위한 리액트 부트캠프“의 5일차 강의 때 사용한 발표자료와 스크립트를 글로 옮긴 것입니다. 스크립트를 거의 그대로 옮겼기 때문에 군데군데 구어체가 혼용되었으며 평소...
TypeScript는 React에서의 컴포넌트 타이핑을 강력하게 할 수 있도록 돕는다. 이번 글에서는 TypeScript를 이용한 React 컴포넌트 타이핑 방법을 다양하게 알아본다. Basic 가장 기본적인 형태의 클래스 React Component 타입 정의다....
React에서 사용하는 onClick, onChange 등을 통해서 핸들링할 수 있는 이벤트 객체는 브라우저 네이티브 이벤트 객체가 아니다. 브라우저 네이티브 이벤트 객체를 감싼 React 고유의 이벤트 객체인데, 이를 React에서는 SyntheticEvent라고...
리액트의 Advanced guides 페이지를 따라하면서 노트한 내용이다. 가이드 쪽은 옴니버스 같은 기분이라서 반반으로 나눠 읽기로 했다. 기록하고 싶은 부분만 남겼기 때문에 자세한 내용은 각 페이지를 참고한다. Reconciliation React는...
리액트의 Quick start 페이지를 따라하면서 노트한 내용이다. js의 컨텍스트에서 이해할 수 있는 부분은 적지 않았다. 코드 스니핏도 간단히 알아볼 수 있게만 적어놔서 전체 내용이나 설명이 궁금하다면 본문을 확인하는게...
페이지 단위의 개발이 이루어지던 과거와 달리 요즘의 프론트엔드 개발은 주로 컴포넌트 단위로 이루어진다. 이 컴포넌트라는 개념은 사용하는 라이브러리나 프레임워크에 따라 구현 방식이 다르지만, 철학은 거의 동일하다. 원래 컴포넌트는...
이 글은 React Native Getting Started 에 대한 삽질기입니다. node.js & npm 설치 https://nodejs.org/en/download/ 설치 진행 $ npm install -g create-react-native-app $ create-react-native-app toystory_app npm5 에 문제가 있다고...
이전 글에서는 React를 배제한 채로 MobX만 사용했었고, Angular 혹은 jQuery와 연계해서 사용할 수도 있지만 MobX는 React랑 함께 사용되는 게 가장 일반적이다. 이번 글에서는 MobX와 React를 연계해서 사용하는 내용에...
키노트 키노트에서는 네이버 랩스에서 진행하고 있는 신기술 개발 발표에 많은 시간을 할애했다. 크게 세 가지 기술이 소개됐다. WHALE 첫 번째는 네이버의 새로운 웹 브라우저 WHALE, 이전부터 네이버 정도면...
하반기에 나 자신의 개발역량 강화를 위해 React를 공부하기로 결심하였다. 회사에서 다른 개발자들은 ng를 주로 사용하지만, 최근에 ng2가 나오면서 뭔가 1,2가 서로 다른 부분도 있기도 하고, typescript를 배워야 한다고...
원문: https://code-cartoons.com/a-cartoon-intro-to-redux-3afb775501a6 Flux를 더 혼란스럽게 만드는 것은 Flux 그 자체보다는 Flux와 Flux에서 영감을 받아 만들어진 Redux간의 차이점이다. 이 글에서는 이 둘의 차이점에 관해 설명할 것이다. Flux에 대한 이전...
원문: https://medium.com/code-cartoons/a-cartoon-guide-to-flux-6157355ab207 Flux는 현재 웹 개발에서 가장 인기 있는 토픽 중 하나이면서도 가장 이해되고 있지 않은 토픽 중 하나이다. 이 안내서는 모두가 이해할 수 있도록 설명하기 위해서 작성되었다....
전에 React Native 머지 잔혹사를 포스팅한 적 있습니다. 리액트 네이티브(React Native)에 코드를 보내어봤자 원 저자가 남지 않는다는 내용이었죠. 페이스북은 내부 툴을 개선해서 커밋 히스토리를 남기기로 결정했습니다. 늦었지만 올바른...
krazyeom씨의 PR, Haruair씨의 PR과 저의 PR은 공통점이 있다. 머 지 가 되었지만 흔적조차 찾기어렵다는 것. 리액트 네이티브는 기여를 해도 기여자의 이름이 남지 않는다. Sadly we get the name...
페이스북이 드디어 React Native를 발표했다. 자바스크립트 플랫폼 React에서 네이티브 애플리케이션을 개발할 수 있게 하는 기술이다. 안드로이드 환경에 대해서 얘기했던 키노트와는 달리 공개된 코드는 iOS 전용이고 Mac 환경만 출시되었다....