15:00
create-react-app 작동을 위해 글로벌 설치 제거하고 npx create-react-app eternalstone 실행
안그러면 기초 템플릿이 안온다.
https://stackoverflow.com/questions/59188624/template-not-provided-using-create-react-app
Template not provided using create-react-app
When I type the create-react-app my-app command in my terminal, it appears to work - downloading all libraries successfully etc. At the end of that process however I get a message that a template w...
stackoverflow.com
yarn global remove create-react-app 이 문제였음 npm npx yarn 패키지매니저가 세개여서 모두 제거 필요했다.
15:25 리액트 이것저것 설정하고 리포 열었음. 깃헙gui에등록
15:38 리액트 기초 동영상 보고 직구프라이스 스튜디오로 옮김
https://www.youtube.com/watch?v=MRIMT0xPXFI&list=WL&index=3&t=92s
15:55 할일 다 끝내고 리액트부터 배우기로 결정.
할일 - 이더리움, 리액트 배워서 간단한 웹앱 만들기.
네이티브로 확장시키기
https://ko.reactjs.org/docs/add-react-to-a-website.html
기초적인 웹 컴파일러로 배운다.
기본 튜토리얼 따라가기로 했다.
16:23 html기반 기초 리액트 실험해봤다.
바벨을 html상에서 실행하는 방법도 있다.
<script type="text/babel">
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('root')
);
</script>이렇게 하는거다.
npx babel --watch src --out-dir . --presets react-app/prod 바벨 감시기. jsx파일을 src로 자동 컴파일해준다.
4:33 https://ko.reactjs.org/tutorial/tutorial.html
자습서: React 시작하기 – React
A JavaScript library for building user interfaces
ko.reactjs.org
여기서부터 시작하면 된다.
16:49 gitcoin 해커톤을 발견했다. 탐색중
16:58 해커톤 뭐 이것저것 있는거같다. 개발력 있으면 돈 벌 수 있을듯. 개발도 하고. 여러모로 디앱이 만들어지는 곳. 저기에서 지원 받아보자(나중에).
다시 리액트로 돌아옴. 하나로 된 파일 제작중
index3.html에 리액트 기초 템플릿 작성.
바벨 자동 빌드 워치 적용해서 src폴더에 jsx 코딩하면 자동 test.js 빌드로 만들어지고 index3.html에서 읽도록 함.
17:09 다른 리액트 컴포넌트를 불러오려면 <Square jinhyuk=1 />처럼 하면 된다. id나 class 같이 아무 값이나 넣어주면
해당 하위 컴포넌트에서는 this.props.jinhyuk로 꺼내올 수 있다.