yooputer's devlog

Node.js 설치아래 사이트에서 node.js를 다운받는다. https://nodejs.org/en/download Node.js — Download Node.js®Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 설치 후 아래 명령어로 노드가 제대로 설치되었는지 확인한다npm --version윈도우는 명령 프롬프트에서 실행하기Vue CLI 설치아래 명령어로 vue cli를 설치한다npm install -g @vue/cli 설치 후 아래 명령어로 vue cli가 제대로 설치되었는지 확인한다vue --versionvue 프로젝트 생성아래 명령어로 프로젝트를 생성한다. cd vue create  입력하면 버전..

Development Study 2025. 3. 11. 10:52

Created컨테이너를 실행하기 위한 격리된 공간이 만들어진 상태하지만 CPU와 메모리는 할당받기 전RunningCPU와 메모리를 할당받은 후 실행중인 상태해당 상태에서 rm하기 위해서는 -f 옵션 필요Paused현재 상태를 메모리에 저장해둔 후 CPU는 반환한 상태unpause시 일시정지한 시점부터 재시작Stopped모든 CPU와 메모리를 반환하고 완전히 중단된 상태해당 상태에서 rm 명령어로 삭제 가능Deleted삭제된 상태

Development Study/도커 2025. 3. 11. 10:20

기타도커허브 로그인/로그아웃docker logindocker logout호스트OS에서 발생하는 이벤트 로그 조회docker events이미지이미지 목록 조회docker image lsdocker image ls 이미지의 메타데이터 확인docker image inspect 이미지 다운로드docker pull 이미지명 추가이름이 다른 이미지 생성. 아이디는 동일함docker tag 이미지 업로드docker push 이미지 삭제이미지를 삭제하면 해당 이미지를 참조하던 이미지도 삭제됨docker image rm 이미지 레이어 구성 확인docker image history 커밋현재 컨테이너상태로 이미지 생성docker commit -m 이미지 빌드docker build -t docker build --bu..

Development Study/도커 2025. 3. 11. 10:03

비동기 API 설계리액티브 스트림 이해하기일반적으로 자바에서는 비동기성을 구현하기 위해 쓰레드 풀 사용. 한 요청에 한 스레드 할당쓰레드는 비용이 들고 한정적이므로 비동기방식을 통해 블로킹을 줄여야함. 자바스크립트와 같은 콜백 유틸리티를 사용하여 비동기식 호출을 구현한다. 리액티브 스트림은 데이터 소스인 발행자(publisher)가 구독자(subscriber)에게 데이터를 푸시하는 발행자-구독자 모델이다. 리액티브 API는 이벤트 루프 설계를 기반으로 한 푸시 스타일 알림을 사용한다. 리액티브 스트림에서 데이터 스트림은 비동기적이고 논블로킹이며 백프레셔를 지원한다. 발행자(Publisher)발행자는 한 명 이상의 구독자에게 데이터 스트림을 제공한다. 구독자는 subscriber()메서드를 사용해 발행자를..

Development Study/개발 관련 도서 2025. 2. 3. 08:58

API를 위한 비즈니스 로직 작성HATEOASHypermedia As The Engine Of Application State스프링과 HAL(Hypertext Application Language)를 사용해 구현HAL은 HATEOAS를 구현하기 위한 표준 중 하나다른 표준으로는 Collection+JSON, JSON-LD가 있다서비스 설계 개요4개의 레이어로 이루어진 멀티레이어 아키텍처를 구현할 것이다. 멀티레이어 아키텍처는 DDD(Domain-Driven Design)로 알려진 아키텍처 스타일의 기본 빌딩 블록이다. 바텀업 방식으로 구현. 도메인 레이어부터 구현프레진테이션 레이어사용자 인터페이스 담당애플리케이션 레이어애플리케이션의 전체 흐름을 유지하고 조정. RESTful 웹 서비스, 비동기 API, ..

Development Study/개발 관련 도서 2025. 1. 21. 10:00

datatables.js란? HTML 테이블보다 인터랙티브하고 기능적으로 확장 할 수 있게 도와주는 자바스크립트 플러그인주요 특징과 기능검색 및 필터링: 사용자 입력에 따라 테이블 데이터를 즉시 검색하고 필터링할 수 있습니다. 이는 클라이언트 측에서 이루어지므로 매우 빠르게 작동합니다.정렬: 특정 열의 데이터를 오름차순 또는 내림차순으로 정렬할 수 있습니다. 기본적으로 숫자, 문자열, 날짜 등의 데이터 유형을 인식하여 적절하게 정렬합니다.페이징: 테이블 데이터가 많은 경우 페이지 나누기를 통해 데이터를 나누어 표시할 수 있습니다. 사용자는 페이지 번호를 클릭하여 테이블의 다른 부분을 볼 수 있습니다.Ajax 데이터 로딩: 서버 측에서 데이터베이스와 통합하여 데이터를 가져올 수 있으며, 이 데이터를 비동기..

Development Study/잡기술 2025. 1. 13. 16:05

API 명세 및 구현개요1장과 2장의 지식을 사용해 REST API 구현. 구현을 위해 설계 우선 접근 방식(desing-first approach) 선택OpenAPI 명세를 사용해 API 먼저 설계, 나중에 구현OpenAPI 코드 생성기를 사용하여 모델 및 API 자바 인터페이스에 대한 코드 생성 방법을 배운다. OAS로 API 설계설계 없이 API 코딩을 바로 시작하다보면 잦은 수정, API 관리의 어려움, 개발 외 부서가 API를 검토할 때 생기는 어려움 등 여러 문제가 생기기 때문에 설계 우선 접근 방식을 사용해야 한다. OAS(OpenAPI Specification)는 REST API의 명세 및 설명을 위해 도입됐다. YAML 또는 JSON 마크업 언어로 REST API를 작성할 수 있다OAS는..

Development Study/개발 관련 도서 2025. 1. 13. 09:07

스프링 패턴과 패러다임 이해하기IoC란제어 역전(Inversion of Control)전통적인 CLI 프로그램의 흐름은 프로그래머에 의해 결정된다. UI 기반의 프로그램은 사용자 입력과 이벤트를 기반으로 프로그램의 흐름이 결정된다. 절차적 프로그래밍 방식에서 벗어나 프레임워크나 컴포넌트 같은 외부 소스가 프로그램의 흐름을 결정하는 방식으로 바뀌어야 했다. 객체지향 프로그래밍 방식이 등장하며 프레임워크들에 의존성 주입을 지원하는 IoC 컨테이너 패턴 구현이 보편화됐다. DI란의존성 주입(Dependency Injection)IoC의 한 타입생성자나 설정자, 팩토리 메소드 매개변수, @Autowired 등으로 연결 객체를 사용하고, 프레임워크가 실제로 런타임에 연결 객체를 주입하는 것AOP란관점지향 프로그래..

Development Study/개발 관련 도서 2025. 1. 9. 08:34