728x90 반응형 react3 [리액트] Mount 하고 Update 차이 비교 Mount (마운트)Mount는 컴포넌트가 "처음" 화면에 나타나는 순간을 말해.마치 레고 블록을 처음 조립해서 방에 놓는 것처럼, 컴포넌트가 처음으로 화면에 나타나는 거야.예를 들어, 너가 그림을 그리고 그 그림을 벽에 처음 붙이는 순간이 바로 컴포넌트의 "마운트"야.이때, 컴포넌트는 필요한 준비 작업을 할 수 있어.마치 그림을 벽에 걸기 전에 액자에 넣는 것처럼 말이야.Update (업데이트)Update는 이미 화면에 나타나 있는 컴포넌트가 다시 그려지는 순간을 말해.마치 레고 블록으로 만든 건물에 새로운 블록을 추가하거나, 기존 블록을 바꾸는 것처럼.예를 들어, 벽에 걸어둔 그림을 다시 꺼내서 색칠을 더하거나, 그림을 수정하는 순간이 "업데이트"야.컴포넌트는 필요할 때마다 업데이트가 일어나서 최신 .. 2024. 5. 21. [React] 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 참고) https://devbirdfeet.tistory.com/3 React 실행오류 - npm ERR! code ENOENT(errno -4058) Updated 21/07/30 문제상황 " npm ERR! code ENOENT(errno -4058) " React를 실행하기 위해 visual studio 터미널창에 npm run start를 입력하니 4058로 시작하는 에러가 나왔다. path를 살펴보니 설치시 지정한 경로와 달랐 devbirdfeet.tistory.com 1) 문제 프로젝트에 react-script 설치 - 터미널 열고 복붙해줬음 - npm) npm install -save react-scripts - yarn) yarn add react-scripts 여까지 복붙해주니 뜨는거 확.. 2024. 4. 11. React 배우기 전에 쓰는 이유부터 알아야 React 왜 씁니까 리액트 문법부터 들이밀면 누구나 이해가 가지 않습니다. 리액트의 정확한 용도를 알아야 리액트라는 라이브러리를 이해할 수 있는데 Naver Vibe, Flipkart, Instagram 이런 웹사이트 들어가봅시다. 들어가면 페이지 전환 같은게 새로고침 없이 부드럽게 동작합니다. 이런 사이트들을 Single Page Application 이라고 하는데 - html 파일을 1개만 쓰고 - 다른 페이지를 보여주고 싶을 때 html 부분만 샥 갈아치워서 보여줍니다. 그래서 부드럽게 동작합니다. 쌩자바스크립트로도 만들 수는 있지만 코드가 너무 길어지는 관계로 리액트라는 자바스크립트 라이브러리를 설치해서 사용하면 이걸 더 쉽게 만들 수 있습니다. 그래서 리액트라는 라이브러리를 배우고 사용하는 것.. 2024. 4. 10. 이전 1 다음 728x90 반응형
