알아가는 즐거움 알아가는 즐거움

npx로 react typescript를 설치하려고 터미널에 명령어를 입력했다. npx create-react-app my-app --template typescript 그런데 설치가 안되고 아래와 같은 에러가 발생했다. You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.1). We no longer support global installation of Create React App. Please remove any global installs with one of the following commands: - npm uninstall -g create-react-app - yarn global remove..

목적: 얕은 복사와 깊은 복사의 정의와 차이점을 알고 사용방법 익히기 얕은 복사 얕은 복사란 객체를 복사할 때 기존 값과 복사된 값이 같은 참조를 가리키고 있는 것을 말합니다. 객체 안에 객체가 있을 경우 한 개의 객체라도 기존 변수의 객체를 잠조하고 있다면 이를 얕은 복사라고 합니다. 깊은 복사 깊은 복사된 객체는 객체 안에 객체가 있을 경우에도 원본과의 참조가 완전히 끊어진 객체를 말합니다. 원시값을 복사하는 경우 원시값을 복사하면 그 값은 다른 독립적인 메모리에 할당되기 때문에 복사한 값을 수정해도 기존 값에 영향을 주지 않는다. 참조값을 복사하는 경우 참조값을 복사하면 메모리 공간의 참조(주소 값)를 저장하기 때문에, 객체를 수정하면 기존 객체에도 영향을 미친다. 얕은 복사 방법 - slice, ..

목적: React + Typescript를 설치하고 TailwindCSS 세팅하기 React + Typescript + TailwindCSS 세팅을 쉽게 하기 위해서 순서대로 진행하면 됩니다. React app with Typescript 설치하기 npx create-react-app 앱이름 --template typescript TailwindCSS 설치하기 npm install -D tailwindcss postcss autoprefixer TailwindCSS config 파일 만들어주기 npx tailwindcss init -p 생성된 tailwind.config.js의 content에 아래 내용 추가하기 content: ['./src/**/*.{js,jsx,ts,tsx}'], src/index...