AI현지님의 블로그

https://ko.vite.dev/guide/ ViteVite, 프런트엔드 개발의 새로운 기준ko.vite.dev npm create vite@latest restapi --template reactcd restapinpm installnpm run dev// 결과> restapi@0.0.0 dev> vite VITE v6.3.5 ready in 848 ms ➜ Local: http://localhost:5173/ ➜ Network: use --host to expose ➜ press h + enter to show help// vite.config.js 파일import { defineConfig } from 'vite'import react from '@vitejs/plugin-r..

** MyBatisJava 애플리케이션에서 SQL을 XML 또는 어노테이션으로 관리하면서 SQL 결과를 자바 객체에 매핑해주는 ORM 프레임 워크, 자바에서 자주 사용되는 프레임워크* 동작 원리SqlSessionFactory 생성SqlSession 열기Mapper에서 SQL 실행결과를 자바 객체로 매핑SqlSession 닫기https://mybatis.org/mybatis-3/ MyBatis 3 | Introduction – mybatisWhat is MyBatis? MyBatis is a first class persistence framework with support for custom SQL, stored procedures and advanced mappings. MyBatis eliminate..

** MVC2: 웹 애플리케이션에서 요청 처리와 화면 출력을 명확히 분리한 구조로, 서블릿이 컨트롤러 역할을 하여 클라이언트의 요청을 받아 비즈니스 로직을 처리한 뒤, 데이터를 JSP에 전달하고 JSP는 오직 결과 화면만 출력하는 방식→ 스프링 이해하는데에, 도움이 됌.로직과 화면이 분리되어 코드의 재사용성과 유지보수성이 향상되며, 실제 프로젝트와 프레임워크(Spring)에서도 널리 채택되는 구조더보기클라이언트 > 컨트롤러 서블릿 > DAO/DTO > 결과 저장 > JSP 포워딩 * MC1 과 MC2 비교항목MVC1MVC2Controller없음 (jsp가 처리)있음 (Servlet이 처리)ViewJSP가 로직 + 출력JSP는 오직 View코드 재사용낮음높음유지보수성낮음높음사용 기술JSP ..

* EL(Expression Language)JSP에서 자바코드를 직접 쓰지 않고, 간단한 문법으로 데이터를 표현할 수 있도록 도와주는 언어더보기 ↓ (EL로 변환)${name} - 내장객체 값도 찍을 수 있음** 내장 객체 우선순위pageScope : 현재 페이지에서만 사용할 수 있는 속성 (페이지 이동시 자동 삭제)requestScopesessionScopeapplicationScope ** EL의 주요기능${user} → 변수${user.userid} = ${user["userid"]} → 객체${user[0]} → 배열${user["key"]} → 맵 연산 가능 → ${price + 1000} // + - / * mod(나머지) e..

Grandle 의 기본 언어는 Groovy https://livekit.io/ LiveKit | The all-in-one Voice AI platformBuild, deploy, and scale realtime agents. Open source. Enterprise grade.livekit.iopackage com.koreait.servlet;import java.io.*;import jakarta.servlet.http.*;import jakarta.servlet.annotation.*;@WebServlet(name = "helloServlet", value = "/hello-servlet")public class HelloServlet extends HttpServlet { private ..

** Session서버와의 관계를 유지하기 위한 수단서버상에 객체형태로 존재서버당 하나의 세션 객체를 가질 수 있음 ↔ 브라우저 별 서로 다른 세션 사용( = 서로 다른 클라이언트로 인식함 )브라우저 창을 종료하면 삭제 (MaxAge에 따라 간혹가다 유지되는 경우도 있지만, 거의 없음)서버에서만 접근이 가능하여 보안이 좋고, 저장할 수 있는 데이터에 한계가 없음 단, 메모리의 한계가 있음클라이언트의 요청이 발생하면 자동생성되어 고유한 ID값을 클라이언트에 넘겨주며 이것을 쿠키에 저장더보기[ 브라우저 1] → [ 세션객체 ] : 브라우저가 다르면 세션객체가 따로만들어짐[ 브라우저 2] → → ↑ ※ 로그인 유저를 세션 타임 내 요청을 안하면 로그인 불가함..

* 프로젝트 생성 더보기 Ex) www.naver.com[ naver ] ↔ [ nginx ] ↔ [ tomcat (동적변환용도) ]* tomcat10 > webapps > ROOT 파일내부가 실제로 불려지는 목록 프로젝트를 만들때마다 바로바로 실행할 수 있는 파일 설정은 환경변수가 아닌 IJ로 설정한다. ** IJ tomcat 설정파일 → 설정 → 플러그인 → 마켓플레이스 → Smart Tomcat 설치 → IJ 재실행파일 → 설정 → 도구 → 시작 작업 → 새 구성추가 → Smart Tomcat 선택 → Tomcat 폴더경로 설정 ** IJ tomcat 컴파일 등록실행 → 구성 편집 * 웹 개발 방식 Rest 방식 : html에서 fetch와 같은 함수로 데이터만 받은 후에 겹겹히 껴..

서블릿 ( Servlet )자바를 기반으로 웹 서버에서 실행되는 서버 측 프로그램클라이언트의 요청을 처리하고 그에 대한 응답을 생성하는 역할(req,res)을 한다.javax.servlet 패키지에 정의된 인터페이스를 구현하여 작성초기화(init), 요청 처리(service), 종료(destroy)의 생명주기를 가진다.*WAS(Web Application Server)에서 관리WAS ( Web Application Server ) 웹 클라이언트의 요청을 처리하고 데이터베이스나 서버 로직과 연동하여 동적인 웹 컨텐츠를 생성해주는 서버 소프트웨어HTTP 요청을 받아 서블릿, JSP, Spring 같은 웹 애플리케이션 컴퍼넌트를 실행하고, 그 결과를 HTML 형태로 클라이언트에게 응답 ( *웹 서버 + Jav..

서블릿 ( Servlet )자바를 기반으로 웹 서버에서 실행되는 서버 측 프로그램클라이언트의 요청을 처리하고 그에 대한 응답을 생성하는 역할(req,res)을 한다.javax.servlet 패키지에 정의된 인터페이스를 구현하여 작성초기화(init), 요청 처리(service), 종료(destroy)의 생명주기를 가진다.*WAS(Web Application Server)에서 관리WAS ( Web Application Server ) 웹 클라이언트의 요청을 처리하고 데이터베이스나 서버 로직과 연동하여 동적인 웹 컨텐츠를 생성해주는 서버 소프트웨어HTTP 요청을 받아 서블릿, JSP, Spring 같은 웹 애플리케이션 컴퍼넌트를 실행하고, 그 결과를 HTML 형태로 클라이언트에게 응답 ( *웹 서버 + Jav..