# Koa

36개의 포스트
post-thumbnail

AWS EC2에 React+Node.js 프로젝트 배포하기

React와 Node.js로 만든 내 프로젝트를 AWS에 배포하는 과정에서 발생한 문제상황과 해결 방법을 기록한 글이다. 1. 인스턴스 생성 먼저, AWS에 가입 후 원하는 지역에 인스턴스를 생성해 준다. 내 경우 아마존 프리 티어로 이용 가능한 t2.micro 유

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

OAuth 2.0 카카오 로그인 구현하기

현재 진행 중인 프로젝트에 직접 계정 생성/로그인을 구현하는 것 외에 OAuth 2.0을 통한 '카카오 계정으로 로그인' 기능을 구현하려고 한다.프론트엔드는 React, 백엔드는 Koa, DB는 MongoDB를 사용하고 있다.사용자가 카카오 계정으로 로그인하면 인가 코

2022년 8월 8일
·
0개의 댓글
·
post-thumbnail

React와 Koa로 사용자 프로필 이미지 설정하기

현재 진행 중인 프로젝트에서 사용자가 이름, 성별, 나이 등의 정보 외에 '프로필 이미지'를 설정할 수 있도록 하고 싶다.프레임워크로 프론트엔드는 React를, 백엔드는 Node.js의 Koa를 사용하고 있다.사용자가 이미지 파일을 업로드하면 로컬 경로에 저장한 다음,

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

Cross-domain 환경에서 oauth를 통한 access-token 쿠키 등록하기

Cross-domain 환경에서 cookie 사용 시 발생할 수 있는 문제점과 oauth 인증 서버를 거쳐 cookie를 등록할때에 발생할 수 있는 문제점들에 대한 해결방법

2022년 5월 7일
·
0개의 댓글
·
post-thumbnail

Koa 프레임워크 접하기

벨로퍼트 님의 "리액트를 다루는 기술" 21챕터에 대한 내용이다.Express의 단점을 보완한 Koa 프레임워크를 통해 node 기반 백엔드를 구축하는 방법을 배운다.Express와 다르게 Koa는 미들웨어의 배열로 구성되어 있어 미들웨어 기능만을 가지고 있다. 따라서

2022년 4월 14일
·
0개의 댓글
·
post-thumbnail

데이터의 CRUD

포스트의 인스턴스를 만들 때는 new 키워드를 사용하고 생성자 함수의 파라미터에 정보를 지닌 객체를 넣습니다.인스턴스 생성 이후에는 save() 함수를 실행시켜 DB에 저장시켜야 합니다.api를 사용하여 데이터를 조회할 때에는 find()함수를 사용합니다.find()함

2022년 3월 28일
·
0개의 댓글
·
post-thumbnail

[Node.js/Koa] koa-router

Koa 프레임워크를 처음 소개할 때, Express와 비교했었죠? Express에는 기본적으로 다양한 미들웨어, 기능들이 포함되어 있지만, Koa는 가볍게 만들어져서 필요한 기능들만 사용자가 직접 추가할 수 있다고 했었습니다.Koa에는 Express와 다르게 라우터 기

2022년 3월 19일
·
0개의 댓글
·
post-thumbnail

[Node.js/Koa] Koa 미들웨어

익스프레스를 다루며, 미들웨어(Middleware)에 대한 것을 알아봤습니다. 미들웨어는 요청과 응답 중간에서 동작하는 것들을 미들웨어라고 부릅니다. 라우터 등이 대표적이 미들웨어의 일종입니다. Koa 라이브러리도 미들웨어를 중요하게 다룹니다.Koa는 미들웨어 함수를

2022년 3월 17일
·
0개의 댓글
·
post-thumbnail

[Node.js/Koa] Koa 웹 프레임워크

Koa는 Express의 개발 팀이 만든 프레임워크입니다. Express와 비교했을 때, 작년기준으로 Koa는 2번째로 높은 다운로드 횟수를 기록했지만, 여전히 익스프레스에 비해서는 낮은 수치를 기록하고 있습니다. 물론 그렇다고 해서 Koa가 Express보다 나쁜 프

2022년 3월 17일
·
0개의 댓글
·
post-thumbnail

nodemon 사용하기

서버 코드를 변경할 때마다 서버를 자동으로 재시작 하기 위해서 사용하는 모듈yarn add --dev nodemon

