React Study(1)
React 공부 시작
지금까지 백엔드측의 고리고리의 Java라든지 Oracle PL/SQL 밖에 오지 않았기 때문에, 유저측의 화면측의 기술에 대해서 굉장히 희소하다. 게다가 최근 5년 정도는 정말로 관리직의 일 밖에 하고 있지 않기 때문에 모든 기술 지식이 화석급에…
그러나 앞으로의 시대, 백엔드부터 프런트 엔드, 무엇이든 클라우드 포함한 인프라 환경까지 지식으로서 붙여 두지 않으면 엔지니어의 매니지먼트도 남지 않는다.
라고 하는 것으로, 프런트 엔드의 기술 중심에 공부하기 시작하겠습니다.
세를 위해 사람을 위해 된다, 라고 하는 것보다는, 자신 학습 메모이므로 은근하게 써 갑니다.
우선 Hello React적인 곳에서
어리석은 일을합니다.
환경 주위
우선은 React 환경을 만드는 방법. 라고 해도 Windows에서 node.js 인스톨러로 넣는 것 뿐입니다.
node 버전c:\projects>node -v
v14.18.0
c:\projects>npm -v
6.14.15
Hello React
create-react-app하여 프로젝트를 만듭니다.
프로젝트 만들기c:\projects>npx create-react-app react_practice
(省略)
Happy hacking!
완성되면 npm start하면 브라우저가 마음대로 열립니다.
기동·동작 확인c:\projects\react_practice>npm start
http://localhost:3000/이 기본 포트이므로 주소가 마음대로 열립니다.
초보의 초보는 우선 여기에서.
지금부터 화면대로, src/App.js를 만나 공부해 나갈 것입니다.
Reference
이 문제에 관하여(React Study(1)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tatas/items/f323819c266d0c62f94d
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
어리석은 일을합니다.
환경 주위
우선은 React 환경을 만드는 방법. 라고 해도 Windows에서 node.js 인스톨러로 넣는 것 뿐입니다.
node 버전
c:\projects>node -v
v14.18.0
c:\projects>npm -v
6.14.15
Hello React
create-react-app하여 프로젝트를 만듭니다.
프로젝트 만들기
c:\projects>npx create-react-app react_practice
(省略)
Happy hacking!
완성되면 npm start하면 브라우저가 마음대로 열립니다.
기동·동작 확인
c:\projects\react_practice>npm start
http://localhost:3000/이 기본 포트이므로 주소가 마음대로 열립니다.
초보의 초보는 우선 여기에서.
지금부터 화면대로, src/App.js를 만나 공부해 나갈 것입니다.
Reference
이 문제에 관하여(React Study(1)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tatas/items/f323819c266d0c62f94d텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)