목록컴포넌트 (2)
함께 성장하는 프로독학러
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 SPA 어플리케이션 안에서 다른 라우트로 이동하는 방법에 대해서 알아보도록 하겠습니다. * 포스팅의 내용은 Velopert 님의 리액트 라우터 강의를 복습한 내용이므로 Velopert 님의 원본 강의를 듣고싶으신 분들은 아래의 링크를 참조해 주세요. https://velopert.com/3411 Link 컴포넌트 SPA 안에서 라우트간의 이동은 HTML 의 태그를 이용하지 않습니다. 태그는 페이지 전체를 다시 로딩, 즉 새로고침 해버립니다. 따라서 새로고침하지 않고 라우트로 이동하고자 할 때는 리액트 라우터의 Link 컴포넌트를 이용합니다.Link 컴포넌트를 사용하면 페이지 전체를 새로고침 하지 않고, 이동을 원하는 라우트로 화면을 전환해 줍니다. Lin..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 React.js의 중요한 개념 중 하나인 props 에 대해서 알아보도록 하겠습니다. props 는 간단히 말하면 상위 컴포넌트에서 하위 컴포넌트로 값을 전달하는 것입니다.그 전달을 HTML 의 properties 와 비슷한 방식으로 하는 것을 의미합니다.HTML 의 properties 방식과 바슷하여 props라고 이름이 지어진게 아닐까 생각도 되어집니다. 먼저, props의 기본 개념부터 살펴보겠습니다. 예제를 통해서 살펴보도록 합시다.우리는 이전 포스팅에서 만들었던 Test_comp 컴포넌트 하위에 Test_props 컴포넌트를 만들어 값을 전달해 줄 것입니다. 이를 위해 먼저 Test_props 컴포넌트를 만들어 보겠습니다.src/component..