반응형

랜더링 2

[영어로 배우는 React] 7. 조건적 랜더링

공식사이트 : https://reactjs.org/docs/conditional-rendering.html 리액트에서 각각의 캡슐화된 컴포넌트를 만들어 state의 상태에 따라 필요한 컴포넌트를 랜더링 할 수 있습니다. 리액트의 조건적 랜더링은 자바스크립트의 조건식과 같은 방식으로 작동합니다. 다음 두개의 컴포넌트를 살펴보겠습니다. function UserGreeting(props) { return Welcome back!; } function GuestGreeting(props) { return Please sign up.; } 이제 사용자의 로그인 상태에 따라 다른 인사를 보여주는 Greeting 컴포넌트를 만들어 보겠습니다. function Greeting(props) { const isLogged..

IT 2022.04.13

[영어로 배우는 React]1. 그래서 React가 뭔데?

영어공부와 학습을 병행해 보려고 합니다. React를 영문으로 공부해 보는 거죠. 쉽진 않겠지만 천천히 해보겠습니다. 공부할 사이트는 React 공식 사이트입니다. 공식 사이트의 문서로 공부하면 좋은 점이 있습니다. 첫째로, 그것이 곧 법이 입니다. 다른데 문의할 필요가 없죠. 둘째, 자료가 최신입니다. 사이트는 이렇게 생겼습니다. react.com으로 접속해 보면 됩니다. 오늘은 먼저 공식 사이트에서는 react를 어떻게 설명해 놨는지 보도록 하겠습니다. 슬로건이 제일 먼저 보이네요. A JavaScript library for building user interfaces 'UI를 만들 수 있는 자바스크립트 라이브러리'라고 돼 있네요. 영어 초보라 해석이 매끄럽진 않습니다. 이해를... 모듈, 패키지,..

IT 2022.03.08
반응형