React

Redux React에서 단방향 데이터 흐름의 원리가 대중화 되고, 애플리케이션이 확장되면서, 상태 관리가 어려워졌고, 이를 통해 페이스북에선 FLUX 아키텍쳐 출시 하였다. Redux는 자바스크립트 애플리케이션에서 예측 가능한 상태를 관리해주는 컨테이너라고 정의하고

안녕하세요. 강의들은 것을 참고하여 별도의 라이브러리 없이 React-hooks로 Modal을 구현해보려고 합니다. React 환경 구성하기 가장 먼저 react 앱을 생성해줍니다. npx creaete-react-app modal-comp 생성되었으면 필요 없

React-Hooks를 활용하여 버튼 클릭시 데이터를 필터링 해주는 웹 페이지를 구현하려고합니다. 작은 미니 프로젝트로 그래픽카드 정보를 담는 페이지입니다. React App 생성하기 npx create-react-app filter-app으로 리액트 앱을 생성해

이번에는 검색해서 특정 단어를 입력할때 검색되는 컴포넌트를 제작하려합니다.

혼자서 진행하는 프로젝트를 진행하면서 중첩된 Navbar를 작성해주는 중 어떻게 작성해야할지 막막하여 구글링과 다양한 시도를 하게되었다. 우선 처음 Navbar는 최상단에 위치하여야 하며, 두번째 Navbar는 css의 속성 position 의 옵션중 하나인 fixed

npm install react-slick --save이제 바로 가져다 사용하는데에는 문제가 있으므로 CSS포함하기 위해 아래 명령어로 설치하고 적용하면된다.npm install slick-carousel --save컴포넌트 최상단에 적용기존 방법기존 사용 방법은 위에

React로 앱을 개발하다보면 어떤 컴포넌트에게 Props로 데이터를 전달 해줘야할 때가 있다. App.js를 최상위 컴포넌트로 두고, 다른 두개의 하위컴포넌트에게 데이터를 props로 전달해준다면 아래와 같을 것이다. App.js AC.js BC.js 작