리액트를 스타일링하는 방법으로는 3개가 존재한다. 인라인&일반CSS는 논외로 치고, 보통 styled-components 와 css module를 많이 비교하는데, 해외 사이트에서 비교한 글들을 몇개 가져와 보았다. https://reactjsexample.com/performance-comparison-of-css-in-js-libraries/ Performance Comparison of css-in-js Libraries Performance comparison of css-in-js libraries reactjsexample.com https://dev.to/alexsergey/css-modules-vs-css-in-js-who-wins-3n25 위 링크는 의견을 말하지는 않았지만, styled..
저번 글에서 리액트의 기본 개념들을 살펴보았다. 리액트의 작동논리를 알아보면서 어떻게, 어떤게 렌더링되는지 확인했고, props을 알아보면서 어떻게 데이터를 이동하는지 확인하였다. 그러면서 자동적으로 따라오는 궁금증이 생겼다. 렌더링되는 것은 알겠는데, 우리는 정적인 것만 렌더링하는 것이 아닌, 동적인 것도 렌더링하고 싶다. 어떻게 할까? props을 통해 상위 컴포넌트 -> 하위 컴포넌트 데이터 이동은 이해했다. 그러면 하위 컴포넌트 -> 상위 컴포넌트 데이터 이동은 어떻게 할까? 이 두가지를 중점적으로 살펴보고, 이와 연관있거나 알아야하는 개념들도 살펴보려한다. 이 글에서 알아볼 것 React에서 동적인 렌더링 하는법(state) 사용자 입력값 컨트롤하기 이전 state 활용법 데이터 끌어올리기 1...
React는 많은 자바스크립트 라이브러리 중 가장 인기있는 라이브러리이다. 내가 React를 처음 접했을 때는 정말 신기하고 재밌었다. 자바스크립트의 구체적인 지시가 필요한 명령형이 아닌 선언적 접근 방식이라는 점에서 처음에는 정말 이 코드가 정상적으로 돌아갈까? 했던 적도 있었던 기억이있다. 블로그를 시작하면서 자바스크립트를 모두 정리한 다음에 리액트를 정리하려했지만, 하나만 계속 하려니 금방 지겨워져서 리액트와 같이 정리하려 한다. 이 글에서 알아볼 것 React란? 왜 사용하는가? 컴포넌트 JSX React 작동 방식 props 1. React란? 왜 사용하는가? React란? 사용자 인터페이스를 구성하는 자바스크립트 라이브러리이다. 왜 사용하는가? HTML&CSS&JS를 통한 구축보다 좀더 간단히..
