Mac(M1/M2/Intel) 환경에서 Docker와 Colima를 활용해 Oracle Database를 설치하고, SQL Developer로 접속하는 단계별 실습 가이드입니다. Colima VM 시작 시 발생할 수 있는 에러와 해결법도 포함해 누구나 따라 할 수 있도록 구성했습니다. 1. Homebrew 설치 (이미 설치된 경우 생략) /bin/bash -c "$(curl -fsSL https://raw.githubuserco…
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 …