SMAIVNN
article thumbnail
[SERVER] 웹 서버와 WAS 그리고 DB
Web 2023. 3. 14. 23:42

본 게시글은 직접 공부한 내용을 바탕으로 작성한 글입니다. 만약 틀린 부분이 있다면 댓글을 통해 말해주시면 감사하겠습니다. 웹서버의 역할은 뭘까요? 서버 개발자는 개발을 하며 웹서버, 웹서버 합니다. 그리고 우리는 node.js를 이용하여 처음 개발을 시작하며 node.js를 사용해서 "웹서버를 연다!"라고 배우며 node.js를 배우기 시작하죠, 하지만 우리는 지금 Nginx에 대해 공부하고 있습니다. 그런데 어라? 조금 찾아보니 Nginx도 웹서버라고? 라는 생각이듭니다. 이에 대해 설명해 보겠습니다. 웹서버 서버 개발자가 말하는 웹서버는 일반적으로 아래와 같은 구조의 형태를 말하는 웹 서버입니다. web server → was (web application server) → database 이 일반..

article thumbnail
[좋은 웹 API 디자인] 사용하기 좋은 API 디자인
Web 2023. 3. 3. 17:08

해당 게시글은 영진닷컴의 을 바탕으로 작성 되었으며 영진닷컴의 저작권 허락을 바탕으로 게재되는 글입니다. 1편 - [좋은 웹 API 디자인] API 디자인 기초 https://smaivnn.tistory.com/8 이 전 글에서 우리는 컨슈머의 입장에서 api를 구현해야 한다고 했다. 그렇다면 컨슈머의 입장은 어떻게 알 수 있을까?, 바로 사용자 입장에서의 직관성이다. 직관적인 이름 나는 판타지 소설을 좋아한다. 판타지 소설을 읽다보면 미들네임을 갖고 있는 이름이 많이 보인다. 가령 예를 들어 "게임 속 바바리안으로 살아남기"의 주인공 이름은 "얀델의 아들 비요른"이다. 이러한 미들네임은 서양에서 많이 볼 수있다. 고대 로마의 가이우스 율리우스 카이사르부터 현대의 한나 다코타 패닝, 로빈 리한나 펜티 등..

article thumbnail
[좋은 웹 API 디자인] API 디자인 기초
Web 2023. 3. 1. 01:19

해당 게시글은 영진닷컴의 을 바탕으로 작성 되었으며 영진닷컴의 저작권 허락을 바탕으로 게재되는 글입니다. 2편 - [좋은 웹 API 디자인] 사용하기 좋은 API 디자인 https://smaivnn.tistory.com/9 API란 무엇인가? 웹 어플리케이션 프로그래밍 인터페이스, 줄여서 API라고 부르는 이 것은 개발을 하며 정말 많이 보고 듣는 단어이다. 좋은 웹 API 디자인을 알아보기 이전에 우선 이 API가 무엇인지에 대해 정의 하는 것이 필요하다. 인터페이스(interface)란 뭘까? 사전적 의미는 상호작용이다. 즉, API란 애플리케이션이 다른 무엇과 상호작용을 하도록 하는 것이라는 추상화 된 개념을 갖는 것이다. API 디자인이 왜 중요한데? 개발을 하며 우리는 많은 API를 활용하고, ..

article thumbnail
[OAuth2.0] 카카오 로그인 구현
Web 2023. 2. 25. 20:45

카카오 로그인(React, node.js) 들어가며, 카카오 로그인을 구현하면서 정말 많은 삽질을 하였다. 나의 경우 passport를 이용하다가 이해가 가지 않아 다시 공식 문서를 참고하여 Rest API를 이용.. 그러던 와중 결국 프로세스를 깨달아 버려서 해당 내용을 글로 정리하고자 한다. 이번 글에서는 kakao developer사이트의 공식 REST API활용한 방법에 대해 알아본다. 카카오 디벨로퍼 등록 카카오 로그인을 구현하기 위해서는 카카오 디벨로퍼 등록을 진행해야 합니다.관련하여서는 따로 다루지 않으나 추후 추가할 가능성도 있습니다. RestAPI RestAPI를 이용하는 방법은 공식 문서에 잘 나와있다. 하지만 이는 조금 아는 사람들에 해당하는 말이고 이를 처음 접한 나로써는 읽기 너무..

article thumbnail
[node.js] socket.io 예제와 정리
Web 2023. 2. 25. 20:30

Socket.io 이란? socket.io를 알아보기 전, 웹 소켓에 대해 먼저 알아보자. 웹 소켓은 HTML5에 새로 추가된 실시간 양 방향 데이터 전송을 위한 기술이다. http가 아닌 ws프로토콜을 사용하며, 따라서 브라우저, 서버가 ws프로토콜을 지원하면 사용 가능하다. socket.io 사용 예제 socket.io 예제의 디렉토리 구조는 아래와 같다. 필요한 npm을 install 해준다. npm install express socket.io 그리고 아래 코드를 각 파일에 붙여넣자. // index.js const express = require("express"); const app = express(); const webSocket = require("./socket"); app.get("/..