let's coding let's coding

cd my-app : 경로 변경 npm start : 애플리케이션 실행 차례대로 터미널에 입력 후 잠시 기다리면 Port 3000번으로 react 에 접속 되는 것을 확인 할 수 있다.

npx create-react-app 를 터미널에 입력하면 no such 에러가 뜨는 경우가 있다 환경변수도 잘 설정되어있고 npm 버전도 확인 했는데 계속 떳다 npm uninstall -g create-react-app npx create-react-app my-app 위 명령어를 차례대로 입력하면 에러없이 정상적으로 생성된다

이번에는 react 서버 와 spring boot 를 서버를 연동하는 방법을 공부하겠습니다.리액트 화면이 랜더링시에 자동으로 호출되는 상태 함수가 있다. 이 상태 함수는 상태값과 mapping 되는데 화면에 랜더링 된 후 직후의 상태를 didmount 라고 한다 이 상태에 따라서 특정 작업([ex]Open Api호출, 파일 접근, 네트웍 접근 등) 을 정의해서 수행할 수 있다 여기서 mount 라는 단어는 화면을 구성하는 DOM이 완료되었는지 여부를 뜻한다. unmount는 위와 반대이다. 화면이 닫히거나, 화면이 다른 화면에 의해 가려질 때 등의 상태를 말한다. 이 역시 unmount() 라는 함수를 이용해서 재정의 할 수 있다. 일반적으로는 초기화 했던 작업을 모두 해제하는 작업을 정의한다. 서블릿 ..

이번 포스팅에는 앞서 공부한 리엑트 응용입니다. Counter.js import React from "react"; function Counter(){ return( {number} +1 증가 -1 감소 ); } export default Counter; 이 컴포넌트는 버튼 두 개를 생성해서 각 이벤트를 적용하여 카운터를 증감하도록 하는 컴포넌트이다. 실제 증가하는 카운터 변수는 부모 컴포넌트에 존재하고, 이벤트도 부모에 존재한다. 단지 Ui 구성만 하고, 나머지는 props 를 통해 이벤트 등의 초기 정보를 주며 이벤트 이후 변경되는 상태값은 state이라는 내장 객체를 이용해서 가공한다. 대부분의 React 는 이러한 방식으로 구현되어진다. app.js import logo from './logo.s..