반응형 react4 react 기본 개발 우선 react가 뭔지 물어본다.리액트(React)는 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리입니다. 페이스북에서 처음 개발되었으며, 현재는 개발자들에 의해 유지보수되고 있습니다1. 리액트를 이용하면 웹 애플리케이션이나 모바일 애플리케이션을 개발할 수 있습니다. 이 라이브러리는 다음과 같은 특징을 가지고 있습니다: 1. Component 기반 구조: 리액트는 UI를 여러 컴포넌트로 쪼개서 만듭니다. 각 부분을 독립된 컴포넌트로 만들고 이를 조립해 화면을 구성합니다. 이렇게 기능 단위로 캡슐화되어 코드의 유지보수와 관리가 용이해집니다. 2. Virtual DOM: 리액트는 가상의 Document Object Model(Virtual DOM)을 사용하여 화면을 그립니다. 이를 통해 변경이 필요.. 2024. 8. 3. 코틀린 웹뷰에서 리액트 화면 호출하기 기존에 react with typescript + spring boot 개발환경이 연계되어 있다는 가정하에 코틀린에서 웹뷰로 리액트 화면을 부르는 것을 목표로 한다. react with typescript + spring boot 연계는 아래 글 참조https://cgdev.tistory.com/45 react + spring boot 연계하기먼저 react 환경과 spring boot 백엔드 환경을 구축한다. 아래 글 2개를 참고한다. https://cgdev.tistory.com/43 react + typescript 개발환경 세팅하기먼저 Copilot에 물어보자물론입니다! React와 TypeScript를 함cgdev.tistory.com 먼저 Copilot에 물어본다.물론, 코틀린에서 웹뷰를 사.. 2024. 5. 31. (실패기) react with typescript + spring boot 웹소켓으로 연계하기 실패기 이므로 과정에 궁금하지 않으면 이 문서보지 말고 다른 문서를 참조한다. 저번에 Gemini에 react with typescript와 spring boot 연계방법을 물었을 때 REST API로 연계하는 방법 말고 웹소켓으로도 연계가 가능하다고 했다. 그래서 이번엔 웹소켓으로 연계해본다. https://cgdev.tistory.com/45 react + spring boot 연계하기먼저 react 환경과 spring boot 백엔드 환경을 구축한다. 아래 글 2개를 참고한다. https://cgdev.tistory.com/43 react + typescript 개발환경 세팅하기먼저 Copilot에 물어보자물론입니다! React와 TypeScript를 함cgdev.tistory.com 이제 다.. 2024. 5. 26. react + typescript 개발환경 세팅하기 먼저 Copilot에 물어보자물론입니다! React와 TypeScript를 함께 사용하는 개발 환경을 구축하는 방법을 순차적으로 안내해 드리겠습니다. 😊 1. 프로젝트 생성하기: o 먼저, 터미널에서 원하는 프로젝트 경로로 이동합니다. o 아래 명령어를 실행하여 React 프로젝트를 생성합니다. 이때 TypeScript 템플릿을 사용하도록 합니다. 2. npx create-react-app my-app --template typescript 또는 yarn을 사용하시는 경우: yarn create react-app my-app --template typescript 3. Prettier와 ESLint 설치하기: o VSCode에서 Prettier와 ESLint를 찾아 설치합니다. 이 도구들은 코드 스타일.. 2024. 5. 18. 이전 1 다음 반응형