CRA 로 리엑트 작업중에 interface 를 export 선언하자 아래와 같은 에러 발생. Re-exporting a type when the '-isolatedModules' flag is provided requires using 'export type'. 우선 컴파일 옵션이 가물가물하여 --isolatedModules 을 찾아보았다. --isolatedModules : 추가 검사를 수행하여 별도의 컴파일 (예를 들어 트랜스파일된 모듈 혹은 @babel/plugin-transform-typescript) 이 안전한지 확인합니다. 옵션 타입 기본값 --isolatedModules boolean false 라고 한다.. 그리고 TS 버전을 찾아보니 3.8 부터는 type-only imports와 ex..
React.StrictMode( Strict 모드 ) create-react-app 설치 후 index.js 를 살펴 보면 라는 것을 볼 수 있다. 처음엔 이게 먼가 싶었는데... 딱히 머 실행시 문제될 거는 없었기에 신경을 안쓰고 있었는데... 테스트시 devtools 에 콘솔 로그 값이 두번씩 찍히는 것을 발견 할 수 있었다. 검색해서 찾아봤더니 React.StrictMode 라는 것 때문에 그런 현상이 나타나는 것이라는.... 해서 공식 홈에 해당 부분을 찾아 봤더니...아래와 같은 내용들이 있었다. StrictMode는 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구. Fragment와 같이 UI를 렌더링하지 않으며, 자손들에 대한 부가적인 검사와 경고를 활성화. 주의 Strict 모드는 개..
React 에서 import 시 경로 설정. jsconfig.json 파일을 이용해 경로를 지정할 수 있다. 1. jsconfig.json 파일을 root 경로에 만든다. 2. 아래 코드 내용을 jsconfig.json 에 입력하고 저장. // jsconfig.json { "compilerOptions": { "baseUrl": "src" } } "baseUrl": "src" 를 작성하면 루트폴더가 src 폴더로 설정. import시에 ../../ 등의 상대경로 부분을 생략 가능하게 됨..
export 'Switch' (imported as 'Switch') was not found in 'react-router-dom' 오류 Switch 를 찾을 수 없다 라는 오류가 나서 먼가 하고 봤더니 react-router-dom 이 버전 6로 업그레이드되면서, Switch 를 더이상 지원을 하지 않는다는 ㅠㅠ. Switch -> Routes 로 변경해서 쓰면 된다. 속성 중에 component 도 element 로 바꾸어서 사용해야 한다. 공식문서( https://reactrouter.com/docs/en/v6/upgrading/v5 ) 참조 React Router | Upgrading from v5 Declarative routing for React apps at any scale reactr..
먼가 굉장히 심플해 보인다.... webpack이나 babel 설정등으로 고생을 이제 안해도 되는 건가? 걍 아래 처럼 해도 될듯https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html app react-app new react-app run 그런데....How to Customize --> coming soon 으로 기재되어 있다. 머 좀 더 기다리면 기대한 물건이 나올 듯 하다... 참고 : https://github.com/kriasoft/react-app
프로 리엑트 책을 보면서 스텝바이스텝 하고 있는데 리엑트 버전업으로 인해 이것저것 바뀐게 많다. 게다가 오타까지.....내가 코딩한 것도 오타가 많은데 책까지 오타가 많다.....정말 별거 아닌걸로 삽질의 연속~ 은근 스트레스~ 책의 전체적인 퀄리티는 나쁘지 않은데별 사소한거로 책의 전반적인 좋은 이미지를 깍아 먹는 듯....그리고 한가지 더 말하자면 코딩 스타일 좀 일관성 있게 작성했으면 하는 아쉬움도 있다. 라고 하면 좋겠는데 아쉬움을 넘어서 졸 짜증난다. 나처럼 따라서 해보는 사람들에겐 정말 스트레스이다.중간에 const arrow function 으로 작성했다가 걍 단순 function 타입으로 작성하질 않나....나원참.... 암튼 지금 절반 정도 본듯....일단 칼을 뽑았으니 무라도 베긴 해야..
React.js 시작하기. 환경설정. -IDE 선정. sublime Text or Webstorm -webpack ( node.js 설치 가정하에 진행 - 설치가 안되어 있다면 node.js 설치하자. )1. 프로젝트 폴더 생성>터미널에서 해당 프로젝트 폴더로 이동2.터미널에서 npm init3.터미널에서 npm install --save-dev webpack@1.13.1 ( 정적파일제공 ) 정적파일이 아닌 소스파일을 수정하면 자동으로 브라우저를 새로 고치는 개발 서버는 아래와 같이 하자. npm install --save-dev webpack-dev-server@1.14.13.프로젝트 폴더 root경로에 webpack.config.js 생성시킴. ( 맥 터미널에서 touch webpack.config...
- Total
- Today
- Yesterday
- IntrinsicElements
- Intrinsic
- 앵귤러
- interceptors
- JsDoc
- for of 구문
- git
- 반복문
- 내장요소
- git checkout -b
- anime.js
- Vue3
- Aptana
- 리프래시토큰
- icon font
- React.StrictMode
- svg 폰트
- react
- RefreshToken
- CSS
- svg모션
- 자바스크립트
- 아이콘 폰트 만들기
- svg icon font
- vue-router
- react-router-dom
- 코도바
- cordova
- Angular
- 태그
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |