JS

    [Nest] enum => 값 제한 하기

    roles.const.ts@@ -0,0 +1,4 @@export enum RolesEnum{ ADMIN = 'ADMIN', USER='USER',}users.entity.ts@Column({ enum: Object.values(RolesEnum), //객체의 값들을 가져와서 배열로 만듬 default: RolesEnum.USER, //기본값})role: RolesEnum;gpt네, 이 코드는 TypeORM에서 사용되는 엔티티 클래스의 한 필드를 정의하는 부분입니다. 각 부분에 대해 자세히 설명해 드리겠습니다.@Column({ enum: Object.values(RolesEnum), default: RolesEnum.USER,})role: RolesEnum;이 코드의 각 부분을 분석해보겠습니다:..

    [Nest] CRUD 구현, body 받는법

    [Nest] CRUD 구현, body 받는법

    * body 받는법컨트롤러@Post()createPost(@Body() postData: { author: string; title: string; content:string; }){ return this.postsService.createPost(postData.author, postData.title, postData.content);}서비스async createPost(author: string, title: string, content: string){ const post = this.postsRepository.create({ author: author, title: title, content: content, likeCount:0, commentCount:0, ..

    [Nest] typeorm 설정, 모듈생성, 의존성주입, No metadata for "PostsModel" was found 문제해결

    [Nest] typeorm 설정, 모듈생성, 의존성주입, No metadata for "PostsModel" was found 문제해결

    import { Module } from '@nestjs/common';import { AppController } from './app.controller';import { AppService } from './app.service';import { UsersModule } from './users/users.module';import { TypeOrmModule } from "@nestjs/typeorm";@Module({ imports: [ UsersModule, TypeOrmModule.forRoot({ type: 'postgres', host: 'localhost', port: 5432, username: 'postgres', passwo..

    [Nest] Dependency Injection 의존성 주입

    [Nest] Dependency Injection 의존성 주입

    이러면 DI Container가 서비스를 관리해주고service를 사용하는 곳에 같은(싱글톤) 서비스 인스턴스를 주입해준다.

    [FE] 웹사이트 정렬 방식 학습

    [FE] 웹사이트 정렬 방식 학습

    실제 웹페이지, 특히 Naver와 같은 대규모 웹사이트에서 정렬 기능은 주로 다음과 같은 방식으로 구현됩니다:클라이언트 사이드 정렬:작은 데이터셋의 경우, JavaScript를 사용하여 브라우저에서 직접 정렬합니다.장점: 서버 부하 감소, 빠른 응답 시간단점: 대량의 데이터에는 적합하지 않음서버 사이드 정렬:대부분의 경우 이 방식을 사용합니다.데이터베이스 쿼리에 ORDER BY 절을 사용하여 정렬합니다.페이지네이션과 함께 사용하여 대량의 데이터를 효율적으로 처리합니다.AJAX를 이용한 동적 갱신:정렬 버튼 클릭 시 AJAX 요청을 보내 새로운 정렬 결과를 받아옵니다.페이지 전체를 새로고침하지 않고 특정 부분만 업데이트합니다.URL 파라미터 사용:정렬 조건을 URL 파라미터로 포함시켜 상태를 유지합니다. ..

    [FE] what is ESM?

    ESM(ECMAScript Modules)은 JavaScript의 공식 모듈 시스템입니다. ES6(ECMAScript 2015)에서 도입되었으며, 코드를 모듈화하고 재사용 가능한 컴포넌트로 구성할 수 있게 해줍니다. ESM의 주요 특징과 사용법에 대해 설명하겠습니다.주요 특징:정적 구조: 모듈 의존성이 정적으로 분석될 수 있어 더 나은 최적화가 가능합니다.비동기 로딩: 모듈을 비동기적으로 로드할 수 있습니다.명시적 의존성: import/export 문을 통해 의존성을 명확히 표현합니다.순환 의존성 지원: 순환 의존성을 자연스럽게 처리합니다.기본 문법:내보내기 (Exporting):// 단일 내보내기export const name = 'John';export function sayHello() { cons..

    [JS] what is defer in js

    [JS] what is defer in js

    https://ko.javascript.info/script-async-defer defer, async 스크립트 ko.javascript.info