솔적솔적

React를 사용하려면 Redux의 개념과 어떻게 사용하는지에 대해서 알아야한다는데, 설치 과정이 요리갔다 저리갔다여서 간단명료하게 설치방법과 셋팅, Redux를 왜 쓰는지에서 알아보고자한다. 만들려는 것은 Redux를 이용하여 장바구니만들기이다. (목표목표~) | 페이지 이동 경로 설정 우선 페이지 이동할 수 있도록 라우터 경로 설정, | 장바구니인 Cart.js 컴포넌트 생성 Cart.js 컴포넌트를 만들기 ( 디자인은 우선 간단하게 bootstrap 라이브러리의 table 을 사용) import {useState, memo, useMemo} from 'react'; import {Table} from 'react-bootstrap';..

오늘은 리액트에서 Ajax의 요청방법은 어떻게 하나? 에대해서 알아보고자합니다만, 그전에 Ajax에 대한 개념과 Ajax를 사용하려할 때 알아야 할 요청방법들에 대해서도 살펴보도록 하겠습니다. 자, 그럼 먼저 오늘 목표로 하려하는 Ajax, 요녀석은 뭘까요? | Ajax 란? Ajax란 Asynchronous JavaScript and XML의 약자로 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있는 것입니다. Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있습니다. 예를들어, 홈페이지에 3영역으로 나눠져있습니다. 내가 검색하고 싶은 것을 검색할 수 있는 검색 영역, 검색해서 나오는 목록 수(조회영역) 검색해서 나온 목..

| Lifecycle이란 예를들어서 detail페이지있잖아요, 화면에 detail페이지가 보이는 순간 이 때를 페이지에 장착이 된다. 또는 마운트(mount)된다라고도하고, 컴포넌트 안에서 state 조작을하면 update되는 과정도 있고, 컴포넌트가 쓸모가 없어지는 경우, 이 경우 컴포넌트 제거되는데 이게 unmount 라고한다. 이런 살아나서 죽는 생물같이 리액트에도 삶의 주기가 있다는 것. mount update unmount 이 라이프사이클을 알고 있다면, 중간중간 내가 코드에 간섭을 하여, 특정코드를 실행할 수 있다. update될 때 특정 코드 실행할 수 있고, unmount될 때 중간에 코드를 넣어 실행할 수 있다는 것이다. 그리고 function들 안에서 기본적으로 쓸 수 있는 함수, us..

왜 nodemon을 설치하려하냐면 서버 껐다가 켜는 작업을 자동으로 재실행하게끔하기 위해 (껐다가 켰다가 하는게 너무 시간, 힘이 드니) 자동화를(nodemon)를 하려하는 것! 터미널을 켜고 나서 | npm npm install -g nodemon | yarn yarn add global nodemon | 실행 명령어 nodemon server.js 근데, 만약 이렇게 실행 명령어를 입력했는데 빨간 오류가 주루룩 나온다면 1. powerShell 관리자로 실행을 들어가자. 1. executionpolicy 2. set-executionpolicy unrestricted 3. y 입력하고 엔터 4. 다시 vsCode 터미널로 가서 nodemon server.js 명령어 입력 근데 또 오류가 난다면 첫 줄..