새로운세계

Nuxt.js 프론트엔드와 Spring Boot 백엔드를 사용해 Oracle DB에서 특정 저장 프로시저의 소스 코드를 조회하고 화면에 표시하는 방법을 소개합니다. Spring Boot에서 저장 프로시저 소스 조회 API를 확장해서, 소스 코드와 함께 저장 프로시저의 파라미터 정보도 함께 반환하도록 수정하겠습니다. Oracle DB에서 파라미터 정보는 USER_ARGUMENTS 또는 ALL_ARGUMENTS 뷰를 통해 조회할 수 있습니다. 아래는 이를 반영한 코드입니다.  Spring Boot: 저장 프로시저 소스 + 파라미터 정보 조회1. 프로젝트 설정 (pom.xml)(이전과 동일, 변경 없음)xml  org.springframework.boot spring-boot-..

FastAPI는 Python으로 RESTful API를 빠르고 쉽게 구현할 수 있는 현대적인 프레임워크로, 비동기 지원과 자동 Swagger UI 같은 강력한 기능을 제공합니다. 아래에서 이를 구체적으로 설명하고, 독립적인 예제를 통해 사용 방법을 보여드리겠습니다.FastAPI란?FastAPI는 Python 3.6 이상에서 동작하며, Starlette(비동기 웹 프레임워크)과 Pydantic(데이터 검증 및 직렬화)을 기반으로 설계되었습니다. Flask와 달리 비동기 처리를 기본으로 지원하며, API 문서 자동 생성과 타입 힌트를 활용한 코드 가독성이 큰 장점입니다.주요 특징: 비동기 지원과 자동 Swagger UI1. 비동기 지원FastAPI는 Python의 asyncio와 async/await 구문을..

Python의 경량 프레임워크 Flask를 사용해 Django 없이 간단한 RESTful API를 구현하는 방법을 소개합니다. GET, POST, PUT, DELETE 메서드로 아이템을 관리하며, Vue.js 프론트엔드와 연동 시 발생할 수 있는 CORS 문제를 flask-cors로 해결합니다. 메모리 내 데이터로 동작하는 기본 예제와 Oracle DB 연결 옵션을 제공하며, 특정 출처와 메서드를 제한하는 CORS 설정도 다룹니다. Vue.js에서 Flask API를 호출하는 간단한 예제 포함. Python으로 Django를 사용하지 않고 간단한 RESTful API를 구현하려면, Flask나 FastAPI 같은 가벼운 프레임워크가 적합합니다. 여기서는 초경량 프레임워크인 Flask를 사용해 간단한 예제..

Nuxt.js 프론트엔드와 Spring Boot 백엔드를 사용해 Oracle DB에서 특정 저장 프로시저의 소스 코드를 조회하고 화면에 표시하는 방법을 소개합니다. 클라이언트에서 프로시저 이름을 입력하면, Spring Boot가 USER_SOURCE 뷰를 쿼리해 소스를 반환하고, Nuxt.js가 이를 화면에 렌더링합니다. 백엔드는 JdbcTemplate을 활용하며, 프론트엔드는 Axios로 API를 호출합니다. Nuxt.js (Vue.js 기반 프론트엔드), Spring Boot (백엔드), Oracle DB 조합에서 클라이언트에서 특정 저장 프로시저(Stored Procedure)를 지정하면 그 소스를 반환하여 화면에 보여주는 예제 코드를 작성해드리겠습니다.전체 흐름Nuxt.js (클라이언트): 사용자..

JavaScript의 ES 모듈(ECMAScript Modules) 시스템은 현대 웹 개발에서 중요한 역할을 합니다. 그 중심에는 import.meta라는 특별한 객체가 있는데, 이 객체는 현재 모듈의 메타데이터를 제공합니다. 이번 글에서는 import.meta의 대표 속성인 import.meta.url을 포함해, 관련 기능들을 기술 블로그 형식으로 살펴보겠습니다. Vue.js와 Vite 환경에서의 활용 예제도 함께 다룹니다.1. import.meta.url: 모듈의 위치를 알아내다import.meta.url은 현재 모듈의 절대 URL을 반환하는 속성입니다. 브라우저나 Node.js 환경에서 파일 경로를 동적으로 가져올 때 유용합니다.브라우저: 위 코드는 현재 .vue 파일의 경로를 템플릿에 출력합니다...