minjava 님의 블로그

1. 뭐임?- 자바 Persistence 프레임워크 (xml이나 어노테이션으로 SQL문을 기술- 데이터베이스를 쉽게 다룰 수 있도록 도와주는 오픈소스 프레임워크- 데이터베이스 쿼리, 프로그래밍 언어 코드 -> 두 개를 분리하여 유지보수성과 생산성 높높 2. 왜씀?- MyBatis를 사용하면 db를 쉽게 다룰 수 있음- preparedStatement 등 쿼리문 복잡하게 입력 안하고 실제 쿼리문과 유사하게 작성 가능- 동적 쿼리 작성 가능- 캐시 기능을 제공해 데이터베이스 연산속도를 높일 수 있음 등등등 3. 사용 순서의존성 설정 -> db 설정 -> MyBatis 설정 -> Mapper 인터페이스 작성 -> XML 작성 -> MyBatis사용1) 스프링 프로젝트 생성 후 필요한 의존성 추가 (sprin..

1. 쿠키가 뭐임 - 브라우저에 저장되는 작은 데이터 - 정의서버가 브라우저에 심어두는 작은 데이터 (key-value쌍)인증(로그인 유지)뿐만 아니라 언어설정 같은 사용자 환경설정도 저장클라이언트 개인장치(브라우저)에 저장됨 - 예시팝업창 안뜨게 / 아이디, 비번 저장 / 장바구니 - 왜씀?웹사이트의 기본 기능 활성화 (탐색, 로그인 유지, 보안 영역 접근 등)사용자 맞춤 환경 제공 (언어, 지역 등 설정 유지)방문자 행동 분석 (익명 수집, 보고를 통해 웹사이트 운영자가 방문자와 웹사이트 사이의 상호작용 이해 도움ㄱㄱ) - 특징자동 전송 (사용자가 따로 처리 안해도 HTTP가 요청시 Header에 실림.)도메인, 경로 제한 (A사이트 쿠키는 A에만 전송)유효기간 존재 (Session Cookie, P..

Vue 애플리케이션 내부에서만 쓰이는 상태 State 관리 도구프론트엔드에서만 동작하는 공통 저장소 역할Vue 앱 내 임시 메모리 -> 새로 고침하면 사라짐보통 백엔드에서 데이터를 가져와 Pinia에 저장해두고 화면에서 활용 1. 여러 컴포넌트가 공유하는 데이터 저장-> 예) animals 배열을 A컴포넌트에서 추가하면, B컴포넌트에서도 자동으로 같이 반영됨-> 컴포넌트끼리 props로 계속 전달할 필요 없어짐 2. 상태(모드, 선택값 등) 유지-> mode = 'add' | 'modify', selectedIndex 같은 UI상태를 저장-> 화면을 이동하거나 컴포넌트를 바꿔도 이 값들이 유지됨 3. 공통 로직/함수 ㅓㅈ장-> 예) addAnimal(), removeAnimal(), updateAnima..

PowerShell에서 create-vue를 이용해 프로젝트를 만들고, 실행 서버를 띄우는 과정을 단계별로 정리 0. 프로젝트 실행할 폴더 접속1. 프로젝트 생성 명령어 실행npm create vue@latestnpm create vue@latest → 공식 Vue CLI 스캐폴딩 도구 실행.내부적으로 npx create-vue를 호출하여 최신 템플릿 기반 프로젝트를 생성2. 프로젝트 설정 과정Project name: 프로젝트 이름 입력 (예: layout03)Select features: Router(라우팅), Pinia(상태 관리) 등을 선택 가능Experimental features: 현재는 none 선택Skip example code?: 예제 코드 포함 여부 → 학습 시에는 No가 편리➡️ 입력이..

- Node.js 기반의 서버 프레임워크 (ubiaccess-framework = Express.js 기반 미니 프레임워크)- Spring 같은 대형 프레임워크보다는 훨씬 단순하게, Express.js를 확장해서 DB 연결, 컨트롤러 관리, 라우팅 등을 빠르게 만들 수 있도록 구성된 구조 Controller로 라우팅을 관리Database/Helper로 DB 쿼리 관리util로 응답 포맷·공용 기능 관리Express + MySQL을 쓰지만, Java Spring 같은 어노테이션 느낌(@Controller, @RequestMapping)을 흉내냄.DB 쿼리 실행 → 데이터 가공 → 응답 포맷 통일을 도와주는 구조 주요 구성 요소 1. loader서버를 처음 시작할 때, 각종 컨트롤러, 모델, 설정 파일을 불..