티스토리

왈왈이의 기술블로그

검색하기

블로그 홈

왈왈이의 기술블로그

walwaldev.tistory.com/m

Backend 개발자 탄생 중

구독자: 12

방명록 방문하기

728x90

주요 글 목록

NestJS 커스텀 데코레이터 사용법 네스트에서의 데코레이터네스트에서는 데코레이터라는 기능을 사용할 수 있다.데코레이터는 다른 언어들에서는 흔하게 사용되는 개념이지만, 자바스크립트 진영에서는 아직은 낯선 편이다.데코레이터의 정의를 간단히 살펴보면 아래와 같다.ES2016에서 데코레이터란 함수를 반환하고, 인자로 대상(target), 이름, 프로퍼티 설명자(property descriptor)를 받을 수 있다. @를 앞에 붙여, 데코레이트하고 싶은 것 위에 위치시킨다. 데코레이터는 클래스, 메서드, 또는 프로퍼티로 정의될 수 있다. 네스트 Param 데코레이터네스트는 http 라우터 핸들러와 사용할 수 있는 파라미터 데코레이터(param decorators)를 제공한다.아래는 네스트에서 제공하는 데코레이터와 그들이 의미하는 Express(혹은.. 공감수 1 댓글수 5 2025. 2. 2.
NestJS 커스텀 프로바이더 사용법 커스텀 프로바이더가 필요한 이유종종 Nest에서 제공하는 클래스 프로바이더 형태가 아니라,그 외의 형태로 프로바이더를 사용하고 싶을 때가 있다.네스트는 커스텀 프로바이더라는 기능으로 프로바이더에 다양한 자율성을 주고 있다. 네스트의 일반적인 프로바이더커스텀 프로바이더에 대해 알아보기 전에,먼저 일반적인 형태의 프로바이더를 살펴보자.@Module({ controllers: [CatsController], providers: [CatsService],}) @Module() 데코레이터에서providers는 provider로 구성된 배열을 받는다.우리는 보통 클래스의 이름을 배열에 넣는다.그러나 사실 클래스 이름을 넣는 것은, 간단히 표현한 형태이고, 정석대로 표현하면 아래와 같다.providers: [ .. 공감수 2 댓글수 3 2025. 1. 5.
PM2, node.js 상용 배포를 위한 프로세스 매니저 PM2란PM2(Process Manager 2)는 node.js 애플리케이션의 상용 프로세스를 관리하는 도구이다.빌트인 로드 밸런서를 가지고 있다.애플리케이션이 종료되지 않도록 유지해주며, 다운타임 없이 재시작 할 수 있게 해준다. 설치npm install pm2 -g npm으로 pm2를 설치할 수 있다. 사용 방법1. 애플리케이션 시작pm2 start app.js 터미널에서 pm2 start 명령어로 애플리케이션을 실행시키면 앱이 데몬 모드로 실행되고, 모니터링되고, 종료되지 않는다. 2. 실행되는 애플리케이션 관리pm2 list pm2 list 명령어를 실행하면 실행되고 있는 애플리케이션의 상태를 볼 수 있다.3. 애플리케이션 중지, 재시작, 삭제(종료)pm2 stop pm2 restart pm2 d.. 공감수 4 댓글수 3 2024. 9. 29.
node.js 환경에서 java 코드를 사용하는 방법 (npm java) Node.js에서 Java를 실행해야 하는 상황 발생node.js 서버를 운영하다 보면자바 코드를 사용하고 싶은 (혹은 사용해야만 하는) 경우가 생기기도 한다.(특히 자바 공화국이라고도 불리는 이 나라에서는 더더욱...) 최근 업무 중 KISA 한국 인터넷 진흥원에서 제공하는 암호화 방식을 사용해야 했는데,KISA에서 제공하는 소스 코드와 매뉴얼이 자바로만 작성되어 있었다. 자바 코드를 모두 node.js 코드로 변환하는 것도 옵션이었다. 하지만 함께 사용해야 했던 또 다른 암호화 방식은사기업이 제공하여 소스 코드를 제공하지 않은 채jar 파일만(여러개의 자바클래스 파일과 메타데이터, 리소스(텍스트, 이미지 등)를 하나의 파일로 모아서 배포하기 위한 패키지 파일)제공되었기 때문에node.js 코드로 변환.. 공감수 0 댓글수 5 2024. 8. 17.
NestJS API 응답에서 불필요한 프로퍼티를 제외하는 방법 0. 응답에서 일부 프로퍼티를 제외해야 하는 이유서버에서 클라이언트로 응답을 보낼 때,불필요한 프로퍼티를 제외하고 보내거나,민감한 정보를 반드시 제외하고 보내야 하는 상황들이 발생한다. 예를 들어, 유저 정보를 응답할 때비밀번호는 반드시 제외되어야 하는 경우 등이다. 혹은 클라이언트에서는 유저의 닉네임만 필요한데,유저 객체의 프로퍼티가 15개나 된다면나머지를 모두 제외하고 보내고 싶은 상황 등이 있다.1. @Exclude(), @Expose() 데코레이터class-transformer 패키지에서 제공하는@Exclude(), @Expose() 데코레이터를 응답 Dto에서 사용하면응답으로 내보낼 혹은 제외할 프로퍼티를 편리하게 지정할 수 있다. 응답이 직렬화될 때 dto에서 설정한 Exclude, Expos.. 공감수 0 댓글수 2 2024. 8. 3.
NestJS 전역 CacheManager로 Redis 사용하기 1. CacheManager 사용 이유NestJS에서 캐싱을 위해 redis를 사용할 때직접 RedisModule과 RedisService를 정의하여 사용할 수도 있지만,@nestjs/cache-manager 와 cache-manager 라이브러리를 사용하면 훨씬 간단하다. service를 정의해서 사용할 때는redis 서버에 command를 보내는 메서드를 모두 직접 구현해 사용해야 한다. 라이브러리를 사용하면get, set, reset, del 등 흔히 사용하는 커맨드들이 제공되어바로 사용할 수 있다. 2. CacheManager 사용 방법캐시 매니저 라이브러리 사용에 대해서는NestJS 공식문서에서도 안내하고 있다. [공식 문서]$ npm install @nestjs/cache-manager cac.. 공감수 2 댓글수 3 2024. 7. 6.
[개념 정리] 자바스크립트 prototype & prototypal 상속 프로토타입이란 자바스크립트는 객체 간의 상속이 이루어질 때 C언어나 Java와는 다른 방식으로 상속이 이루어진다. 객체를 복사하는 방식으로 상속을 구현하는 다른 언어들과 달리 자바스크립트는 자신만의 속성들 + 프로토타입 객체에 대한 링크를 가진다. 프로토타입은 체인처럼 위에서 아래로 쭉 연결되어 있으며, 자신에게 연결된 프로토타입부터 위로 올라가며 프로토타입 체인의 종단에 이를 때까지 속성을 탐색할 수 있다. 모든 객체가 자기 자신의 속성을 보관하는 주머니와, 부모/조상 객체의 연결 주머니와도 연결된 연결 주머니(prototype)을 가진다고 이해할 수 있다. 이 둘이 혼동되기 쉬운데, 이 둘은 완전히 별개의 두 주머니라고 이해하는 것이 이해가 쉽다. 예를 들어 함수를 작성하고 그 함수를 생성자로 사용하.. 공감수 1 댓글수 0 2023. 9. 18.
[JS문법] 이스케이프 시퀀스 종류 정리 자바스크립트에서 '', "" 등으로 표현하는 일반 문자열 내에서 줄바꿈 등을 표현하기 위해서는 아래와 같은 이스케이프 시퀀스를 사용해야 한다. 이스케이프 시퀀스 의미 \0 Null \b 백스페이스 \f 폼 피드: 프린터로 출력할 경우 다음 페이지의 시작 지점으로 이동 \n 개행: 다음 행으로 이동 (가장 흔히 사용) \r 개행: 커서를 처음으로 이동 \t 탭(수평) \v 탭(수직) \uXXXX 유니코드. 예를 들어, '\u0041'은 'A', '\uD55c'는 '한'을 의미함 \' 작은 따옴표 \" 큰 따옴표 \\ 백슬래시 이스케이프 시퀀스 없이 줄바꿈 등을 표현하고 싶다면 ``(백틱)으로 문자열을 표현하면 된다. 공감수 0 댓글수 0 2023. 8. 9.
[js 메서드] 배열.find() 자바스크립트에서 배열에 사용할 수 있는 find() 메서드는 인자로 입력하는 판별 함수를 만족하는 첫번째 요소의 값을 반환한다. 원하는 값이 없는 경우 undefined를 반환한다. 찾는 값의 index를 반환하고 값이 없을 때 -1을 반환하는 indexOf()와는 차이점이 있다. 사용 예시는 아래와 같다. const array1 = [5, 12, 8, 130, 44]; const found = array1.find(element => element > 10); console.log(found); // Expected output: 12 문법은 아래와 같다. arr.find(callback) (두 번째 인자로 객체를 넣을 수 있지만 복잡하니 생략하자.) callback 함수의 인자로는 순서대로 아래의 세.. 공감수 0 댓글수 0 2023. 6. 18.
[js 내장 객체] Map 자바스크립트의 내장 객체인 Map은 일반 객체의 훌륭한 대안으로 사용된다. 평소 객체로는 한계가 있었던 많은 부분을 Map은 해결해주고 있다. Map 객체는 아래와 같이 생성한다. const myMap = new Map(); 주요 메서드 5개는 아래와 같다. 1. set() 객체에 프로퍼티를 추가하기 위해 사용하는 메서드이다. key와 value를 동시에 인자로 넣는다. myMap.set('key4', 'value4'); myMap.set('key5', 'value5'); 다만, 중복된 키값이 동시에 존재할 수 없으며, 후에 동일한 key로 set()메서드를 실행하면 value가 대체된다. 2. get() 키로 value를 불러올 때 사용하는 메서드이다. 일반적인 객체처럼 map.key 형태로는 사용할 .. 공감수 0 댓글수 1 2023. 6. 16.
[js 내장 객체] Set 자바스크립트의 내장 객체인 Set은 중복을 허용하지 않는 값의 집합이다. 모든 값들이 unique하며, 삽입한 순서대로 순서가 유지된다. 배열에서 중복된 값들을 제외하고 보고 싶을 때가 많은데 그 때 Set객체가 아주 유용하다. 아래와 같이 새로운 set객체를 생성할 수 있다. const mySet = new Set(); 이렇게 만들면 빈 객체가 만들어지고, 아래와 같이 처음 생성 시 값을 넣어 만들 수도 있다. const mySet = new Set([1, 2, 3]); console.log(mySet); // Set(3) {1,2,3} 주요 메서드에는 아래와 같이 4가지 메서드가 있다. 1. add() 인자로 넣은 값을 객체에 추가한다. mySet.add("fish"); mySet.add("lion".. 공감수 0 댓글수 0 2023. 6. 16.
[js 메서드] 배열.sort() 자바스크립트 내장 메서드인 array.sort()는 배열의 요소를 정렬하는 메서드이다. sort()메서드는 원본 배열을 변경하므로 주의. 새로운 배열이 만들어지는 것이 아니다. 인자를 삽입하지 않고 array.sort()를 그대로 사용할 경우 유니코드 코드 포인트(문자열 순서)에 따라 정렬한다. 이는 숫자로 구성된 배열을 정렬할 때 특히 주의하여야 한다. 숫자라도 문자열로 인식했을 때의 기준으로 정렬되기 때문이다. 아래의 예시를 참고하자. const months = ['March', 'Jan', 'Feb', 'Dec']; months.sort(); console.log(months); // Expected output: Array ["Dec", "Feb", "Jan", "March"] const arra.. 공감수 0 댓글수 0 2023. 6. 16.
[js 메서드] 배열.reduce() 배열에 사용하는 reduce()메서드는 배열의 각 요소에 콜백 함수를 실행하여 `하나의 값`을 반환한다. 이때 accumulator를 사용할 수 있는 것이 특징적인데, accumulator라는 인자를 사용하여, 요소를 순회하며 콜백을 실행할 때 accumulator에 값을 저장해 다음 요소의 콜백에 넘길 수 있다. 아래와 같이 reduce 메서드는 callback 함수와 initial value 두 개의 인자를 받는다. initial value는 accumulator의 초기값으로, 입력하지 않으면 배열[0]이 할당된다. arr.reduce(callback, initialValue) callback함수는 최대 4개의 인자를 아래 순서대로 받는다. currentIndex와 array는 생략 가능하다. 1. .. 공감수 0 댓글수 0 2023. 6. 16.
[js 메서드] 배열.slice() slice() 메서드는 어떤 배열의 시작 위치부터 끝 위치까지(끝 위치의 값은 미포함) 값을 복사하여 새로운 배열을 반환한다. 원본 배열은 바뀌지 않음. 문법은 아래와 같다. arr.slice([begin[, end]]) mdn에서 가져온 사용 예시는 아래와 같다. const animals = ['ant', 'bison', 'camel', 'duck', 'elephant']; console.log(animals.slice(2)); // 1. 결과: Array ["camel", "duck", "elephant"] console.log(animals.slice(2, 4)); // 2. 결과: Array ["camel", "duck"] console.log(animals.slice(1, 5)); // 3. 결.. 공감수 0 댓글수 0 2023. 6. 13.
[TypeScript] Item[] 타입과 빈배열 특정 객체로 이루어진 배열로 타입을 지정해둔 값에 빈배열이 들어간다면 오류가 안 날까? 정답은 '오류가 안 난다.' 아래는 chatGPT의 답변이다. TypeScript에서 함수의 반환 타입을 `CarModel[]`로 지정하고 해당 함수에서 빈 배열을 반환하는 경우, 에러가 발생하지 않습니다. TypeScript는 정적 타입 검사를 수행하며, 빈 배열은 `CarModel[]` 타입에 할당 가능한 유효한 값이기 때문입니다. 예를 들어, 다음과 같이 함수의 반환 타입을 `CarModel[]`로 지정한 경우를 살펴봅시다: function getCarModels(): CarModel[] { return []; } 위 예제에서 `getCarModels` 함수는 빈 배열을 반환하고 있습니다. 이 경우 `CarMod.. 공감수 0 댓글수 0 2023. 5. 19.
[TIL][NestJS] @Param() 데코레이터 사용 시 주의사항 (+Typeorm) 오늘의 삽질... controller에서 아래와 같이 단순한 get요청 처리 함수를 만들고 @Get('brands/:id') getModelsByBrand(@Param() id: number) { return this.carsService.getModelsByBrand(id); } service에서 아래와 같은 단순한 데이터 조회 쿼리문을 작성하는데, async getModelsByBrand(id: number) { const selectedBrand = await this.brandRepository.findOne({ where: { id: id }, relations: ['carModels'], }); return selectedBrand.carModels; } } 아무리 다양한 어떤 방법을 써도 T.. 공감수 1 댓글수 0 2023. 5. 19.
[TypeScript] 비동기 - promise 안에 promise? Promise.all()로 처리 아래와 같이 TypeScript로 함수를 만들었는데, Promise[] 같이 배열 안에 Promise 객체들이 담긴 이상한 return 값이 나왔다. registerNewModel(newModels: NewModelDto[]): Promise[] { return newModels.map(async (newModel) => { const isExisting = await this.carModelsRepository.findOneBy({ name: newModel.name, }); if (isExisting) { return isExisting; } const brand = await this.brandRepository.findOneBy({ name: newModel.brand, }); const engi.. 공감수 0 댓글수 0 2023. 5. 19.
[NestJS] 각종 트러블 슈팅 사수님이 코드 리뷰 해주시면서 배운 너무나 많은 정보들. 알찬 것들이 많은데 까먹을 것 같아서 적어두기. 1. Circular Depencies : Module끼리 서로 import할 경우 뭘 우선할 지 알 수 없어 일어나는 오류 forwardRef()=> 를 걸어주자 2. Module import, exoprt Service : 일반적으로 다른 모듈의 service를 사용하고 싶을 때에는 그 모듈에서 export:[Service]를 해주고, 사용하고자 하는 모듈에서 import: [쓰고 싶은 서비스가 있는 Module]을 해줘야 한다. provider에 남의 모듈의 Service를 그대로 넣어버리면 그 service의 clone을 만드는 격으로 둘은 엄격히 보았을 때 다른 두 객체가 된다. 3. Ser.. 공감수 2 댓글수 0 2023. 5. 18.
[NestJS, TypeORM] 배열, 객체 데이터를 database에 저장하는 법 * 개발 환경: Typescript, NestJS, Typeorm, MySql NestJS 프레임워크로 Typeorm을 통해 MySql database를 사용하려고 하던 중, entity.ts 파일에서 아래와 같은 에러가 발생했다. 'data type array is not supported by mysql database' //error가 났던 movie.entity.ts 파일 import { Column, Entity, PrimaryGeneratedColumn } from 'typeorm'; @Entity() export class Movie { @PrimaryGeneratedColumn() id: number; @Column() title: string; @Column() year: number; .. 공감수 0 댓글수 0 2023. 5. 11.
[JS문법] ...(three dots, 점 세개)의 사용법 두 가지(객체/배열 vs 함수) 자바스크립트에서 점 세개, `...` 은 두 가지 사용법이 있다. 1. Spread Operator 뒤늦게 알게 되어 매우 아쉬울 정도로 객체와 배열을 사용할 때 아주 유용한 방식이다. 객체와 배열을 사용할 때 서로 다른 객체/배열끼리 합치고 싶을 때가 많다. 그때 {}, [] 의 껍데기가 거슬리게 느껴지는데 이를 없애주는 것이 ...이다. 사용법은 아래와 같다. [객체 ver.] const walwal = { name: "Walwal", age: 19, height: 180, job: "backend developer" } const john = { ...walwal, name: "John", age: 20, hobby: "skating" } // john = { // name: "John", // a.. 공감수 1 댓글수 0 2023. 5. 10.
[개념 정리] 단축평가(short circuit evaluation) - &&, || 단축평가란 왼쪽부터 오른쪽으로 평가를 진행하여, 논리연산자 &&와 || 에 따라 다른 결과를 반환한다. &&는 and, || 는 or를 의미한다. 아래의 에러 핸들러에서 || 연산자가 사용되었다. const globalErrorHandler = (err, req, res, next) => { console.error(err); err.statusCode = err.statusCode || 500; res.status(err.statusCode).json({ message: err.message }); }; 단축평가는 왼쪽부터 평가되기 때문에 || 연산자의 경우 왼쪽 값이 true라면 그 값을 반환하고, false라면 오른쪽 값을 반환한다. 위 코드에서 err.statusCode에 값이 있다면 truthy.. 공감수 1 댓글수 0 2023. 4. 19.
[node.js 메서드] 스트링으로 묶인 배열을 배열로 바꾸기 JavaScript에서는 JSON.parse() 함수를 사용하여 큰따옴표로 묶인 문자열을 파싱하여 배열로 변환할 수 있다. const str = '[1, 2, 3]'; const arr = JSON.parse(str); console.log(arr); // [1, 2, 3] JSON.parse() 함수는 JSON 형식의 문자열을 파싱하여 자바스크립트 객체나 배열로 변환해준다. 위 경우는 문자열 "[1, 2, 3]"을 배열 [1, 2, 3]으로 변환하였다. JSON.parse() 함수를 사용할 때 주의할 점은 입력된 문자열이 올바른 JSON 형식을 따라야 한다는 점을 주의하자. 예를 들어, 문자열 내에 작은따옴표(')가 사용되어 있거나, JSON 형식이 올바르지 않은 경우에는 오류가 발생할 수 있다. 공감수 1 댓글수 0 2023. 4. 5.
[키워드 정리] 자바스크립트에서 '구조분해'란 무엇인가 JavaScript에서 '구조 분해(destructuring)'는 객체나 배열에서 필요한 값을 추출하여 변수에 할당하는 것을 말한다. 이를 통해 코드를 간결하고 가독성이 좋게 작성할 수 있다. 객체 구조 분해 객체 구조 분해는 객체에서 필요한 값을 중괄호({}) 안에 변수명으로 선언하면 된다. const person = { name: "John", age: 30, city: "New York" }; const { name, age } = person; console.log(name); // 출력값: "John" console.log(age); // 출력값: 30 위 예시에서는 person 객체에서 name과 age 프로퍼티 값을 추출하여 변수에 할당했다. 이후에는 name과 age 변수를 사용하여 다른 .. 공감수 1 댓글수 0 2023. 4. 1.
[js메서드] module export의 2가지 방식 module.export = { 'function1 이름', 'function2 이름' }; module.exports = 'funciton 이름'; module에서 함수를 export하는 방식은 위의 두 가지가 있는데 둘은 사용하는 방식에 차이가 있다. 예를 들어 아래와 같이 객체 안에 함수를 담아 export 한 경우, //dataSource.js const function1 = ()=> {} module.exports = { function1, function2, } 사용할 때에 아래와 같이 object의 key를 불러오는 메서드 방식으로 사용해야 한다. const dataSource = rquire('./dataSource') dataSource.function1() 그러나 아래와 같이 하나의 함.. 공감수 1 댓글수 0 2023. 3. 27.
[개념 정리] 정규표현식(Regular Expression, RegEx)이란 정규표현식이란 문자열을 다룰 때, 문자열의 일정한 패턴을 표현하기 위하여 사용하는 '형식 언어'이다. JavaScript에서는 정규 표현식도 객체로서, RegExp의 exec()와 test() 메서드를 사용할 수 있다. String의 match(), matchAll() (en-US), replace(), replaceAll(), search(), split() 메서드와도 함께 사용할 수 있다. 자바스크립트에서 정규 표현식은 두 가지 방법으로 만들 수 있다. 1. 정규 표현식 리터럴 슬래시로 패턴을 감싸서 작성. const re = /ab+c/ 정규 표현식 리터럴은 스크립트를 불러올 때 컴파일된다. 바뀔 일이 없는 패턴인 경우에 효율적이다. 2. RegExp 객체의 생성자 호출 RegExp - JavaSc.. 공감수 0 댓글수 0 2023. 3. 27.
[js 문법] 비동기 처리 방법 3가지 - 콜백, 프로미스, async/await 자바스크립트의 기본적인 처리 방식은 비동기 방식이다. 비동기 방식이란 코드가 위에서 아래로 순차적으로 실행되지 않고, 동시에 시작되어 빨리 끝나는 코드가 먼저 실행 완료 될 수 있도록 하는 방식이다. https://walwaldev.tistory.com/33 [개념 정리] 자바스크립트에서 동기 / 비동기란 무엇일까? 자바스크립트에서 동기(synchronous)와 비동기(asynchronous)는 코드의 실행 방식을 설명하는 용어입니다. 코드의 실행 방식의 두 종류 동기 비동기 코드 순차 실행 코드가 순차적으로 실행되지 않음 walwaldev.tistory.com 비동기 방식은 효율적이지만, 코드 실행에 선후 관계가 필요한 경우가 있다. 예를 들어 아래와 같은 경우 countFruit 함수 정의 후 con.. 공감수 1 댓글수 0 2023. 3. 27.
[js프로젝트] 프로젝트 시작할 때 초기 환경 세팅하기 프로젝트를 시작할 때 해야하는 초기 환경 세팅들이 있다. 메인이 될 app.js 파일에 기본적인 초기 설정 코드들 입력해두기 .env 파일 대신 github에 올릴 .env.sample 파일 작성하기 팀원들과 코드의 서식 (code format) 통일시킬 .prettierrc 파일 세팅하기 오늘은 이 세가지에 대해 알아보자. app.js app.js의 초기세팅에서 해야하는 일은 아래와 같은 것들이 있다. - 필요한 모듈/라이브러리들 package에서 불러오기(require) - 모듈들 실행시키기 - 데이터 연결하기 - 서버 열기 아래는 초기 세팅한 app.js의 예시 코드이다. //'dotenv' 불러오기는 데이터베이스와 연결하기 전에 반드시 선행되어야 한다. require('dotenv').config.. 공감수 1 댓글수 0 2023. 3. 25.
[js 문법] 삼항 연산자 (조건 연산자) 자바스크립트에서 삼항 연산자(ternary operator)는 조건 연산자(conditional operator)라고도 불리며, 간단한 조건문을 작성할 때 사용됩니다. 삼항 연산자는 condition ? exprIfTrue : exprIfFalse 형식으로 작성됩니다. 이때 condition은 참 또는 거짓을 평가할 조건식이며, exprIfTrue는 condition이 참일 경우 실행되는 식(expression)이고, exprIfFalse는 condition이 거짓일 경우 실행되는 식입니다. 예를 들어, 다음과 같은 코드는 age 변수가 18 이상일 경우에는 console.log('성인입니다.')를 실행하고, 그렇지 않은 경우에는 console.log('미성년자입니다.')를 실행합니다. let age =.. 공감수 0 댓글수 1 2023. 3. 24.
[개념 정리] 자바스크립트에서 동기 / 비동기란 무엇일까? 자바스크립트에서 동기(synchronous)와 비동기(asynchronous)는 코드의 실행 방식을 설명하는 용어이다. 코드의 실행 방식의 두 종류 동기 비동기 코드 순차 실행 코드가 순차적으로 실행되지 않음 기다리지 않고 다른 작업을 수행할 수 있도록 비동기적으로 처리 작업이 완료되면, 결과를 처리하기 위한 콜백 함수 호출 동기적으로 코드를 실행하면, 코드는 순차적으로 실행된다. 코드 라인을 읽고 그 다음 라인을 실행하며, 한 라인이 실행될 때까지 다음 라인으로 넘어가지 않는다. 반면에 비동기적으로 코드를 실행하면, 코드는 순차적으로 실행되지 않는다. 코드가 실행되는 동안 이벤트 루프(event loop)가 다음 코드를 실행하도록 대기한다. 동기와 비동기의 차이점을 이해하기 위해서는 콜백 함수(call.. 공감수 1 댓글수 0 2023. 3. 24.
[js메서드] 배열.filter() JavaScript의 filter() 메서드는 배열의 각 요소를 순회하면서 특정 조건에 해당하는 요소들로만 구성된 새로운 배열을 반환한다. 원본 배열을 변경하지 않고 새로운 배열을 반환한다는 점을 주의하자. 문법은 아래와 같다. arr.filter(callback(element[, index[, array]])[, thisArg]) (* 코드 내 [] 안의 내용은 메서드 동작에 필수적이지 않으며, 실제 코드 입력 시 []는 생략함) 배열의 각 요소를 순회하며 callback함수를 실행한다. callback 함수는 다음과 같은 인자들을 받을 수 있다. index와 array 선택사항이다. 1. element: 배열 요소 2. index: 배열 요소의 인덱스 3. array: 필터 메서드를 호출한 배열 주의.. 공감수 1 댓글수 0 2023. 3. 24.

728x90

문의안내

티스토리
로그인
고객센터

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