본문 바로가기

Programming & Platform151

JavaScript includes 간편 사용법, 구문, 예시 코드 JavaScript에서 includes 간편 사용법, 구문, 예시 코드 JavaScript에서 includes 메서드는 배열 내에서 특정 요소의 존재를 확인하는 유용한 기능 중 하나입니다. 이 메서드는 특정 값이 배열에 포함되어 있는지 여부를 빠르고 간단하게 확인할 수 있습니다. 이 글에서는 includes 메서드의 사용법과 예시 코드를 통해 그 동작 방식을 자세히 살펴보겠습니다. includes 메서드의 기본 구문 includes 메서드는 배열에 특정 요소가 포함되어 있는지를 확인하는 메서드로, 다음과 같은 구문을 가집니다. array.includes(element, fromIndex) array: 요소를 확인할 배열 element: 확인하고자 하는 요소 fromIndex (선택적): 확인을 시작할 인.. 2023. 12. 31.
JavaScript <script> 태그의 defer 속성, async와 차이 JavaScript의 위의 코드는 HTML 내에 직접 자바스크립트 코드를 작성하는 방법을 보여줍니다. 이렇게 하면 스크립트가 HTML을 파싱하는 동안 실행되며, 웹 페이지의 렌더링을 차단할 수 있습니다. 위의 코드에서 src 속성을 사용하여 외부 스크립트 파일인 script.js를 로드하고, defer 속성을 추가하였습니다. defer 속성의 작동 방식 defer 속성을 사용하면 자바스크립트 파일은 HTML 파싱을 차단하지 않고 로드됩니다. 웹 브라우저는 HTML 파싱을 진행하면서 스크립트 파일을 다운로드하고, 다운로드가 완료되면 스크립트를 실행합니다. 스크립트 실행은 일반적으로 HTML 문서가 완전히 파싱된 후에 발생합니다. 이로써, 웹 페이지의 렌더링은 차단되지 않으면서 스크립트는 적절한 순서로 실행.. 2023. 12. 30.
NestJS JWT 토큰 유효 시간 설정하는 방법 NestJS JWT 토큰 유효 시간 설정하는 방법 NestJS에서 JWT(Json Web Token)을 사용하여 인증을 구현할 때, 토큰의 유효 시간을 설정하는 것은 중요한 보안 고려 사항 중 하나입니다. 이 글에서는 Nest.js의 JwtModule을 사용하여 JWT 토큰의 유효 시간을 설정하는 방법에 대해 알아보겠습니다. NestJS에서 JWT 사용하는 방법 1. 모듈 생성 및 설정 먼저, Nest.js 애플리케이션에서 사용자 모듈(UserModule)과 인증 모듈(AuthModule)을 생성합니다. AuthModule에서는 Passport 및 JwtModule을 설정합니다. // auth.module.ts import { UserModule } from 'src/user/user.module'; i.. 2023. 12. 28.
NestJS 앱의 시작, main.ts 기본 구조 NestJS 앱의 시작, main.ts 기본 구조 우리의 NestJS 앱이 여기서 시작됩니다. main.ts 파일은 우리 앱의 진입점이자, 새로운 모험의 문을 열어주는 열쇠입니다. 이 코드를 통해 앱이 어떻게 생성되고 구동되는지 알아봅시다. main.ts 구조 main.ts 기본 구조 import { ValidationPipe } from '@nestjs/common'; import { NestFactory } from '@nestjs/core'; import { AppModule } from './app.module'; async function bootstrap() { const app = await NestFactory.create(AppModule); app.useGlobalPipes( new V.. 2023. 12. 27.
JavaScript 모듈, import와 export 모듈화하기, 개념, 이점, 예시코드 JavaScript 모듈, import와 export 모듈화하기, 개념, 이점, 예시코드 자바스크립트는 현대적인 웹 개발에서 광범위하게 사용되는 언어 중 하나입니다. 코드의 복잡성을 관리하고 재사용성을 높이기 위해 모듈 시스템은 중요한 역할을 합니다. 이 글에서는 자바스크립트의 import와 export 구문을 사용하여 모듈을 어떻게 만들고 사용하는지에 대해 알아보겠습니다. 모듈의 개념 JavaScript modules - JavaScript | MDN 이 가이드는 JavaScript 모듈 구문을 시작하는데 필요한 모든 것을 제공합니다. developer.mozilla.org 모듈은 코드를 여러 부분으로 나누고, 이러한 부분을 다른 파일에서 재사용할 수 있게 해주는 자바스크립트의 중요한 개념입니다. 모듈.. 2023. 12. 26.
JavaScript Array.From() 메소드 쉽게 사용하기, 예제 소스 코드 제공 JavaScript Array.From() 메소드 쉽게 사용하기, 예제 소스 코드 제공 자바스크립트에서 배열 변환은 종종 필요한 작업 중 하나입니다. Array.from() 메소드는 유사 배열 객체나 이터러블(iterable) 객체를 배열로 간단하게 변환할 수 있는 강력한 도구입니다. 이 글에서는 Array.from() 메소드의 정의, 사용법, 그리고 예시 코드를 통해 이해해보겠습니다. Array.from() 메소드란 무엇인가? Array.from() 메소드는 ECMAScript 6(ECMAScript 2015)에서 도입되었으며, 배열로 변환하고자 하는 유사 배열 객체나 이터러블 객체를 입력으로 받아 새로운 배열을 반환합니다. 이 메소드는 이터러블한 모든 객체에 사용할 수 있으며, 자주 사용되는 유용한 .. 2023. 12. 25.
JavaScript 유사 배열 객체 쉽게 배우기, 예제 소스 코드 제공 JavaScript 유사 배열 객체 쉽게 배우기, 예제 소스 코드 제공 자바스크립트에서 배열과 유사한 객체를 다뤄야 할 때가 있습니다. 이러한 객체를 유사 배열 객체라고 합니다. 이 글에서는 유사 배열 객체의 정의, 특징, 그리고 어떻게 다루어야 하는지에 대해 알아보겠습니다. 유사 배열 객체란 무엇인가? 유사 배열 객체는 배열처럼 보이고 동작하는 객체입니다. 하지만 배열이 아닌 객체입니다. 유사 배열 객체는 다음과 같은 특징을 가집니다. 숫자 인덱스를 갖는다. length 프로퍼티를 갖는다. 배열 메소드 중 일부를 사용할 수 있다. 유사 배열 객체의 예시 가장 일반적인 유사 배열 객체는 DOM 요소 리스트입니다. JavaScript 명시적 this 바인딩, apply 메소드 쉽게 배우기 - 예시 코드 제.. 2023. 12. 24.
TypeScript 학습 체크리스트 - boolean, number, String, tuple, enum, 배열의 사용법 TypeScript 학습 체크리스트 - boolean, number, String, tuple, enum, 배열의 사용법 TypeScript 강의 수강 후 배운 내용을 정리하고 궁금한 부분 추가하면서 작성해봤습니다. TypeScript 개념 체크리스트 ✅ ✅ boolean, number, String, tuple, enum, 배열의 사용법을 이해합니다. boolean, number, string, tuple, enum, 배열 사용법 boolean boolean 타입은 참(true), 거짓(false) 값을 나타냅니다. 두 값만 가질 수 있으며, 조건문, 비교 연산 등에서 주로 사용됩니다. function isValidPassword(password: string): boolean { return pass.. 2023. 12. 23.
TypeScript 학습 체크리스트 - tsconfig.json 용도, 사용법, 주요 옵션 TypeScript 학습 체크리스트 - tsconfig.json 용도, 사용법, 주요 옵션 TypeScript 강의 수강 후 숙지 및 개념 정리를 위해 체크리스트와 함께 배운 내용을 아래 작성했습니다. TypeScript 개념 체크리스트 ✅ ✅ tsconfig.json의 필수 옵션들을 숙지합니다. tsconfig.json 이란? tsconfig.json은 tsc --init 명령어로 만들어지는 파일입니다. TypeScript 프로젝트의 설정 파일로, 주로 프로젝트의 컴파일 옵션 및 입력 파일들을 정의하는 데 사용합니다. tsconfig.json 주요 옵션 compilerOptions - target 옵션 해당 TypeScript 프로젝트 내 코드들이 어떤 JavaScript 버전으로 변환할지 정하는 옵션.. 2023. 12. 22.