티스토리

남느
검색하기

블로그 홈

남느

namn.tistory.com/m

남느 님의 블로그입니다.

구독자
0
방명록 방문하기

주요 글 목록

  • 관계(Relation) 관계(Relation)관계형 데이터베이스는 데이터 중복을 방지하기 위해 테이블간 관계를 사용합니다.테이블 간 관계에는 네 종류가 있습니다.일대일 관계(1:1, One to One)일대다 관계(1:N, One to Many)다대일 관계(N:1, Many to One)다대다 관계(N:M, Many to Many)PL/SQL이나 MyBatis를 사용하던 사람들에게 주의사항데이터베이스 테이블은 부모 자식 관계가 없습니다.하지만 ORM에는 부모 자식 관계가 있다고 생각하세요.관계 옵션옵션설명eagertrue 설정 시 find(), findOne(), QueryBuilder 사용 시 참조하는 엔티티를 항상 조회합니다.기본값 fasle.cascadetrue 설정 시 insert, update 쿼리 시 참조하는 엔티티.. 공감수 0 댓글수 0 2025. 5. 7.
  • Compodoc Compodoc은 Angular 앱 문서화 도구입니다. NestJS에서도 Compodoc이 작동합니다.Compodoc은 API가 아니라 설치 및 실행 방법, 의존성, 코드의 구조 등을 문서화합니다.Compodoc은 사용법이 간단합니다.환경 설정패키지 추가npm i -D @compodoc/compodocpackage.json 파일 수정scripts 객체에 아래 코드를 추가합니다.-p: ts 설정 파일 경로 지정-s: 생성된 문서를 서버에서 제공(지정 안 하면 개별 HTML 파일에서 확인해야 합니다.)--port: 포트 지정. 기본값 8080--watch: 파일 수정 시 자동 재실행-d: 문서 작성 폴더 지정"doc": "npx @compodoc/compodoc -p tsconfig.json -s --por.. 공감수 0 댓글수 0 2025. 5. 6.
  • Swagger SwaggerSwagger는 REST API를 문서화해주는 라이브러리입니다.Swagger 환경 설정패키지 추가npm install @nestjs/swaggermain.ts 파일 수정import { NestFactory } from '@nestjs/core';import { SwaggerModule, DocumentBuilder } from '@nestjs/swagger';import { AppModule } from './app.module';async function bootstrap() { const app = await NestFactory.create(AppModule); // Swagger에 제공할 정보 작성 const swaggerInfo = new DocumentBuilder() .. 공감수 0 댓글수 0 2025. 5. 6.
  • 비밀번호 암호화(Hash, salt) 비밀번호 암호화비밀번호 암호화를 위해 사용하는 기법이 두 가지가 있습니다.해시(Hash): 비밀번호를 암호화하는 기법. 보통 단방향 기법을 사용합니다.salt(이하 조미료): 비밀번호를 해싱할 때 Rainbow Table(무지개 공격!)을 막기 위해 사용하는 기법해싱(Hasing)해싱은 단방향과 양방향 두 종류가 있는데, 비밀번호 암호화 시에는 단방향 기법을 사용합니다.직접 해싱 해보기SHA256 알고리즘 링크어떤 값을 입력하건 고정된 길이의 해시 결과가 나옵니다.단방향인데 어떻게 맞는지 검증하나요?데이터베이스에 저장된 값은 변경시키지 않고, 사용자 입력값만 해싱하여 두 값이 일치하는지 확인합니다.사용자 입력값SHA256으로 해싱한 값데이터베이스에 저장된 값example50d858e0985ecc7f604.. 공감수 1 댓글수 0 2025. 5. 4.
  • JWT(JSON Web Token) JWT(JSON Web Token)JWT는 주로 두 가지 경우에 사용합니다.1. 두 개체 사이에서 정보를 안전하게 전달2. 인증 및 권한 JWT는 세션 기반 인증의 문제점을 해결하기 위해 사용합니다.1. 요청마다 세션을 확인해야 합니다.2. 세션을 데이터베이스에 저장하건, 서버에 저장하건 완전한 무상태가 될 수 없습니다.양방향 암호화를 사용하기 때문에 클라이언트에서 해석이 가능합니다. 또한 클라이언트에 토큰을 저장하기 때문에 정보 유출의 위험이 있습니다. 따라서 비밀번호 같이 민감한 정보를 전달하면 안 됩니다. 클라이언트에서 JWT 전송 시 어떤 방법을 사용해도 상관 없습니다.JWT의 구조JWT는 세 부분으로 구성됩니다.header: 토큰의 타입과 사용된 서명 알고리즘을 정의합니다. 보통 어떤 해싱 알고.. 공감수 0 댓글수 0 2025. 5. 4.
  • 저장소(Repository) 저장소(Repository)저장소는 데이터베이스 CRUD 작업 시 사용하는 인터페이스를 의미합니다.저장소는 동작시 구체적인 엔티티를 참조합니다.CRUD란?C; Create(insert)R; Read(select)U; Update(update)D; Delete(delete)저장소 사용 예시(NestJS)기본적인 CRUD 예제import { Injectable, NotFoundException } from '@nestjs/common';import { Repository } from 'typeorm';import { PostModel } from './entities/posts.entity';import { InjectRepository } from '@nestjs/typeorm';@Injectable()e.. 공감수 0 댓글수 0 2025. 5. 4.
  • 엔티티(Entity) 엔티티(Entity)엔티티는 데이터베이스의 테이블을 정의하는 클래스입니다.데이터베이스에 동일한 이름의 테이블이 없다면 엔티티를 이용해 테이블을 생성하고,테이블과 Entity의 정보가 다르면 Entity를 기준으로 테이블을 수정합니다.엔티티 작성 예시import { Column, Entity, Index, PrimaryGeneratedColumn } from 'typeorm';// 엔티티 선언. 파라미터에 값을 전달하지 않으면 클래스명과 동일한 테이블 생성@Entity({ name: 'posts' })// title에 대한 인덱스 이름 지정@Index('IDX_POST_TITLE', ['title']) // title과 authorId의 복합 유니크 인덱스 이름 지정@Index('IDX_POST_TITLE.. 공감수 1 댓글수 0 2025. 5. 4.
  • TypeORM 환경 설정 패키지 설치npm install typeorm # typeorm 설치npm install @nestjs/typeorm # nestjs를 사용한다면# 데이터베이스 드라이버 설치npm install pg # PostgreSQL or CockroachDBnpm install mysql # MySQL or MariaDBnpm install sqlite3 # SQLitenpm install mssql # Microsoft SQL Servernpm install oracledb # OracleNestJS 환경 설정app.module.ts파일import { Module } from '@nestjs/common';import { AppController } from './app.controller';import { A.. 공감수 0 댓글수 0 2025. 5. 4.
  • TypeORM ORM(Object Relational Mapping)ORM은 SQL을 사용하지 않고 프로그래밍 언어를 사용해 데이터를 다룰 수 있게 하는 기술입니다. ORM의 기본 개념은 객체 지향 언어와 관계형 데이터베이스의 사상의 불일치를 해결하기 위한 기술이지만현실적으로는 SQL을 배우기 귀찮아서 쓴다고 생각합니다.ORM의 장점SQL을 직접 작성하지 않아도 됩니다.데이터베이스가 추상화 되기 때문에 데이터베이스를 변경하기 쉽고, 데이터 이관도 쉬워집니다.ORM의 단점SQL을 모르는 상태로 ORM만 배우면 어떤 쿼리가 좋은 쿼리인지 알 수 없기 때문에 좋은 성능의 코드를 작성하기 어렵습니다.데이터베이스의 내부 동작 원리를 안 배우게 될 가능성이 높습니다.(근데 이건 'SQL'만 아는 상당수의 개발자들도 똑같긴 합니다.. 공감수 1 댓글수 0 2025. 5. 3.
  • 파이프 파이프의 역할과 특징라우팅 핸들러(컨트롤러)가 호출되기 직전에 작동합니다.요청 시 클라이언트에서 송신하는 데이터를 검증 혹은 변환합니다.원본 데이터 혹은 수정된 데이터를 컨트롤러에 전달할 수 있습니다.파이프 내부에서 예외 처리를 할 수 있습니다.비동기식일 수 있습니다.@Injectoble() 데코레이터가 있는 클래스입니다.파이프는 보통 직접 만들지 않고, NestJS 기본 제공 파이프 혹은 class-transformer, class-validator 패키지를 사용합니다.NestJS 기본 제공 파이프@nestjs/common 모듈에 9개의 기본 파이프가 제공됩니다. request 객체는 모두 string으로 전달됩니다.Parse[자료형]Pipe들은 string으로 전달되는 request 객체를 해당 자료.. 공감수 0 댓글수 0 2025. 5. 2.
  • 모델과 DTO 모델과 DTO모델과 DTO 모두 NestJS의 필수 요소가 아닙니다.필수 요소는 아니지만 개발 편의성을 높여주기 때문에 사용합니다.NestJS에서만 사용하는 개념이 아니고, 소프트웨어 공학에서 사용되는 개념입니다.모델모델은 ORM의 종류에 따라 엔티티(Entity), 모델(Model), 스키마(Schema)라고 부릅니다.모델은 데이터베이스의 테이블과 일대일로 대응합니다.모델 작성 방법파일명 규칙은 '모델명.model.ts'입니다.task.model.tsexport class Task { id: string; title: string; description: string;}DTO(Data Transfer Object)DTO는 서버에서 데이터 처리를 위해 여러 단계의 절차를 거치는데 이 과정에서 데이터.. 공감수 1 댓글수 0 2025. 5. 2.
  • 도커 데스크탑 리눅스 설치(mint os) 도커 데스크탑 설치 시 docker-ce-cli, docker-compose-plugin 패키지는 의존성으로 자동 추가 됩니다. docker-ce, containerd.io, docker-buildx-plugin는 설치된 패키지 목록에 없는데 잘 작동하니까 사용 중 문제 생기면 글 수정하겠습니다.# 도커 deb 파일 설치wget -c https://desktop.docker.com/linux/main/amd64/docker-desktop-amd64.deb# 도커 데스크탑 설치sudo apt install ./docker-desktop-amd64.deb# 도커 설치 확인docker run hello-world 공감수 0 댓글수 0 2025. 5. 1.
  • 예외 필터 필터NestJS의 예외 필터는 예외처리를 담당합니다.직접 구현할 일은 거의 없습니다.HTTP / GraphQL, 웹소켓, gRPC의 예외 코드가 다르기 때문에 하나의 서비스를 여러 프로토콜에서 사용한다면필터를 컨트롤러에서 사용하거나사용자 정의 필터를 사용해야 합니다.기본 제공 필터 목록아래 필터들은 HTTP / GraphQL 에러를 발생시킵니다.자주 사용할 것 같은 메서드만 정리했습니다.전체 목록은 공식 문서에서 확인 하세요.메서드응답코드설명BadRequestException400요청이 잘못된 경우UnauthorizedException401권한이 없을 때ForbiddenException403서버가 요청을 거부NotFoundException404서버는 정상이지만 요청한 정보가 없는 경우RequestTime.. 공감수 0 댓글수 0 2025. 4. 24.
  • 프로바이더와 서비스 프로바이더NestJS에서 프로바이더는 의존성 주입을 이용해 다른 구성요소에서 사용 가능한 구성요소를 말합니다.프로바이더의 특징개발자가 작성하는 프로바이더의 대부분은 서비스지만, 변수, 클래스, 동기/비동기식 팩토리 함수에 @Injectable() 데코레이터를 이용하면 의존성 주입이 가능한 프로바이더가 됩니다. 모듈에서 프로바이더를 사용하려면 모듈의 providers 속성에 등록해야 합니다. 모듈의 exports 속성에 명시하면 해당 모듈을 사용하는 다른 모듈에서 해당 프로바이더를 사용할 수 있습니다.프로바이더는 싱글톤입니다. 하나의 프로바이더 인스턴스를 앱 전역에서 공유합니다.서비스프로바이더의 일종입니다. 모든 프로바이더가 서비스는 아니지만, 개발자가 작성하는 대부분의 프로바이더는 서비스입니다.서비스는 .. 공감수 0 댓글수 0 2025. 4. 23.
  • 컨트롤러 컨트롤러의 역할컨트롤러는 어떤 요청을 어떻게 처리하는지 관리하는 역할을 합니다.컨트롤러 생성 방법nest g controller 컨트롤러명nest g co 컨트롤러명 # 약어 사용nest g co 컨트롤러명 --no-spec # 테스트 파일 생성을 원하지 않을 때컨트롤러 모듈 등록 방법컨트롤러를 모듈에 등록해야 컨트롤러가 작동합니다.@Module({ controllers: [AppController],})export class AppModule {}라우팅요청 경로를 처리하기 위한 방법을 라우팅이라 합니다.컨트롤러 자체의 경로와 메소드별 경로를 지정할 수 있습니다.// 컨트롤러 수준의 라우팅// http://url/index 패턴과 일치하면 해당 컨트롤러로 진입후 메서드를 찾습니다.@Controller(.. 공감수 0 댓글수 0 2025. 4. 23.
  • 모듈 모듈의 역할NestJS에서 모듈은 두 가지 역할을 합니다.하나의 큰 기능을 여러 개의 작은 기능으로 나누는 역할관련 있는 기능들을 하나의 단위로 묶는 역할하나의 큰 기능을 여러 개의 작은 기능으로 나누는 역할보통 하나의 앱은 여러 기능들이 있고, 각각의 기능도 세부 기능을 가지고 있습니다. 이 때 모듈 단위로 나누어 관리하면 재사용성이 높아지고 유지보수에 용이해집니다.관련 있는 기능들을 하나의 단위로 묶는 역할하나의 모듈은 여러 개의 업무 처리 절차로 나뉘어 있는데, 이러한 것을 하나로 묶는 역할을 합니다.모듈의 특징NestJS 앱은 최소 한 개 이상의 모듈을 가집니다.각각의 모듈은 별도의 폴더를 만들어 관리하는 것을 권장합니다.모듈은 싱글톤입니다. 동일한 모듈 인스턴스를 여러 모듈에서 사용할 수 있습니.. 공감수 0 댓글수 0 2025. 4. 23.
  • 04. DTO를 사용한 리팩토링 DTO(Data Transfer Object)DTO는 여러 메서드 사이에 데이터를 전달할 때 사용하는 클래스입니다.DTO 사용 이유요청 -> 컨트롤러 -> 서비스 -> 응답에 이르는 과정에서 여러 부분에서 파라미터를 전달합니다.DTO를 사용하지 않으면 전달되어야 하는 데이터가 추가, 수정, 삭제 되는 경우 여러 부분을 수정해야 합니다.DTO 사용 시 DTO 파일만 수정하면 다른 부분은 수정하지 않아도 됩니다.DTO 작성board 폴더에 dtos 폴더를 만들고 board.dto.ts 파일을 만듭니다.board.dto.tsexport class BoardDto { title: string; content: string;}DTO를 사용한 컨트롤러와 서비스 리팩토링board.controller.ts/* 생략.. 공감수 0 댓글수 0 2025. 4. 20.
  • 03. 게시판 모듈 작성 모듈NestJS에서 모듈은 두 가지 역할을 합니다.하나의 큰 기능을 여러 개의 작은 기능으로 나누는 역할관련 있는 스키매틱들을 하나의 단위로 묶는 역할하나의 큰 기능을 여러 개의 작은 기능으로 나누는 역할보통 하나의 앱은 여러 기능들이 있고, 각각의 기능도 세부 기능을 가지고 있습니다. 이 때 모듈 단위로 나누어 관리하면 재사용성이 높아지고 유지보수에 용이해집니다.관련 있는 스키매틱들을 하나의 단위로 묶는 역할하나의 모듈은 여러 개의 업무 처리 절차로 나뉘어 있는데, 이러한 것을 하나로 묶는 역할을 합니다.모듈 파일은모듈이 어떤 파일들을 참조하는지각각의 파일이 어떤 기능을 하는지정의합니다.모듈 생성Nest CLI를 사용해 모듈, 컨트롤러, 서비스를 생성합니다.nest generate module boar.. 공감수 0 댓글수 0 2025. 4. 20.
  • 02. 컨트롤러와 서비스 컨트롤러컨트롤러는 라우팅(Routing) 역할을 합니다.라우팅이란 URL을 통한 요청이 있을 때 어떻게 처리하는지 관리하는 역할을 말합니다. 컨트롤러는 요청을 직접 처리하지 않고, 서비스에 처리를 위임합니다. 라우팅 추가app.controller.ts 파일에 라우팅을 추가합시다.import { Controller, Get, Param } from '@nestjs/common';import { AppService } from './app.service';@Controller()export class AppController { constructor(private readonly appService: AppService) {} @Get() getHello(): string { return this.. 공감수 0 댓글수 0 2025. 4. 18.
  • 01. Nest CLI 및 NestJS 구조 NestJS가 무엇인지는 여기를 참조하세요.Nest CLI 설치Node.js가 설치되어있지 않다면 https://nodejs.org/ 여기에서 다운로드 하세요.Node.js 설치 후 터미널에서 아래 명령어를 실행하세요npm i -g @nestjs/clinest info #버전 확인을 통해 설치 확인NestJS 프로젝트 생성프로젝트 생성을 원하는 폴더에 들어가서 아래 명령어 실행하세요.nest new board-app위 명령어를 실행하면 패키지 매니저를 선택하라고 뜨는데, 잘 모르면 npm을 고르고, 잘 알면 자기가 원하는거 선택하세요.NestJS 프로젝트 실행프로젝트 생성이 끝나면 아래 명령어를 실행하세요.cd board-appnpm run start서버가 실행되면 웹 브라우저에 주소창에 http://l.. 공감수 0 댓글수 0 2025. 4. 14.
  • NestJS의 요청 처리 과정 NestJS 서버에 사용자가 어떤 것을 요청하면 아래 과정을 거쳐 처리한다.부가적인 부분과 실제 요청 처리 부분이 나뉘는 이유인증, 보안, 예외처리, 로그 등 서버를 운영하면서 반드시 필요하지만, 실제 업무 처리 절차와 연관이 없는 부분을 매번 구현하기 보다, 한 번 구현 후 재사용 하는 것이 좋기 때문이다.왜 이렇게 복잡하게 나누는가?객체지향 프로그래밍의 원칙 중 하나인 단일 책임 원칙에 의해 각각의 객체는 하나의 책임만 가지도록 설계한다.각각의 구성요소가 하는 일Controller와 Service 이외에는 직접 구현하는 일이 많지 않다.다른 구성요소들은 보통 이미 구현된 것들을 가져다 쓴다.Middleware : 미들웨어는 보통 3자 라이브러리를 의미하고, 다른 스키매틱이 하는 일을 할 수도 있고, .. 공감수 0 댓글수 0 2025. 4. 14.
  • NestJS 프로젝트 기본 구조 CLI로 프로젝트를 생성하면 프로젝트에 필요한 패키지와 함께 프로젝트의 기본 구조도 같이 생성된다.루트 폴더프로젝트 루트 폴더에 있는 파일들은 설정 파일들이다..gitignore : git 연동 시 무시하는 파일 및 폴더 규칙을 관리하는 파일.prettierrc : 코드를 정리해주는 prettier라는 라이브러리의 설정 파일.eslintrc.config.js : 코드 규칙을 강제하는 ESLint라는 라이브러리의 설정 파일nest-cli.json : NestJS 프로젝트의 구성을 관리하는 파일package.json : 프로젝트에서 사용하는 라이브러리들과 명령어를 관리하는 파일README.md : 프로젝트의 정보를 설명하는 파일tsconfig.build.json : 프로젝트 배포를 위한 빌드 시 제외해야 하.. 공감수 0 댓글수 0 2025. 4. 14.
  • Nest CLI 프레임워크 개발 시 프레임워크에서 사용하는 패키지들을 설치하고, 프레임워크 구조에 맞게 폴더 구조를 만들어야 하는데 이 과정이 쉽지 않다.NestJS는 초기 설정을 위해 Nest CLI라는 기능을 지원한다. Nest CLI는 아래 기능들을 제공한다.프로젝트 생성프로젝트에 필요한 패키지 설치프로젝트 실행/빌드/테스트프로젝트 구성요소 생성Nest CLI 설치npm i -g @nestjs/clinest info #버전 확인을 통해 설치 확인프로젝트 생성nest new 프로젝트명ESLint 설정(윈도우즈 운영체제)윈도우즈의 경우 ESLint 설정에 아래 코드 추가"prettier/prettier": [ "error", { "endOfLine": "auto" } ],프로젝트 시작npm .. 공감수 0 댓글수 0 2025. 4. 14.
  • NestJS란 NestJS는 Node.js 환경에서 서버 애플리케이션을 구축하기 위한 백엔드 프레임워크다.NestJS가 필요한 이유Node.js를 사용한 백엔드 개발 시 가장 많이 사용하는 프레임워크는 Express다.Express는 미들웨어를 연결해주는 역할만 하기 때문에 생기는 문제가 있는데 NestJS는 이 문제들을 해결해준다.구조 문제 해결Node.js 환경의 백엔드 프레임워크들은 파일/폴더 구성을 강제 하지 않는다. 이로 인해 Node.js로 작성된 백엔드 프로젝트들은 개발자마다 파일/폴더 구성이 제각각이라 동일한 프로젝트 안에서도 코드 파악이 어려운 문제가 발생한다.NestJS는 일정한 파일/폴더 구성을 강제해 구조 문제를 해결한다.초기 설정 문제 해결Node.js 환경에서 백엔드 애플리케이션을 구축할 때 .. 공감수 0 댓글수 0 2025. 4. 14.
  • 소프트웨어 개발을 하다가 부딪히는 거지 같은 상황들 소프트웨어 개발이 아닌 다른 분야도 비슷하겠지만, 아래 사항들은 소프트웨어 공학을 완전히 무시하는 사항들이다.컴퓨터 공학과를 나오건, 안 나오건 관리자라면 알아야 하는데 왜 모를까? 소프트웨어 개발자가 아니라 일을 시키는 고객의 입장에서도 본인에게 손해가 되는 것들이니 알았으면 좋겠다. 1. 혹시 필요할 지도 모르니까 만들어 달라고 할 때2. 자기가 뭘 원하는지 모르면서 혹은 자기가 어떤 일을 하는지 정확히 알지 못하고 요구할 때 3. 업무 절차(특히 소프트웨어 생명주기)를 무시할 때4. 더 좋게 만들어줘도 싫다고 할 때5. 대전제를 지키지 않을 때혹시 필요할 지도 모르니까 만들어 달라고 할 때이건 한국이 심하거나 한국에만(혹은 일본도) 있을 것 같다.갑을관계가 없이 계약을 정상적으로 준수하는 국가에서 .. 공감수 2 댓글수 1 2025. 3. 4.
  • MPV 단축키 / 환경 설정 최대한 팟플레이어랑 비슷하게 하려고 했다.단축키 설정 파일~/.config/mpv/input.confCLOSE_WIN quitTAB script-binding stats/display-stats-toggleENTER cycle fullscreen # toggle fullscreenMBTN_MID cycle fullscreenSPACE cycle pause # toggle pauseMBTN_LEFT_DBL cycle paused frame-back-step # go back by one frame and pausef frame-step # advance one frame and pauseLEFT no-osd seek -5RIGHT no-osd seek +5m cycle muteMUTE cycle muteU.. 공감수 0 댓글수 0 2025. 1. 28.
  • flatpak으로 제트브레인 IDE 설치 시 .sh 경고 제거 /var/lib/flatpak/app/com.jetbrains.{IDE명}/x86_64/stable/7b7c[...]/files/bin위의 경로를 찾아서 IDE 파일의 exec 명령어가 있는 줄에 있는 '.sh'를 삭제 공감수 0 댓글수 0 2025. 1. 27.
  • 하모니카에서 리디 설치 및 실행 설치일단 리디북스의 windows 설치파일 다운로드.하모니카를 설치하면 Lutris가 설치되어 있을텐데 Lutris를 실행한 다음 +를 누르자. Install a Windows game from an excutable을 선택 하고,Game name은 영어 알파벳으로 입력(한글로 입력하지 마라)하고,Installer preset은 Windows 10 64-bit로 선택 하고,Locale은 System으로 선택 후 install계속 Continue 누르다가 Select the setup file이 나오면 리디북스 설치파일 선택 후 Install실행 전 설정설치된 Ridi 선택 후 Wine configuration 선택그래픽을 누르고 화면 해상도를 적절하게 선택.이거 안 하면 눈 빠짐 공감수 3 댓글수 0 2025. 1. 27.
  • 하모니카 초기 설정 솔직히 정부에서 하는거고, 한국인이 만든 OS는 개무시했었다.(티맥스의 OS와 DB의 악명을 들었다.) 하모니카 써보니까 민트에 한글 지원 + 기본 설치 프로그램들만 알아서 깔아주는 정도의 실용성이 마음에 든다.시스템 종료 단축키 변경종료의 단축키는 다 제거한다.리눅스의 종료는 shutdown과 poweroff 두 종류인데, 여기서 종료는 강제종료인 shutdown이다.사용자 지정 단축키 추가를 누르고 명령어에 poweroff를 입력하고 단축키를 설정하자.Alt + F4는 프로그램 종료키와 충돌한다. 프로그램 종료와 시스템 종료에 같은 키를 할당할 수는 없다.Nemo 주소창 단축키 변경Nemo는 Cinnamon을 사용하는 mint OS에서 기본으로 사용하는 시스템 탐색기다.열 받게도 Nemo의 기본 주소.. 공감수 0 댓글수 0 2025. 1. 27.
  • vscode 자바스크립트 설정 ESLint자바스크립트 코드의 문제접을 찾아주고, 자동으로 수정해준다.Esling: run 설정이 기본은 onType인데 이건 너무 과하다.Prettier코드를 가독성 있게 변경해준다.default formatter를 Prettier로 적용해야 적용된다.format on save에 체크를 해줘야 저장 시 formatting을 해준다.자동 저장 설정ESLint, Prettier 둘 다 적용됨.onFocusChange는 다른 탭을 열거나 다른 창에서 작업할 때 자동으로 저장하는 옵션이다. 공감수 0 댓글수 0 2025. 1. 12.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.