리액트2 react-native와 spring 연동하기 react로 프론트엔드를, spring으로 백엔드를 구성해서 웹사이트 프로젝트를 진행할건데, 이를 위한 환경 구축과 백엔드에서 프론트엔드로 데이터를 받아오는 과정을 진행해보겠습니다. 1. spring project 만들기Spring Tool Suite4에서 File->New->Spring Starter Project를 클릭하면 아래와 같은 화면이 나타납니다. 여기에 프로젝트명, 패키지명 등을 작성한 뒤 Next를 클릭하면, 아래 사진의 화면으로 넘어갑니다. 저는 나중에 MySQL이랑도 연동을 해야되서 SQL 관련 패키지도 같이 체크했어요. 그렇지 않을 분들은 Spring Boot DevTools, Spring Web 정도만 체크해도 됩니다. 그런 뒤에 Finish 버튼을 클릭하면 스프링 프로젝트가 생.. 2024. 2. 22. react-native-app에서 Figma 웹 디자인 적용하기 오늘은 react-native-app을 일반 폴더에 구축하고 이것이 잘 실행되는지 확인해보겠습니다. 이 활동을 하기 위해서는 Node.js, react-native 등 react-native를 실행하기 위한 모든 환경 구축이 되어있는 상태이어야 합니다. 만일 환경 구축이 안되어있다면 환경 구축을 완료하고 이 글을 참고해주세요. 저는 Visual Studio Code에서 해당 활동을 진행하였습니다.먼저 VSCode을 열고 VSCode의 터미널에서 아래와 같이 작성하고 엔터를 칩니다. npx create-react-app [제작할 폴더 명] 그럼 계속 패키지를 다운받다가 아래와 같이 'Happy hacking!'이 나오면서 react 패키지 폴더가 제작됩니다. 이렇게 완료되면 제작한 리엑트 폴더 안에서 s.. 2024. 1. 27. 이전 1 다음
