Frontend/JS(18)
-
[NestJs 에러] Nest can't resolve dependencies of the Service (?). Please make sure that the argument Repository at index [0] is available in the ResultIoModule
상황: DB의 엔티티를 service 에 추가하는 과정에서 발생한 에러 에러 로그를 살펴보면, index[0] 위치의 Clsex--Repository가 Module 에서 사용가능한지 확인을 요구하고 있다. 여기서 index[0] 이란 Service 클래스의 생성자에 주입한 첫번째 인자를 뜻한다. 아래 그림을 살펴보면, constructor 내부에 첫번째로 주입된 Repository 를 가리킨다. 해당 레포지토리를 module 에서 사용하려면, (당연히) module 내부에서도 레포지토리를 주입해야 한다. 해결: 해당 app의 Module 내부에서, service constructor 에 주입된 Repository의 Entity 명을 아래처럼 주입해주면 된다. TypeOrm 을 사용하고 있기 때문에 아래처..
2021.07.23 -
Javascript 자주 사용하는 메서드 (feat. array)
React 프로젝트를 진행하면서 자주 사용하는 자바스크립트 메서드를 기록했습니다. 현업에서 자주 사용하는 함수라 숙지해두면 좋을 것 같습니다. 1. split() 함수 string.split(seperator, limit) let arr = 'abc.def'.split('.') arr // ['abc', 'def'] split() 함수는 문자열(string) 을 Seperator 인자를 기준으로 자릅니다. 즉 문자를 분리할 구분자가 seperator 입니다. 분리된 문자열은 배열의 형태로 리턴 됩니다. 위 예시에선 arr 변수에 리턴 된 배열을 할당하였습니다. limit 인자는 리턴 된 배열의 길이 혹은 분할 갯수를 나타냅니다. let arr = 'abc.def.ghi.jkl.mno'.split('.',..
2021.07.22 -
[NestJs, TypeORM 에러] Nest can't resolve dependencies of the "Service"
상황: Contact app의 Controller 와 Service 가 App.module에서도 호출되고 있다. (중복 호출) 원인: 이미 Contact.module 내에서 Contact.Controller 와 Contact.Service 를 명시해줬기 때문에, app.module 에서 중복 호출하기 때문에 dependency 에러가 발생한다. 해결: 아래처럼 controller와 providers 의 dependency 를 지워주자. @Module({ imports: [ContactsModule, TypeOrmModule.forRoot()], // forRoot() 만 써놓으면 알아서 ormconfig.json을 매핑한다. controllers: [], providers: [], }) export cl..
2021.06.09 -
[NestJs, TypeORM 에러] Looks like this entity is not registered in current "default" connection?
상황: NestJs 에서 postgresql 과 연동하는 과정에서 발생한 에러. 상황2: 아래의 Entity 파일을 db에 연동하지 못한 상황. // contact.entity.ts import {Column, Entity, PrimaryGeneratedColumn} from "typeorm"; export class contact{ @PrimaryGeneratedColumn() id: number; @Column() name: string; @Column() sns: string; @Column() phone: number; @Column() address: string; } 원인: 에러 메시지를 확인하면 No repository for "Contact" was found. , 즉 Contact 레포지..
2021.06.09 -
TypeError: Cannot read property 'node' of undefined 에러 해결
상황 react app 폴더를 로컬에서 다른 디렉토리로 옮겼을 때 발생한 문제 에러 메세지 TypeError: Cannot read property 'node' of undefined 해결 node_modules 폴더를 지운 후에 다시 npm install 을 해준다.
2021.05.26 -
spread 연산자와 map() 메서드
아래 코드를 보고 두가지 의문점이 생겼습니다. data = [{ 'name': '', 'money': '' }] function doubleMoney() { data = data.map((user) => { return { ...user, money: user.money * 2 } }) } 의문점 1. . . . 이라는 spread연산자는 단순 복사개념이라 생각했지만, 위 코드는 user라는 데이터를 어디에서 가져오는지 모호했으며 2. 위 함수에서 return 된 값은 어떤 형태인지 궁금하다. 해답 2. return된 형태 => { name: 'xxx', money: 1000} user는 map()메서드를 사용하면서 갖게 된 임의의 변수명입니다. user대신 person이란 변수명을 사용해도 전혀 문제없..
2021.02.21 -
화살표 함수 (feat. in React)
사용 이유 기존 function 표현에 비해 구문이 짧다(and 자신의 this, arguments, super또는 new.target을 바인딩 하지 않는다). 특징 항상 익명함수로 사용되며, 생성자로 사용될 수 없다. const Family = [ 'dad', 'mom', 'brother', 'sister' ] console.log(Family.map(member => member)); 위의 화살표 함수의 코드를 해설하자면 🔽 Family.map(member => { return member }); // 아래 코드는, // 1. member에 괄호를 쓰지 않았다 => parameter가 하나 뿐이기에 괄호 사용은 선택사항 // 2. return과 그것을 감싸는 중괄호{}를 없앴다 => 화살표함수의 유일..
2020.11.10 -
[JS] What I learned today(200620)
보호되어 있는 글입니다.
2020.06.26 -
[JS] 유효범위, this 키워드,
아래 코드의 function declaration은 자바스크립트의 호이스팅에 해당된다. 함수가 먼저 호출된 후 선언되어도, 호이스팅 동작으로 무리없이 함수가 작동된다. // functions declaration calculateAge(1965); function calculateAge(year) { console.log(2022 - year); // } // this is hoisting // function expression retirement(1956); var retirement = function (year) { console.log(65 - (2016 - year)); } // Error occured: Type Error, 끌올이 안된다. // hoisting only works for f..
2020.06.23