react 4

[정리] 그냥 저냥 #위클리뉴스 #43

React setState를 바르게 사용하는 방법: 결국에는 Docs를 지속적으로 참조하는 방법이 가장 잘 활용하는 방법이라 생각을 하게 되었다. 버전별로 업데이트 될 때마다 다시 처음으로 돌아가 문서를 확인하자. 결국, 기본은 Document다. 컴포넌트 제대로 만들기: 가고 싶었던 부트캠프 강의 였는데, 강의 자료가 올라와서 읽다보니 깊고 자세한 내용이라 분명 나와 같은 React를 입문하는 사람들에게 도움이 있을 것이라 생각 되었다. 컴포넌트를 어떻게 구성해야 하는지? 실제 예시를 통해 설명하고 있는 글이다. 자바스크립트 테스팅의 기초 TDD의 소개 리액트 테스트의 소개 Enzyme 을 사용한 리액트 컴포넌트 테스트 react-testing-library 를 사용한 리액트 컴포넌트 테스트 react..

승돌 쓰다 2019.06.09

[정리] 그냥 저냥 #위클리뉴스 #32

layout: post title: "Weekly News #32" description: "그냥 저냥 #위클리뉴스 #32" date: "2019-02-16 17:34" tags: [weekly-news, programming] comments: true [번역] UnitTest: Martin Fowler - 이상한모임: Unit의 단위를 어떻게 할 것인가?에 대한 부분은 참 아무리 생각해도 어렵다. 쉽지 않은 주제이고, 테스트를 어떻게 잘 작성해야 하는지에 대한 부분도 항상 고려해야 하는 부분이라, 테스트를 작성하면서, 팀원들과 어떻게 테스트를 할지에 대한 토론을 하면서도 이야기 나누면 좋을 주제다. Thinking in React(리엑트스럽게 생각하기): ReactJS를 접하면서 느낀 건데, 참 그 ..

승돌 쓰다 2019.02.16

[React] yarn build fail - query-string 모듈이 문제일 때 해결 방법

query-string module Build 오류 ❯ yarn build yarn run v1.9.4 warning ../package.json: No license field warning ../../package.json: No license field $ NODE_PATH=src node scripts/build.js Creating an optimized production build... Failed to compile. ​ Failed to minify the code from this file: ​ ./node_modules/query-string/index.js:8 ​ Read more here: http://bit.ly/2tRViJ9 ​ error Command failed with e..

[정리] 러닝리액트 7장 컴포넌트 개선하기

러닝리액트 7장 컴포넌트 개선하기7.1 컴포넌트 생애주기컴포넌트 생애 주기는 컴포넌트가 마운트되거나 갱신될 때 호출 되는 일련의 메서드로 이루어진다. 이런 메서드는 컴포넌트가 UI에 렌더링 되기 전이나 후에 호출된다. 실제로 render 메서드 자체도 컴포넌트 생애주기의 일부다. 하나는 마운팅 생애주기와 갱신 생애 주기 두 가지가 중요하다. 그전에 우리는 컴포넌트에 대한 이해를 정확하게 알고 있는지 확인하자. Q) 컴포넌트는 무엇인가? A) 다섯 가지 개념을 마스터 한 다음 리액트를 마스터하라7.1.1 마운팅 생애주기잠깐! 왜 Mounting이라고 부르는가? Mounting의 정확한 의미는 무엇일까? what does mount mean in react마운팅 생애주기는 컴포넌트가 마운트되거나 언마운트되면..

반응형