Joon's Space

Movies 컨트롤러 생성하기 (nest g co 명령어) nest 명령어를 통해 영화 api에 필요한 새로 필요한 컨트롤러를 genereate 해준다. controller의 alias는 'co' 이므로 nest g co 이런 식으로 명령어를 사용한다. controller의 이름을 입력하면 밑의 그림과 같이 파일이 새로 생겨난다. import { Module } from '@nestjs/common'; import { MoviesController } from './movies/movies.controller'; @Module({ imports: [], controllers: [MoviesController], providers: [], }) export class AppModule {} 다음과 같이 자..

NestJs 의 구조 기본적으로 프로젝트파일들을 생성했을 때, 가장 중요한 폴더 src를 살펴보면 controller, module, service, main 파일이 있다. nestjs 에서는 controller, service 의 파일코드들을 module 에서 관리하고, 이러한 모듈들을 main 파일에서 실행시키는 구조이다. import { Controller, Get, Post } from '@nestjs/common'; import { AppService } from './app.service'; @Controller() export class AppController { constructor(private readonly appService: AppService) {} @Get() getHello..

동기적 처리(Synchronous) - 내가 평소에 코딩했던 코드들이 컴파일하였을 때, 위에서 부터 순서대로 진행되는 것을 동기적 처리라고 한다. var fs = require('fs'); // fs라는 모듈을 사용함 //readFileSync console.log('A'); var result = fs.readFileSync('syntax/sample.txt', 'utf8'); // 변수 result는 return 값을 받음 console.log(result); console.log('C'); readFile 함수의 동기식 처리방법이다. 보통 nodejs에서는 비동기식 처리방식을 더 선호하기 때문에, 동기식 처리방식의 readFile 동기식 처리 함수는 따로 Sync가 붙는다. (sameple.txt ..

리액트에서 event 함수를 만들 때, state 값을 바꾸어 주려면, 밑의 코드와 같이 바꾸어주면, 오류가 나게 된다. render함수 안에서 this는 component 자신을 가리키지만, event function 안에서는 this 값이 undefined 하게 되기 때문. {this.state.subject.title} {this.state.subject.sub} import React, { Component } from 'react'; import Subject from "./components/Subject"; import Content from "./components/Contents"; import TOC from "./components/TOC"; import './App.css'; cla..

1. Component 1.1 Component를 사용하는 이유? -> 리액트는 HTML 태그 구조를 각 Component 로 분리하는데, 이렇게 하면 중복 코드들을 최소화시키고, 유지보수도 용이하게 해 준다. (객체지향 언어의 특징) WEB world wide web! HTML CSS JavaScript HTML HTML is HyperText Markup Language. 다음과 같은 pure.html 을 react에서 HTML semantic 태그들 (header, nav, article, etc)을 각 class Component로 App.js 에 생성해준다. 1.2 Component 기본 생성법 (기본 구조) class Hello extends Component { render() { retur..

1. Node.js 설치 (npm 사용하기 위함) nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Node.js 웹사이트에 들어가서 최신이나 최적화된 파일을 다운로드한다. 2. npm install -g create-react-app 을 이용해서 create-react-app을 설치 ※ 에러가 뜬다면 명령어 앞에 sudo를 붙어 다시 실행시켜본다. 3. 개발을 진행할 디렉토리를 하나 만들어 그곳에 react 파일을 생성한다. - 터미널에서 cd 명령어를 이용하여 생성한 디렉터리 위치로 이동한다. ( ex. cd Users/hyojun/Desktop/react-ap..