DBILITY

css에 능통하지 않더라도 react-transition-group이라는 컴포넌트가 있다. 세상 참 좋다. PS C:\Dev64\workspace\react001> npm install react-transition-group@^4.4.2 PS C:\Dev64\workspace\react001> npm list react001@0.1.0 C:\Dev64\workspace\react001 +-- @testing-library/jest-dom@5.16.1 +-- @testing-library/react@12.1.2 +-- @testing-library/user-event@13.5.0 +-- axios@0.24.0 +-- bootstrap@4.6.1 +-- react-bootstrap@1.6.4 +-- rea..

https://react-bootstrap.github.io/ React-Bootstrap The most popular front-end framework, rebuilt for React. react-bootstrap.github.io v4를 쓸 거라 다음과 같이 Terminal에서 실행했다. PS C:\Dev64\workspace\project> npm install react-bootstrap@1.6.4 bootstrap@4.6.0 PS C:\Dev64\workspace\project> npm list reactshop@0.1.0 C:\Dev64\workspace\project +-- @testing-library/jest-dom@5.16.1 +-- @testing-library/react@12...

https://sass-lang.com/guide Sass: Sass Basics Before you can use Sass, you need to set it up on your project. If you want to just browse here, go ahead, but we recommend you go install Sass first. Go here if you want to learn how to get everything set up. Preprocessing CSS on its own can be fun, but s sass-lang.com CSS Preprocessor! 말 그대로 CSS 전처리기다. 그냥 코드 한번 살펴보면 된다. 정의된 파일을 @import할 수 있고, 변수($v..

자세한 것은 공식사이트 참고하자. PS C:\Dev64\workspace> npm install -g npm-check-updates PS C:\Dev64\workspace> ncu -u #특정버전으로 PS C:\Dev64\workspace> npm install -g create-react-app@^v5.0.0

Setting의 Languages & Frameworks-> TypeScript -> Recompile on changes [그림1]처럼 선택하면 된다. 프로젝트 루트에 tsconfig.json을 만들고 다음과 같이 입력한다. { "compilerOptions": { "target": "ES5", "module": "CommonJS", "noImplicitAny": true, "strictNullChecks": true }, "files": ["0001.ts","0002.ts"] } files는 지정하지 않으면 전부 다 https://typescript-kr.github.io/pages/tsconfig.json.html TypeScript 한글 문서 TypeScript 한글 번역 문서입니다 typescr..