전체 글 40

Vue - Pinia

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

Vue 프로젝트 생성부터 실행까지 — Windows PowerShell 기준

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가 편리➡️ 입력이..

카테고리 없음 2025.08.25

ubiaccess-framework

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

java _ heeman _ 1,2,3

Array[Java] Collection이란? [Java] Collection이란?Collection은 객체의 모음, 그룹입니다.자바에서 모든 Collection 클래스와 인터페이스를 포함 하는"Collection Framework"라는 개념이 JDK 1.2에서 정의가 되었습니다.Collection 인터페이스(java.util.Collection)velog.io ☕ 자바는 Call by reference 개념이 없다 ❓ ☕ 자바는 Call by reference 개념이 없다 ❓자바의 Call by Value / Call by Reference 프로그래밍을 하다보면 반드시 마주치는 것이 바로 call by value / call by reference 개념이다. 함수의 매개변수에서 값을 복사하느냐 주소값을..

java _ heeman _ 과제 모음

과제 1업앤다운 게임입니다.1부터 100사이의 임의 숫자를 생성해둡니다.사용자로부터 숫자를 입력받습니다.입력숫자가 임의숫자보다 크면 아래란 문자열 출력작으면 위 라는 문자열 출력그래서 몇번만에 맞췄는지를 출력해줍니다.0아래이거나 100보다 크면 다시 입력하게 합니다.옵션 : 그동안 입력한 숫자를 저장하여 출력합니다^^package myjdbc;import java.util.ArrayList;import java.util.Scanner;public class Ex01 { public static void main(String[] args) { ArrayList array1 = new ArrayList(); // 업앤다운 게임 // 1부터 100까지 임의 숫자 생성 int rand..

MySQL _ 과제 모음 _ heeman

과제 1사번, 성명, 급여, 입사일자, 이메일주소를 출력하시오. (결과가 존재하지 않을 수도 있습니다.)- 급여가 10000이상이어야 합니다.- 커미션지급대상이어야 합니다.- 부서가 80이거나 100이어야 합니다.- 그리고 관리자가 있어야 합니다.- 그리고 직무가 'P'로 시작되는 이름이어야 합니다.입사일자가 빠른 순서로 정렬하시오! 과제 22000년1월1일 이후 입사자입니다.- 연봉은 커미션을 반영한 급여의 12배입니다.- 연봉은 원화로 표시합니다.(환율 : 1389)- 연봉은 천원 단위로 반올림합니다.- 연봉은 천원 단위로 콤마를 부여합니다.- 근속년수는 소수2째자리까지 표시합니다.- 성명은 성과 명을 합하여 출력합니다. 각 첫글자를 대문자로 합니다.과제 3급여의 등급을 함께 출력하시오.부서번호, 성..