본문 바로가기

Vite2

[React] vite, Cra(Create React App) 없이 Developement Environment 구성하기. 1. 개요토스 커리어즈에 토스 채용 공고 중 토스가 사용하는 기술 칸이다. 빌드 툴을 보면 4가지나 빌드 하는 과정에 빌드 툴을 사용하고 있는데, 각 회사의 프로젝트마다, 회사의 특성 마다 이러한 기술사용 스택은 얼마든지 변화하고, 변경되거나, 또한 내가 몰랐던 빌드, 기술을 사용할 가능성이 크기 때문에 이를 위해서는 vite나 cra같이 간편하게 설정을 해주고, 템플릿을 지정해주고 커스터마이징이 제약된 환경보다는 커스터마이징이 자유롭고  , 엄청 큰 프로젝트나, 여러가지 환경이 필요한 상황일 때는 vite, cra없이 개발 환경을 구성하는 것이 필요하다고 생각이 되어 포스팅을 작성하게 되었다. 2. Example2-1. React 환경 생성 및 테스트 https://ko.legacy.reactjs.or.. 2024. 8. 20.
[React] Styled-Components 개요1. className 을 지정하여 , 별도의 css파일에서 Styled를 지정하는 방법.  div>'        a href="https://vitejs.dev" target="_blank">          img src={viteLogo} className="logo" alt="Vite logo" />        a>      div>하나의 예시로 className은 logo로 지정되어 있기에 상단에서import './App.css'App.css 파일을 import 하고 있기에, .logo {  height: 6em;  padding: 1.5em;  will-change: filter;  transition: filter 300ms;} App.css에서는 이러한 className에 대한 st.. 2024. 8. 20.