react

React는 프레임워크와 라이브러리의 중간 단계인 만큼 사람들마다 파일구조가 다르다. 따라서 리액트로 협업을 할 때에는 Vue나 Angular보다 팀간의 코딩 컨벤션이 중요하다. 이번 게시물에서는 내가 주로 쓰는 Nextjs의 파일구조에 대해서 설명하도록 하겠다.우리는

Component는 사실항 User Interface로 View만을 담당한다. 하지만 우리는 반복되는 로직을 custom hook으로 리팩토링 할 수 있다.(사실상 비지니스 로직으로 볼 수 있다.) 여기에 몇가지 유즈케이스가 있다. 1. 이벤트등록 커스텀훅 App.

GraphQLUpload 는 apollo-server-express에 포함되어있으므로 따로 graphql-upload를 다운받지 않아도 된다.또한 graphql-upload의 GraphQLUpload는 type-graphql과 같이 쓰면(decorator와 같이 쓰면)

<리액트 모듈 선언법>import \* as React from 'react';import {Component, createRef} from 'react';<class state에서 주의점><class life cycle 타이핑>componentDidU

server-side-rendering 전통적인 ssr은 서버에서 html과 js 를 실행하여 브라우저에 보내주고 브라우저는 그것을 화면에 띄워주기만 했었다. 이후 발전해서 js와 html을 브라우저로 보내 js에 코딩된 내용에 따라 브라우저에서 액션 처리도 할 수