IT World

뭘 만들지 보다 일단 저질로 보자 어떻게 시작하지!!! 검색 좀 해보자... https://reactnative.dev/ React Native · Learn once, write anywhere A framework for building native apps using React reactnative.dev React를 사용하여 Android, iOS 등을 위한 기본 앱 만들기 React Native는 네이티브 개발의 가장 좋은 부분을 사용자 인터페이스 구축을 위한 동급 최고의 JavaScript 라이브러리인 React와 결합합니다. 조금 또는 많이 사용하십시오 . 지금 기존 Android 및 iOS 프로젝트에서 React Native를 사용하거나 처음부터 완전히 새로운 앱을 만들 수 있습니다. Ja..

1 / 3 Caption Text 2 / 3 Caption Two 3 / 3 Caption Three ❮ ❯ " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 test 입니다. https://www.w3schools.com/howto/img_mountains_wide.jpg

들어가며 안녕하세요, CGEX Frontend Engineer 고승훈입니다. CGEX와 Coinone은 Frontend framework로 Angular를 사용하고 있습니다. Angular를 사용하는 이유는 크게 두 가지로 생각합니다. 하나는 다른 Frontend framework와 다르게 Dependency Injection이 가능하기 때문입니다. Dependency Injection을 사용할 경우 Component의 Dependency를 줄일 수 있는 것은 물론 더 Testable하고, Reusable하며, Readable한 코드를 쓸 수 있기 때문입니다. 다른 이유로는 RxJS 사용을 “Recommend”하고 RxJS가 잘 녹아들 수 있도록 Angular는 많은 노력을 하고 있습니다. RxJS가 별..

들어가기 앞서 공짜 좋아하세요? 오라클 클라우드 쓰세요. 두 번 쓰세요. AWS, GCP만 경험해보다 평생 무료플랜 IaaS를 찾아 헤매다 찾은 해답이 오라클 클라우드였습니다. 2021년 7월 기준 평생 무료 플랜을 유지하고 있습니다. 심지어 무료로 서버를 2대나 사용할 수 있습니다. 물론 메모리가 500MB밖에 되지 않아 서버 성능이 많이 떨어지지만 가벼운 프로그램은 거뜬히 돌릴 수 있습니다. 참고로 PaaSPlatform as a Service를 무료로 쓸 수 있는 Heroku는 무료 러닝 타임이 720시간 미만이었던걸로 기억합니다. 서론이 길어졌죠? 다른 클라우드에서는 손대지 않아도 되는 부분까지 튜닝해줘야 하는 것들을 소개해드리려고 합니다. 콘솔에서 해야하는 세팅들을 다해줬는데도 접속이 되지 않아..

TL;DRTypeORM 공식문서의 순서에 따라 데코레이터들을 소개합니다. 공식문서와 100% 일치하지 않고 늘릴 부분은 늘리고, 줄일 부분은 줄였음을 확인하신 후에 읽어주세요. SQL, ORM과 OOP에 대한 기본 지식을 가지고 계시는 분이라면 읽기에 더 수월할 수 있습니다! (데코레이터 사용법이 JPA와 아주 유사합니다)아래 예제 코드들은 TypeORM에 MySQL을 붙여서 사용한 예제입니다.  EntityEntity데이터베이스 테이블을 정의하기 전에 실행해야하는 데코레이터입니다. 테이블명을 따로 지정하지 않아도 클래스명으로 매핑하지만, 옵션으로 테이블명을 지정할 수 있습니다.@Entity('users')export class User {}아래와 같이 옵션을 추가적으로 지정할 수 있습니다.name: 테..

인증 기능 구현하기인증 기능 구현을 위한 준비nest g module authnest g controller auth --no-specnest g service auth --no-spec회원가입 기능 구현user.entity.tsimport { BaseEntity, Column, Entity, PrimaryGeneratedColumn } from "typeorm";@Entity()export class User extends BaseEntity { @PrimaryGeneratedColumn() id: number; @Column() username: string; @Column() password: string;}user.repository.tsimport { Entity..

Postgres & TypeORM 연동설치할 두가지1. PostgresSQL2. pgAdmin (데이터베이스를 보는 툴(Tool)입니다.)Window 에서 PostgresSQL 설치하기이 사이트 가서 인스톨러 다운로드https://www.postgresql.org/download/windows/Mac 에서 PostgresSQL 설치하기 이 사이트 가서 인스톨러 다운로드https://postgresapp.com/downloads.htmlWindow & Mac 에서 pgAdmin 설치하기 이 사이트 가서 인스톨러 다운로드https://www.pgadmin.org/download/board-app db 생성TypeORM 소개TypeORM 이용npm install pg typeorm @nestjs/typeorm..

에러와 마주할 때 2021. 12. 23. 00:41 오늘은 nest.js에서 작업하던 도중, relation이 되어있는 entity가 안받아와지는 오류가 있었습니다. 콘솔에서는 user에 relation된 정보가 받아와지는데, graphql playground로 요청하면 받아와 지지 않았습니다. 콘솔에는 다음과 같이 relation된 provideImage에 대한 정보가 잘 출력이 된 것을 확인할 수 있습니다. 하지만 graphql playground의 쿼리 요청에서는 출력이 되지 않았습니다. 에러 내용을 살펴보니 null값이 되면 안되는 token이 null이라고 나옵니다. 분명 콘솔에서는 모든 값이 정상 출력 되었었는데 말이죠.. 콘솔한 부분입니다. 그 뒤로 같은 user를 리턴했지만, grpahq..

에러와 마주할 때 2021. 12. 11. 20:06 Nest.js 환경에서 서비스 개발 도중 만난 에러입니다. 새로운 모듈에서 데이터베이스 Entity를 생성하던 도중 에러가 발생하였는데, 결론부터 말하자면 app.module.ts에 존재하는 TypeOrmModule에 엔티티를 inject하지 않아서 발생한 에러였습니다. 에러 내용 에러 내용을 살펴보면, 현재 ImageContainer Entitiy가 등록되지 않은 것 같다는 에러를 보입니다. TypeORM은 app.modules.ts의 루트 모듈에 엔티티를 등록을 해줘야하는데 이 것을 하지 않아 발생하는 에러였습니다. TypeOrmModule.forRoot({ type: 'postgres', host: process.env.DB_HOST, port:..

에러와 마주할 때 2021. 12. 26. 19:23 안녕하세요. 오늘은 서비스 개발 중 @ManyToOne 관계의 엔티티가 정상적으로 출력되지 않고, null로 리턴되는 경우를 만났습니다. 우선 출력하고자 하는 것은 한 가지의 부모 엔티티를 가지는 자식 엔티티입니다. 즉 ManyToOne의 관계를 가지고 있죠. 거기에서 부모 엔티티의 관계를 가져올려 하는데 null이 리턴되는 경우였습니다. 문제는 간단히 해결했습니다. 바로, 해당 데이터베이스 find등의 작업 시, relation을 설정해줘야 하는 것이였죠. nest.js의 service.ts의 코드입니다. provideImage가 부모 엔티티인 user를 가져와야 하는데 null을 리턴하고 있었습니다. 부모 엔티티를 가져오기 위해선 이 findOne..