728x90

블로그를 시작하고 글을 올리면 자동으로 구글에 검색되는 줄 알았어요;;;

but!!! 구글 서치 콘솔(Google Search Console)에 인증을 받아야 검색이 되는 거였습니다.

 

방법은 5분도 안 걸릴 만큼 간단해요!! 

https://search.google.com/search-console/about

 

Google Search Console

Search Console 도구와 보고서를 사용하면 사이트의 검색 트래픽 및 실적을 측정하고, 문제를 해결하며, Google 검색결과에서 사이트가 돋보이게 할 수 있습니다.

search.google.com

 

구글 서치콘솔로 들어가 주세요.

 

시작하기로 들어가면 도메인과 URL 접두어 선택하도록 나와요.

저희는 xxx.tistory.com로 URL을 사용하고 있으므로 URL 접두어를 선택해주고,

"https://xxx.tistory.com" 형태로 본인의 블로그 주소를 입력하면 됩니다.

입력 후 계속!!

 

그럼 소유권 확인이라는 창이 뜰 거예요.

권장 확인 방법, 다른 확인 방법 중 저희는 다른 확인 방법에 있는 HTML 태그를 이용해 보겠습니다.

 

<meta~ 로 시작하는 태그를 복사해 주세요.

 

다음은 블로그 관리 홈으로 들어가 주세요.

메뉴 중 [꾸미기] - [스킨 편집] - [html 편집]을 선택해 줍니다.

아래의 화면이 나오게 돼요.

그럼 아까 복사해둔 <meta~로 시작하는 태그를

<head> 영역에 붙여 넣고 적용!

 

다음으로 다시 구글 서치 콘솔로 돌아와 [확인] 버튼을 클릭해주세요.

그럼 인증 확인 후에

 

위와 같이 완료됩니다!

 

구글 검색창에서 제 블로그를 볼 수 있는 날까지! 열심히 포스팅해볼게요.

728x90
반응형
728x90

저는 임신 7개월 차 개발자입니다.

오늘은 남편이 결혼식을 가서 토요일 아점을 혼자 해결했어요.

임당 검사 때문에 먹고 싶어서 샀던 우동이였는데... 못 먹고 있다 이제야 먹어봅니다.

 

집 앞 마트에서 산 CJ 얼큰우동

6인분이 한 봉지에 들어서 좀 많긴 하네요;;; 유통기한은 7월까지로 여유롭여요.

 

우동면, 우동소스, 우동건더기, 고춧가루 각 6봉씩 들어있네요

 

종이컵 2컵 분량의 물이 끓으면 순서대로 넣어주기만 하면 끝이에요.

아주 간단하고 좋아요!

 

저는 여기에 냉동실에 있던 깻잎 어묵까지 추가해보았어요

 

끓이는 사진이 없네요; 중간에 전화 와서 정신이 살짝 없었어요.

 

맛은.. 간편히 먹기 좋아요!!!

면도 쫄깃하고요. 얼큰함은 매운맛을 생각했더라면 살짝 부족합니다. 그냥 우동보다 살짝 얼큰한 정도였어요.

 

한 그릇 뚝딱하고 제주 골드그린키위로 디저트까지 완벽한 토욜 아점이었습니다.

728x90
반응형
728x90

git 생성 후 확인해보니 내 이름이 이상하게 뜬다;;;

LAPTOP-XXXXXX\PC사용자명 형태로 말이다. 이를 바꿔보자.

먼저 git관련 설정을 확인해보자.

 git config --list

user.name이 LAPTOP-XXX로 설정되어 있는 것을 볼 수 있다. 아마도 다른 설정을 안 하면 기본적으로 이렇게 설정되는 것 같다.

이를 상콤하게 "sound"로 변경한다.

git config --global user.name "sound"

후에 "git config --list" 명령어로 확인하니 변경되었다.

앞으로는 sound로 push push 하겠어요!

728x90
반응형
728x90

1. Installation

Nest CLI를 통해 쉽게 프로젝트 생성할 수 있다.

npm i -g @nestjs/cli

npm을 통해 @nestjs/cli를 설치한다. -g 옵션을 통해 글로벌 환경에 설치하였다.

 

글로벌 환경의 설치 경로를 확인할 수 있다.

npm root -g

 

2. 프로젝트 생성

nest new [project name]

[procjet name]에 원하는 프로젝트 명을 입력하여 명령어를 실행한다.

 

⚡  We will scaffold your app in a few seconds..

CREATE bcheck-auth-nest/.eslintrc.js (631 bytes)
CREATE bcheck-auth-nest/.prettierrc (51 bytes)
CREATE bcheck-auth-nest/nest-cli.json (64 bytes)
CREATE bcheck-auth-nest/package.json (2005 bytes)
CREATE bcheck-auth-nest/README.md (3339 bytes)
CREATE bcheck-auth-nest/tsconfig.build.json (97 bytes)
CREATE bcheck-auth-nest/tsconfig.json (546 bytes)
CREATE bcheck-auth-nest/src/app.controller.spec.ts (617 bytes)
CREATE bcheck-auth-nest/src/app.controller.ts (274 bytes)
CREATE bcheck-auth-nest/src/app.module.ts (249 bytes)
CREATE bcheck-auth-nest/src/app.service.ts (142 bytes)
CREATE bcheck-auth-nest/src/main.ts (208 bytes)
CREATE bcheck-auth-nest/test/app.e2e-spec.ts (630 bytes)
CREATE bcheck-auth-nest/test/jest-e2e.json (183 bytes)

 

