React에서 Spring Boot REST API 호출 & CORS 설정 실습 React 프론트엔드에서 Spring Boot 백엔드의 REST API를 호출하고, CORS(Cross-Origin Resource Sharing) 문제를 해결하는 방법을 단계별로 안내합니다. 1) React 컴포넌트에서 API 호출 코드 작성 src/App.js 또는 원하는 컴포넌트에 아래 코드를 추가하세요. imp…
Spring Boot에서 기본 REST API 엔드포인트 만들기 React와 연동하기 위한 백엔드 개발의 첫걸음으로, Spring Boot에서 가장 기본적인 REST API 엔드포인트를 만드는 방법을 단계별로 안내합니다. 1) 컨트롤러 클래스 생성 src/main/java/패키지명/controller 폴더를 만듭니다. (패키지명은 보통 com.example.demo 등 프로젝트에 따라 다릅니다.) …
React 는 2025년에도 여전히 가장 인기 있는 프론트엔드 라이브러리입니다. 이 글에서는 최신 트렌드에 맞춰 React 프론트엔드 개발 환경을 쉽고 빠르게 구축하는 방법을 단계별로 안내합니다. Node.js 설치 , 프로젝트 구조 설계 , 필수 도구 설치 등 실무에 바로 적용할 수 있는 정보를 담았습니다. Node.js와 npm 설치하기 React 프로젝트를 시작하려면 Node.js 와 npm (Node Package Manag…
처음 Visual Studio Code(이하 VSCode)를 설치하고 코딩을 시작하면, 마우스로 클릭하며 메뉴를 찾는 데 많은 시간을 쓰게 됩니다. 하지만 단축키를 익히면 작업 속도가 눈에 띄게 빨라지고, 반복적인 작업도 훨씬 효율적으로 할 수 있습니다. 저 역시 단축키를 익히기 전과 후의 개발 속도가 확연히 달라졌습니다. vscode 단축키, 지금부터 차근차근 익혀보세요! 목차 vscode 단축키란? 꼭 알아야 할 기본 …
요즘 많이 사용하는 VSCode에서 Spring Boot와 Gradle을 활용한 기본 개발 환경을 세팅하는 방법을 단계별로 기록해 보겠습니다. 필수 소프트웨어 설치 JDK 설치 Spring Boot 3.x 이상을 사용하려면 JDK 17 이상 이 필요. 설치 후, 터미널에서 아래 명령어로 정상 설치 여부 확인. java --version …
노션 포트폴리오, 어떻게 만들고 꾸며야 할지 고민만 하고 시작 안하셨나요? 아니면 무료 템플릿을 다운로드 하고 싶으신가요? 노션 포트폴리오 꾸미기에도 최신 디자인 트렌드와 새로운 기능들이 적용되고 있습니다. 나만의 개성을 살리면서도 트렌디하게 꾸미는 꿀팁, 지금부터 확인해보세요. 완성본 미리보기 * 여기서 잠깐 * 아래 내용 보기도 싫다. 만들기도 귀찮다. 그냥 템플릿을 가져다 쓰고 싶다면 아래 무료 템플릿 다운로드를 눌러…