React
-
[React] vite 사용하여 react 개발환경 시작하기React 2024. 2. 10. 00:22
최근들어 `CRA`보다 `vite`를 선호한다는 소식을 들어 이번 코드잇 강의를 수강할 때 사용해볼까 하는 마음으로 알아보았다. 강의 내에서 제작하는 프로젝트들을 `vite`를 사용하여 사용하려 한다. 1. Vite 란? 빠르고 간결한 모던 웹 프로젝트 개발 경험에 초점을 맞춰 탄생한 빌드 도구이다. https://ko.vitejs.dev/ (기본적으로 node.js가 설치되어있어야 하니 주의) Vite Vite, 차세대 프런트엔드 개발 툴 ko.vitejs.dev React 만들 때 CRA(create react-app: 리액트 프로젝트를 시작할 때 필요한 개발 환경을 세팅 해주는 도구) 을 사용하였는데, 자바스크립트는 interpreted 언어이기 때문에 처리해야 할 코드 양이 방대한 경우 CRA를 ..
-
[React] Fragment [<> </>] 사용 이유와 사용법React 2024. 2. 5. 22:40
아무지식 없이 react를 마주하였을 때 매번 함수 컴포넌트 내에서 ` ...` 을 써주었다. 그 이유는 쓰지않으면 오류가나기에,, 제대로 된 이유를 알지 못했다. 그저 사용해야 오류가 나지 않는구나 생각하였는데, 이러한 이유들이 존재했다. 이번에 기초부터 공부를 하며 이유를 알게 되었다. 전체적인 JSX 문법 형식을 몰라서 이러한 일이 발생하지 않았을까 싶다. Fragment란? ``단일 요소가 필요한 상황에서는 요소를 래핑하여 함께 그룹화하는 문법이다. React의 JSX문법을 이용할 때에는 HTML을 반환할 때 반드시 하나로 감싸진 태그를 반환하여야 한다. function App() { return ( 안녕! 리액트! ); } 위와같이 두 개의 태그를 연달아서 작성하게 되면 오류가 발생한다! fun..