middleware
-
[Nuxt.js] Nuxt 학습기 - (3) Views, Routing, Middleware & ValidateFront-End(Web)/Vue 2021. 11. 29. 02:17
Nuxt 학습기의 3번째 시리즈부터는 Nuxt.js 토이 프로젝트를 진행하면서 사용해본 주요기능들을 정리해보려고 한다! 기능들이 전체적으로 유기적으로 연결되어 있어, 관련성보다는 Nuxt.js 가이드에서 소개하는 내용들 기반으로 진행해보려고 한다. 📗 Views Nuxt.js 어플리케이션의 기본적인 Viewing 구조를 먼저 짚고 넘어가보자. 1. Document Nuxt.js 어플리케이션 전체에 해당하는 HTML 도큐먼트이자 파일이다. 2. Layouts 모든 페이지에 공통으로 사용되는 레이아웃, 혹은 사용자 정의 레이아웃을 만들 수 있다. Header 등 공통요소를 반영하는데 용이하다. /layouts/default.vue 파일이 기본적으로 생성되며, 여기에 사용자가 커스텀도 적용할 수 있다. 또한,..
-
[Redux] 미들웨어(Middleware)Front-End(Web)/React - 라이브러리들 2021. 2. 18. 02:29
🙃 Redux 너란 녀석... Redux의 장점이자 단점이... 깊은 역사와 엄청난 생태계인 것 같다. 그만큼 많은 부가기능들과 트랜디한 업데이트들이 지원되고 있으며, 대체되는 기술들이 등장하지만 바로 넘어가기엔 부담이 있다. 분명, 소규모 프로젝트에까지 도입하기엔 다소 무게감이 있는 친구지만, Context API에 비해 완성도가 있다고 느껴진다. 오늘은 그 이유 중 하나인, 위에서 말한 '부가기능'에 해당하는 미들웨어의 개념을 간단히 공부해보았다. 💜 미들웨어(Middleware) 란? 미들웨어란 말이 낯설지는 않다. Node.js 서버 프레임워크인 Express.js 에서도 미들웨어라는 개념이 있었다. Request-Response 사이에 작동하는 함수들을 일컫는 말이었다. 즉, 미들웨어는 특정한 ..
-
[Express.js] 미들웨어(Middleware)Back-End/Express.js 2021. 2. 15. 01:17
마지막으로, Express의 기본개념인 미들웨어에 대해 공부한 내용을 정리하려고 한다. 프로젝트 서버를 구축하기 위해 Express를 공부하면서, 미들웨어라는 단어를 접할수록 혼란스러웠다. Router에서 app.use() 내 함수도 미들웨어, body-parser 나 cors 들도 미들웨어(Third-Party) 라고 명명하는 것이었다. 애써 무시하고 기능들을 구현했었지만, Express 기본학습을 마무리하기 전에 미들웨어의 개념을 한 번 정리할 필요성을 느꼈다. 📗 미들웨어(Middleware) 란? Express 공식문서에서는 미들웨어를 아래와 같이 정의한다. Express는 자체적인 최소한의 기능을 갖춘 라우팅 및 미들웨어 웹 프레임워크이며, Express 애플리케이션은 기본적으로 일련의 미들웨어..