JSX
JSX의 동작
Recent Posts
속성 전달
속성 전달
결합된 컴포넌트 제작
팔레트 카드 만들기 팔레트 카드(특정 색을 확인할 수 있는 작은 사각형 카드)라는 간단한 예제를 이용해서 여러 컴포넌트가 결합된 형태를 구현할 예정이다. 간단한 예제이지만, 두 단계의 체계적인 접근방법을 이용해서 만들어보자. 주된 비주얼 요소의 식별 컴포넌트가 돼야 할...
React Styling
리액트 방식의 스타일링 리액트를 이용해 웹앱을 구성하더라도, 일반적으로 쓰이는 CSS를 이용해서 스타일을 지정할 수 있다. 하지만 리액트에서는 인라인 방식의 스타일링은 선호하는데 이 방법이 비주얼 컴포넌트의 재사용성을 높이고, UI의 모양과 동작에 관련된 사항이 안전하게 담긴 작...
React Component
함수와 컴포넌트 다른 언어를 포함해서 자바스크립트의 함수는 코드를 명확하고 재사용 가능하도록 만든다. 그리고 함수의 또 하나의 가치는 함수 안에서 다른 함수를 호출할 수 있다는 것이다. 이 점을 생각하고 전의 내용의 render메소드 살펴보자. <div id="contai...