REACT 3

React CRA typescript Error

1. Create-react-app으로 typescript 시작하자 마자 에러가 났다.. 오늘자 기준 typescript 4.1.2 ... 총체적인 난국인데. 아래와 같은 에러가 발생한다. appTsConfig.compilerOptions[option] = value; ^ TypeError: Cannot assign to read only property 'jsx' of object '#' at verifyTypeScriptSetup (/home/aditya/all/yt/twitter/node_modules/react-scripts/scripts/utils/verifyTypeScriptSetup.js:239:43) at Object. (/home/aditya/all/yt/twitter/node_modul..

SW교육/React 2020.11.22

React 그냥 막하기 -2 (React tutorial)

React에서 다중이로 만들기 이전 게시글에서 일단 React를 통해 컴포턴트 하나를 띄우는 것을 해보 았다. 이번엔 React컴포넌트의 기본을 보고, 이를 멀티로 바꾸어보는 작업을 해 보자. React 기본 구조 import React from "react"; import ReactDOM from "react-dom"; class Layout extends React.Component{ //모든 컴포넌트들은 React.component를 상속받아 확장한다. render(){ //렌더를 통해서 컴포넌트를 그리게 된다. return ( //리턴을 통해서. 하하 //리턴을 통해 html 태그들을 보낼 수 있다. ); } } //id가 app이라는 녀석을 찾아서 const app = document.getEl..

SW교육/React 2016.08.13

React 그냥 막 하기 - 1 (React tutorial)

React tutorial 개발환경 꾸미기 내가 왜 이걸 쓰고 있는지는 잘 모르겠다. 여튼 React에 관해서 알아보실 분들은 다른 사이트에 많이 있으니 참고하시고, 빠르게 node.js 를 통해서 개발해 보도록 하자. * Nodejs나 webpack 같은 기술 스택은 설명하지 않습니다. 왜냐하면, 저도 모르기 때문입니다. 일단 package.json 파일은 다음과 같다. { "name": "react-tutorials", "version": "0.0.0", "description": "", "main": "webpack.config.js", "dependencies": { "babel-loader": "^6.2.0", "babel-plugin-add-module-exports": "^0.1.2", "b..

SW교육/React 2016.08.12