우사미 코딩

...? 그만 알아보자 ^^ 는 뻥이고 앱을 구동시키는데 저 파일들이 다 필요한 것은 아니다! 중요한것만 알아보자. 암튼 그렇다고 함 그럼 프로젝트에서 필요없는 녀석들을 제거-해보겠다. public에서는 index.html만 남기고 삭제했고 src폴더 안은 모두 삭제 후 index.js를 새로 생성햇다. index.js파일은내 프로젝트가 브라우저 안에서 실행될 때 가장 먼저 수행되는 파일이다. 그럼 텅 빈 index.js파일을 아래와 같이 채워넣자! // 1) Import the React and ReactDOM libraries import React from 'react'; import ReactDOM from 'react-dom/client'; // 2) Get a reference to the d..

1. 프로젝트 시작하기 Node.js설치하고 cmd 열어서 명령어 입력하는데 에러 뜸 C:\Users\User>npx create-react-app jsx npm ERR! code ENOENT npm ERR! syscall lstat npm ERR! path C:\Users\User\Roaming\npm npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\User\AppData\Roaming\npm' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of ..

1. 태그를 컴포넌트화(부품화)하여 코드 재사용율을 높이고, 코드 수정이 쉽게 한다. 전 직장에서 소프트웨어 개발할 때 모든 ui를 부품화하여 개발했는데 그거랑 비슷한 개념임. 굿! 버튼에 클릭 이벤트를 넣는다던가 별도의 함수를 호출한다? 그럼 해당 컴포넌트에 함수를 작성하면 됨. 굿! 2. 웹에서 ui를 실시간으로 고치는 작업은 비용이 크다고 한다. 그런데 react를 사용하면 ui를 새로 그리는 비용이 줄어든다고 함. 3. jsx function App() { return ( Hello ); } React에서 위와 같이 html코드를 return하는 스타일을 jsx라고 하고 파일명도 .jsx로 되어있다. 4. component import React from "react" import TodoItem..