2022년 3월 12일
·
0개의 댓글
·
post-thumbnail

조건부 미들웨어 처리

if로 next를 호출하지 않게 하여 조건부로 원하는 미들웨어까지만 실행 할 수 있습니다. (로그인 사용자에게만 주는 데이터) 이런식으로 정해둔 인증키를 쿼리에 넣게되면 값을 주는 방식이다. Koa는 next함수를 호출하면 Promise를 반환합니다.(Koa가 Ex

2022년 3월 12일
·
0개의 댓글
·

📲 Back-end for Project

프로젝트를 설계할 때 데이터를 보존하고 여러 사람들과 공유하기 위해서는 저장할 공간이 필요하다.데이터를 보존하는 방법으로는 localStorage ,sessionStorage, cookie등이 있지만 실무에서 핵심 데이터 등을 저장할 때에는 데이터베이스를 사용한다.데이

2022년 3월 3일
·
0개의 댓글
·

[Node.js] koa-router 사용하기

다른 주소로 요청이 들어올 경우 다른 작업을 처리할 수 있도록 라우터를 사용해야 한다.Koa 자체에 이 기능이 내장되어 있지 않으므로 koa-router 모듈을 설치해야 한다.$ yarn add koa-routerindex.jsrouter.get의 첫 번째 파라미터에는

2021년 12월 30일
·
0개의 댓글
·

[개발지식] middleware - express, koa와 context

"서버의 요청을 처리한다", "데이터를 다룬다"toy project와 같이 규모가 작은 프로젝트를 진행하거나, 학습 목적의 localhost server를 구성하였다면 장담컨대 가장 많이 활용하는 도구가 express일 것이다.물론 express보다 훨씬 간편하고 직관

2021년 12월 8일
·
0개의 댓글
·

Object is possibly 'null'.ts(2531)

Object is possibly 'null'.ts(2531)객체의 타입이 null 일 수도 있다는 뜻이다. user.password 에서 user의 값이 null일 수도 있기 때문에 생겨난 문제다. IUser(interface dto) 일 수도 있지만 Null 일 가

2021년 9월 22일
·
0개의 댓글
·
post-thumbnail

`ctx.body` does not stop function

흔히 koa를 처음 사용하는 주니어 개발자들(나 포함)이 express 와 마찬가지로 이제 클라이언트에 response를 보내기 위해 흔히 하는 방법인 res.send() 를 사용하지 않고 koa만의 방법인 ctx.body = ~ 을 사용하여 개발을 한다. 나는 이제

2021년 9월 22일
·
0개의 댓글
·

koa 프로젝트 세팅

nodejs 프레임워크 중에 express 말고 koa 라는 새로운 프레임워크를 사용해보고자 한다. koa는 express 개발자들이 새롭게 만든 프레임워크라고 한다. 기존에 사용하던 node를 가지고 koa를 개발하고자 하면$ yarn add koa$ yarn add

2021년 9월 20일
·
0개의 댓글
·
post-thumbnail

Koa를 활용한 웹 프레임워크 기본: Rest API

잘 짜여져 있는 Koa 프로젝트를 볼 기회가 있었습니다. 다른 프로젝트를 할 때 써먹을 일이 있지 않을까 싶어서 초기 세팅을 정리했습니다.

2021년 9월 7일
·
0개의 댓글
·
post-thumbnail

Jest + Supertest 로 Koa API 테스트하기

Jest로 Koa의 API를 테스트하기 위해서 겪었던 일들을 적기 위해 글을 썼다. 테스트 자동화에 가장 많이 쓰이는 도구 중 하나인 Mocha도 있지만 Jest가 설정이 간편하고 하나의 패키지에 모든게 들어있다고 하여 Jest를 사용하기로 했다.(Jest는 mocha

2021년 3월 17일
·
0개의 댓글
·
post-thumbnail

🌕 The Art of React part1

Koa를 사용하여 백엔드 서버를 만드는 기본 개념에 대해서 공부했습니다.REST API를 살펴보고 어떻게 동작하는지 자바스크립트를 배열을 통해 배워보았습니다.koa-router를 이용하여 경로에 따라 다른 작업을 할 수 있게 도와줍니다.MongoDB를 이용하여 데이터베

2021년 1월 1일
·
0개의 댓글
·