2021-09 React #10 라우팅 (Routing) 주소에 따라 내용을 다르게 보여준다 React 자체에는 이 기능이 없다 = React Router 라는 라이브러리를 많이 사용 React Router 설치 npm을 통해 설치하고 활용할 React에서 다음과 같이 불러온다 주요 컴포넌트 <BrowserRouter> <Switch>, <Route> <Link> BrowserRouter HTML5의 를 사용해 페이지를 새... React2021-092021-09 Linux #2 패키지 안에 들어있는 파일들 프로그램 파일 프로그램 설치 파일 프로그램 설치 설명서 프로그램 정보를 담은 파일 - 프로그램을 설치하기 위해 필요한 다른 프로그램 정보 패키지의 설치, 변경, 삭제 등 관리를 편리하게 해주는 도구 필요한 패키지를 설치 설치된 패키지의 업데이트 확인, 실행 필요없는 패키지 제거 ㄴ 터미널에서 apt로 설치 확인 패키지 목록 갱신 - apt update : 관리자 ... linux2021-092021-09 React #11 컴포넌트의 속성(property) 부모 컴포넌트로부터 전달받은 값 = 컴포넌트가 최초 렌더링될 때에 화면에 출력하고자 하는 데이터를 담은 초기값으로 사용 객체 형태 = 어떤 타입의 값이라도 전달할 수 있도록 읽기 전용 = 외부로부터 전달받아 함부로 변경될 수 없다 Props 사용법 부모 컴포넌트에서 전달하고자 하는 데이터와 속성을 정의한다 정의된 값과 속성을 자식 컴포넌트에서 전달받는다 전달... React2021-092021-09 React #12 컴포넌트의 상태 컴포넌트 내에서 변할 수 있는 값 상태에 따라 컴포넌트가 바뀌어야 할 때 State를 활용한다 <예> 체크가 된 상태, 안 된 상태를 비교 State 사용법 useState : React에서 State를 다루는 방법 중 하나 React에서 useState를 불러온다 useState를 사용할 컴포넌트 안에서 호출한다 isChecked, setIsChecked (임의로 지은 이름... React2021-092021-09
React #10 라우팅 (Routing) 주소에 따라 내용을 다르게 보여준다 React 자체에는 이 기능이 없다 = React Router 라는 라이브러리를 많이 사용 React Router 설치 npm을 통해 설치하고 활용할 React에서 다음과 같이 불러온다 주요 컴포넌트 <BrowserRouter> <Switch>, <Route> <Link> BrowserRouter HTML5의 를 사용해 페이지를 새... React2021-092021-09 Linux #2 패키지 안에 들어있는 파일들 프로그램 파일 프로그램 설치 파일 프로그램 설치 설명서 프로그램 정보를 담은 파일 - 프로그램을 설치하기 위해 필요한 다른 프로그램 정보 패키지의 설치, 변경, 삭제 등 관리를 편리하게 해주는 도구 필요한 패키지를 설치 설치된 패키지의 업데이트 확인, 실행 필요없는 패키지 제거 ㄴ 터미널에서 apt로 설치 확인 패키지 목록 갱신 - apt update : 관리자 ... linux2021-092021-09 React #11 컴포넌트의 속성(property) 부모 컴포넌트로부터 전달받은 값 = 컴포넌트가 최초 렌더링될 때에 화면에 출력하고자 하는 데이터를 담은 초기값으로 사용 객체 형태 = 어떤 타입의 값이라도 전달할 수 있도록 읽기 전용 = 외부로부터 전달받아 함부로 변경될 수 없다 Props 사용법 부모 컴포넌트에서 전달하고자 하는 데이터와 속성을 정의한다 정의된 값과 속성을 자식 컴포넌트에서 전달받는다 전달... React2021-092021-09 React #12 컴포넌트의 상태 컴포넌트 내에서 변할 수 있는 값 상태에 따라 컴포넌트가 바뀌어야 할 때 State를 활용한다 <예> 체크가 된 상태, 안 된 상태를 비교 State 사용법 useState : React에서 State를 다루는 방법 중 하나 React에서 useState를 불러온다 useState를 사용할 컴포넌트 안에서 호출한다 isChecked, setIsChecked (임의로 지은 이름... React2021-092021-09