중간에 어떤 package manager를 사용할 것인지 물어본다. 필자는 yarn을 선택하였다.

? Which package manager would you ❤️  to use? yarn
✔ Installation in progress... ☕

🚀  Successfully created project bcheck-auth-nest
👉  Get started with the following commands:

$ cd [project name]
$ yarn run start


                          Thanks for installing Nest 🙏
                 Please consider donating to our open collective
                        to help us maintain this package.


               🍷  Donate: https://opencollective.com/nest

위와 같이 뜨면 프로젝트 생성이 완료된 것이다. 생성된 프로젝트를  개발 툴로 열어 구조를 살펴보자.

참고로 글쓴이는 IntelliJ를 이용한다.

[Project Name] - [src] 아래에 app.으로 시작하는 파일들과 main.ts 파일이 생성되었음을 확인할 수 있다.

각각의 역할은 아래와 같다.

app.controller.spec.ts 컨트롤러 단위 테스트용
app.controller.ts 기본 컨트롤러
app.module.ts application의 root module
app.service.ts 단일 메서드를 사용하는 기본 서비스
main.ts NestFactory를 사용하여 Nest application 인스턴스를 작성하는 엔트리 파일

 

3. main.ts

import { NestFactory } from '@nestjs/core';
import { AppModule } from './app.module';

async function bootstrap() {
  const app = await NestFactory.create(AppModule);
  await app.listen(3000);
}
bootstrap();

Nest application은 인스턴스를 생성하기 위해 NestFactory를 사용한다. NestFactory는 application 응용프로그램 인스턴스를 만들 수 있는 정적 메서드를 제공하며, careate() 메서드는 INestApplication (인터페이스 응용프로그램 객체)을 반환한다.

 

4. Running the application

아래의 명령어로 인바운드 HTTP 요청을 수신하는 애플리케이션을 시작할 수 있다.

npm run start

 

main.ts에 정의한 port에서 수신하는 HTTP 서버로 앱을 시작하므로

http://localhost:3000/ 에 접속하면 귀여운 "Hello World!"를 볼 수 있다.

 

728x90
반응형

'NestJS' 카테고리의 다른 글

[NestJS] swagger에서 테스트하기  (0) 2022.03.23
[NestJS] Authentication 구현  (0) 2022.03.18
[NestJS] CRUD 구현해보기  (0) 2022.03.07
[NestJS] app.controller 살펴보기  (0) 2022.03.02
[NestJS] 시작하기  (0) 2022.02.25
728x90

Spring 개발 유경험자로 Node를 처음 접하며 Study하는 내용을 기록해보고자 한다. 

 

1. NestJS는?

 

NestJS는 Node.js 기반의 웹 API 프레임워크이다. 들어만 본 Express를 사용하고, Node.js의 자체 특성인 사용하기 쉽고, 확장성이 뛰어나다. 이로 인해 품질이 일정치 않고, 적합한 라이브러리를 찾기 위해 사용자의 수고가 필요하다는 단점이 있는데 이를 보완하는 것이 NestJS이다.

 

Angular의 영향을 많이 받은 NestJS는 DI(Dependency Injection, 의존성 주입)이라는 객체지향 개념을 도입한 부분에서 Spring과 공통점이 있다. 소스를 보아도 스프링에서 Anotation이라고 불리는 '@'가 보인다.

@Controller()
export class AppController {
  constructor(private readonly appService: AppService) {}

  @Get()
  getHello(): string {
    return this.appService.getHello();
  }
}

NestJS에서는 Decorator라고 부르며 이에대한 설명은 다음에 하도록 하고 

그동안의 Angular, React, Vue와 같은 JS들의 어떤 문제점이 NestJS에서 해결되었을까?

Node 하면 떠오르는 Express와는 무엇이 달라졌을까? 에 대해 살펴보자.

 

2. Nest VS Express

controller, service, module 패턴으로 통일성, 생산성 향상 높은 자유도 (개발자들의 선택의 폭이 넓음)
선택지(라이브러리 등)를 찾는 시간과 노력 필요
-> 통일성, 일관성이 떨어짐
typescript가 기본 설정. 바닐라 자바스크립트도 가능 추가 설정을 통해 typescript 사용 가능

Nest와 Express 공식 홈페이지 및 커뮤니티의 글을 통해 본 각각의 특징들이다.

내가 느낀바로 요약하면 "Express의 높은 자유도로 인한 선택 장애를 Nest가 해결해준다"이다.

 

아래는 각각의 공식 홈페이지이며 다음 글에서는 본격적으로 NestJS 프로젝트를 만들어보도록 하자.

 

NestJS https://nestjs.com/

 

NestJS - A progressive Node.js framework

NestJS is a framework for building efficient, scalable Node.js web applications. It uses modern JavaScript, is built with TypeScript and combines elements of OOP (Object Oriented Programming), FP (Functional Programming), and FRP (Functional Reactive Progr

nestjs.com

 

Express https://expressjs.com/

 

Express - Node.js web application framework

Fast, unopinionated, minimalist web framework for Node.js $ npm install express --save

expressjs.com

 

728x90
반응형

'NestJS' 카테고리의 다른 글

[NestJS] swagger에서 테스트하기  (0) 2022.03.23
[NestJS] Authentication 구현  (0) 2022.03.18
[NestJS] CRUD 구현해보기  (0) 2022.03.07
[NestJS] app.controller 살펴보기  (0) 2022.03.02
[NestJS] 개발하기  (0) 2022.02.25

+ Recent posts