IT 기록 블로그

ionic Read More

오늘은 Redux에 대해 알아보자 Redux란? Redux 리덕스란 JavaScript 상태관리 라이브러리이다. 여기서 말하는 상태State란 간단하게 말하자면 데이터를 말한다. 덧붙이자면 상태는 컴포넌트 내부에서 사용하는 데이터라 할 수 있다. 요즘 웹 사이트를 구성할 때, 사용자에게 보이는 UI들을 하나의 파일로 몽땅 구현하지 않고, 요소요소들을 컴포넌트 단위로 구성하여 조합하는 식으로 만드는 추세이다. Redux의 3가지 원칙 진실은 하나의 근원으로부터 동일한 데이터는 항상 같은 곳에서 가져온다. 즉, Store 스토어라는 하나뿐인 데이터 공간을 만들어 S... Read More

최근에 json-server를 통해 간단하게 쇼핑몰 프로젝트를 수행했다. 쉽게 테스트버서를 사용할 수 있는 느낌이었는데, 알아두면 유용할 것 같아서 정리해 두고자 한다. 🔍 json-server란 json-server란 , 가짜 API서버를 만드는 툴이다. 짧은 시간동안 REST API가 필요할 때, 간단하게 만들어서 테스트해 볼 수 있다. API가 만들어지기 전에 연결 작업을 진행할 때 사용하면 유용할 것 같다. 설치와 사용방법 모두 간단하다. 먼저, npm & yarn 을 통해 설치한다. json-server 설치 # npm npm install -g json-server # yarn ... Read More

Font Awesome 공식문서 1. Font Awesome 설치 npm 또는 yarn 사용해 아래와 같은 명령어로 설치 가능합니다. // npm 일 경우 npm i --save @fortawesome/fontawesome-svg-core npm install --save @fortawesome/free-solid-svg-icons npm install --save @fortawesome/react-fontawesome // 추가 아이콘 사용시 npm install --save @fortawesome/free-brands-svg-icons npm install --save @fortawesome/free-r... Read More

Router란? React Router는 React 애플리케이션에서 페이지 간의 네비게이션 및 URL 경로에 따른 컴포넌트 렌더링을 관리하는 라이브러리입니다. 주요 기능으로는 선언적 라우팅, 동적 라우팅, 중첩된 라우팅, 그리고 프로그래밍 방식 라우팅을 제공합니다. React Router를 사용하면 SPA를 쉽게 구축하고 복잡한 라우팅 로직을 간단하게 처리할 수 있습니다. react-router-dom react-router-dom은 react-router v4 버전에서 처음 릴리즈 된 라우팅 모듈로, react-router 모듈에 dom이 바인딩 되어 있는 모듈이다. v3버전까진 react-router... Read More