react4 [React] TypeError: dayjs$1 is not a function vite로 생성한 react 프로젝트에서 개발을 완료하고 빌드 후에 아래 명령어를 실행했더니 오류가 발생했습니다. vite preview TypeError: dayjs$1 is not a function 빌드를 했을때도 발생하지 않았던 오류인데다가 구글링해봐도 답이 안나와서 찾기 어려웠으나 import 문제임을 알게 되었습니다. before import * as dayjs from 'dayjs'; after import dayjs from 'dayjs'; after와 같이 수정해주면 문제 없이 실행되는 것을 볼 수 있었습니다. 2023. 9. 1. [React] CRA로 TypeScript React 프로젝트 생성하기 오늘은 Create-React-App으로 TypeScript 프로젝트를 생성해보겠습니다..! TypeScript 기반의 React 프로젝트를 설정하기 위해서는 여러가지 설정을 변경해야 하지만, 템플릿을 이용하면 훨씬 간편하게 프로젝트를 생성할 수 있습니다. Template $ npx create-react-app "project name" —template typescript project name에는 생성하고자 하는 프로젝트의 이름을 넣으면 됩니다. 그러면 해당 이름의 폴더 안에 TypeScript 버전의 create-react-app이 생성됩니다. 다음으로, typescript를 사용하면서 필요한 라이브러리들을 설치합니다. $ npm i --save react react-dom typescript $.. 2021. 12. 14. [React] 절대경로 사용하기 한 파일에서 다른 파일을 가져오기 위해서 import 구문을 사용합니다. import를 할 때, 상대 경로를 사용하다보면 파일 위치가 멀 경우 긴 경로를 사용하기도 합니다. import Header from '../../../../../../../directory/Header'; 이렇게 되면 어떤 디렉토리에 있는 어떤 파일인지 한번에 가늠하기 어렵고, 폴더를 찾는데에 긴 시간을 들일 수도 있습니다. 이러한 상황을 방지하기 위해 절대경로를 사용하여 import 하는 방법에 대해 정리해보도록 하겠습니다! 절대 경로를 사용하는 방법은 간단하며 문서를 통해서도 빠르게 확인해볼 수 있습니다. javascript를 사용하는 프로젝트라면 jsconfig.json에, typescript를 사용하고 있다면 tsconfi.. 2021. 12. 14. React란? 🌱 프로젝트를 시작하기 전에 먼저 react란 무엇인가 알아봅시다. React란? react는 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용됩니다. - react는 facebook에서 제공해주는 프론트엔드 라이브러리라고 볼 수 있습니다. - 싱글 페이지 애플리케이션이나 모바일 애플리케이션의 개발 시 토대로 사용될 수 있습니다. 즉, 현재 많이 활용되고 있는 웹/앱의 View를 개발할 수 있도록 하는 라이브러리라고 볼 수 있습니다. React의 특징 1. Data Flow React는 데이터의 흐름이 한 방향으로만 흐르는 단방향 데이터 흐름을 가집니다. 복잡한 앱에서도 데이터 흐름에서 일어나는 변화를 보다 예측 가능하도록 단방향 흐름을 가지도록 했다고 합니다. 2.. 2021. 12. 10. 이전 1 다음 반응형
