본문 바로가기

분류 전체보기

 (285)
Nest.js 기본 구조 정리 1. eslintrc.js 개발자들이 특정한 규칙을 가지고 코드를 깔끔하게 짤 수 있게 도와주는 라이브러리 Typescript를 쓰는 가이드라인 제시, 문법에 오류가 나면 알려주는 역할 등등 2. prettierrc 코드 형식을 맞추는데 사용. 작은따옴표 ' 를 사용할지, 큰따옴표 " 를 사용할지, Indent(띄어쓰기) 값을 2줄로 할지 4줄로 할지 등등. 코드 포맷터 역할 3. nest-cli.json nest 프로젝트를 위해 특정한 설정을 할 수 있는 json 파일 4. package.json build : 운영환경을 위한 build format : lint에러가 낫을지 수정 start : 앱 시작 -> (개발 환경시에는 npm run start : dev) 5. tsconfig.build.json..
Nest.js 터미널에 설치 시 관리자 권한 문제 발생한다면? (feat. sudo) 원래는 아래와 같이 설치해주지만 npm i -g @nestjs/cli 만약 관리자 권한과 관련된 문제가 생긴다면 sudo 키워드를 이용해 설치해준다. sudo npm i -g @nestjs/cli * sudo UNIX 및 UNIX 계열 운영체제에서 다른 사용자의 보안 권한, super-user로서 프로그램을 구동할 수 있도록 하는 명령어
IntelliJ에서 Nest.js 사용하기 1. IntelliJ에서 프로젝트 생성 2. Settings 3. Plugins > Nest 설치 4. Run configurations 부분에서 npm 선택 설정 내용 Apply > OK 5. Run 후에 localhost:3000 접속 후 Hello World!가 정상적으로 출력되면 끝난다.
코드 예쁘게 이미지화 해주는 사이트들 모음 https://wooncloud.tistory.com/119 코드 예쁘게 이미지화 해주는 사이트 모음 코드를 예쁘게 이미지로 만들어주는 툴 - carbon.now.sh — Wooncloud Blog (tistory.com) 코드를 예쁘게 이미지로 만들어주는 툴 - carbon.now.sh 제가 여러분께 보여드릴 코드가 있습니다. 아래에 그 코드를 공 wooncloud.tistory.com 출처는 위의 주소
트랜잭션 구조 - 트랜잭션에는 어떤 데이터가 담길까? 백엔드 파트에 있다보니 DB에 저장될 데이터와 트랜잭션에 저장될 데이터를 구분해야 할 일이 생겼는데 이를 구분하기가 쉽지 않았다. 기존에는 트랜잭션은 거래 내역을 담는 구조구나~정도만 인지하고 있었지만, 정확히 트랜잭션 내에 어떤 데이터가 담겨 구조를 이루는지 알아야 할 필요성을 느끼게 되었다. 블록 구조의 구조는 다음과 같다. 헤더 - (해시,버전,이전 블록 해시(앞의 블록과 연결되어야 체인이 형성되므로), 머클루트,타임,난이도 목표, 논스) 트랜잭션 - (value, Tx 해시, to, from, 데이터) 비트코인과 이더리움의 트랜잭션 구조는 다르다. 이건 다음에 시간이 된다면 그때 더 알아보기로 한다.
nestJS 사전조사(Typescript+Node.js+객체지향) + IoC,AOP 프로젝트에서 nestJS를 사용하게 되어 사용 전에 미리 약간의 조사를 하고자 한다. - Node.js 기반 but Node.js의 경우 손쉽게 사용할 수 있고 뛰어난 확장성을 제공하지만 과도한 유연함으로 인해 SW 품질 저하 - 이에 반해 NestJS는 DB,ORM,설정,유효성 검사 등 수많은 기능 제공 - 모듈/컴포넌트 기반으로 프로그램을 작성하여 재사용성을 높여줌 - NestJS로 REST API를 만드는 다양한 프로젝트들이 있으니 개인적으로 공부할 때 참고해야겠다. loC(Inversion of Control) DI(Dependency Injection) AOP(Aspect Oriented Programming) 등 객체지향 개념 도입 -> Typescript,Node.js의 장점들을 가져와서 N..
prettier 코드정렬 단축키 정렬 전 option + command + l 맥북 기준입니다. 정렬 후 코드들을 정말 깔쌈하게 줄 관리를 잘 해준다. 그리고 es6lint 관련 띄어쓰기 등 에러도 한번에 바로잡아줘서 정말 편리..
TS2440: Import declaration conflicts with local declaration of ~ 문제 상황 다른 파일에서 작성된 type 파일을 import 해와서 써주려고 했는데 제목과 같은 오류가 발생하였다. import만 해와서 쓰는데 뭐가 문제지?하고 생각했었다. 문제 원인 import 해온 파일로 다시 돌아가보자. 해당 파일에서는 파일 안에 type등 다 구현이 되어있고 나는 가져와서 쓰기만 하면 되는 것이다. ex) ~/components/pages/story/helloPage export interface AType { id?: String; articleId?: string; .... } import 해온 파일에 이런 내용이 작성되어있다고 가정해보자. 그럼 나는 새로 연 파일에서 위에서 작성한 helloPage를 import 해와서 사용하지 않을 것인가. 근데 내가 새로 연 파일에서 ..
사용하지 않는 import 정리하기 intelliJ를 사용하다 보면 사용하지 않는 import가 생각보다 많이 있을 수 있다. 이럴때 하나하나 없애주기보다는 mac의 단축키를 활용하여 빠른 시간 안에 import들을 정리해보자 -> 실행결과에 영향을 주지는 않으나 보기 좋은 생성을 위하여! import 정리 전 control + option + O(영문) (Mac 기준) import 정리 후 안쓰는 import들이 싸악 삭제되었다.
@Controller와 @RestController의 차이점 문제 @RestController 어노테이션을 달아주지 않고 @GetMapping만 했더니 GET으로 조회가 되지 않았다. 해결방법 Class 바깥에 @RestController 어노테이션 추가하기 그런데, @Controller는 왜 안되는걸까? 구글링을 해보니,다음과 같았다. @Controller는 Model 객체를 만들어 데이터를 담고 View를 찾는 형식 @RestController는 단순히 객체만을 반환(JSON 또는 XML형식으로 HTTP 응답에 담아서 전송) https://dncjf64.tistory.com/288 참고 @Controller와 @RestController의 차이점 1.개요 Spring MVC의 @RestController은 @Controller와 @ResponseBody의 조합..

티스토리툴바