react3 [React] Spring Boot, React, Redux 회원가입 구현 (프론트) Frontend redux // 사용자 정보 관리 모듈 import { createAction, handleActions } from "redux-actions"; // 불변성 관리 패키지 import { produce } from "immer"; // axios import axios from 'axios'; // Actions const LOG_OUT = "LOG_OUT"; const SET_USER = 'SET_USER'; // Action Creators const setUser = createAction(SET_USER, (user) => ({ user })); const logOut = createAction(LOG_OUT, (user) => ({ user })); // Initial stat.. 2022. 4. 27. [React] 배열을 사용한 일기 데이터 추가, 삭제 위와 같이 생긴 일기를 생성하면서 배열의 데이터 추가, 삭제를 공부해보자 일단 이 조그마한 화면을 위해서 5가지의 페이지가 필요하다 1. 이벤트 처리를 담당하는 코드, 2. 화면을 띄워주는 코드, 3. 일기가 몇개인지 알려주는 코드 4. 작성한 글의 내용을 알려주는 리스트 코드 5. css코드 그러면 직접 코드를 보면서 알아보자 import { useRef, useState } from "react"; const DiaryEditor = ({onCreate}) => { const authorInput = useRef(); const contentInput = useRef(); const [state, setState] = useState({ author: "", content: "", emotion: 1.. 2022. 4. 11. [개발 개념] Node.js 란, React를 사용해야하는 이유 Node.js 자바스크립트는 웹 브라우저 위에서만 사용해야한다는 한계를 가지고 있다 대표적인 브라우저인 Crome의 엔진은 v8엔진인데, 많은 개발자들이 자바스크립트의 우수성을 인정하여 다른곳에도 적용하고 싶은데 브라우저 위에서만 동작하는 한계를 가지고있었다 이 한계를 부수기 위해서 v8엔진을 사용하여 Node.js를 만들었는데 이로인해 브라우저가 아닌 어디서든지 자바스크립트를 사용할 수 있게 되었다 그래서 node.js는 자바스크립트의 라이브러리이고, 자바스크립트의 실행환경, Runtime이라고 불린다 이를 통해서 개인 컴퓨터에 자바스크립트를 다운로드하여 사용할 수 있게 되었는데 이것으로 웹 서버를 형성할 수 있게됨 웹 서버는 url로 요청을 받아서 여러 형태의 데이터를 던져줄 수 있게 됨 React를.. 2022. 4. 7. 이전 1 다음
