React
1.리덕스 파헤치기
Redux 클라이언트 전역 상태 관리 라이브러리 기존 리액트의 문제 해결! -> 예측가능한 상태관리, 체계적 코드 구조와 유지보수성 개선 리덕스 주요 개념 (redux) state : 유일한 상태 보관소 action : 상태 변경 방식의 정의 (상태 방
2.Nodejs, Visual Studio Code 설치
Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다 -공식 홈페이지-런타임은 특정 언어로 만든 프로그램을 실행할 수 있는 환경을 말합니다. Node.js는 JavaScript 실행 환경 즉, 런타임 입니다.기존에는 J
3.Create React App을 이용해서 리액트 설치하기
npx create-react-app <폴더 이름> 이라는 명령어로 간단하게 설치할 수 있습니다. npx를 따로 설치할 필요가 없으며, npm을 통해 Node.js를 설치하면 npx도 함께 제공됩니다. 따라서 Node.js를 설치하면 npm과 npx를 사용할 수
4.SPA(Single Page Application)이란?
위 코드는 public 폴더 내에 있는 index.html 파일 입니다. 하단 파란색 배경으로 표시 된 코드를 보면 body 태그의 div 엘레멘트 id가 root로 설정되어있습니다. 위 코드는 src 폴더 내에 있는 index.js 파일입니다. 파란색 배경 표시가 된
5.React) Context API 살펴보기
전역 데이터를 Context에 담아서 사용하기 위해서는 먼저 Context를 생성해야 합니다. Context는 리액트 패키지에서 createContext라는 함수를 불러와서 만들 수 있습니다.생성된 Context 객체는 React가 관찰하는 구성 요소를 렌더링 할 때
6.리액트(React) 사용하는 이유는?
React는 현존하는 JavaScript UI 라이브러리 중에서 가장 많이 사용되고 있습니다. 이미 현업에서 리액트는 중요한 기술 스택 중 하나로 자리 잡았으며 온라인상에 풍부한 자료와 예제 코드, 질문과 답변을 찾아보기 편리합니다. 더 나아가 React native
7.React의 장점과 특징
React - 빠른 개발 속도, 높은 성능, 그리고 뛰어난 사용자 경험 React는 현대 웹 개발의 핵심 기술로 자리 잡은 이후, 프론트엔드 개발의 판도를 완전히 바꿔 놓았습니다. JavaScript 라이브러리인 React는 SPA(단일 페이지 애플리케이션) 개발에