Home
디피의 개발일지
Cancel

next.js - data fetching

next.js에서 사용자의 요청을 받고, 페이지를 만들어낼 때 외부 서버로 필요한 데이터를 요청해야할 때 사용하는 기법이다. data fetching은 기본적으로 페이지 컴포넌트에서 사용할 수 있고 경우에 따라 Custom App 컴포넌트에서도 사용할 수 있다. next 13부터는 app/ 구조를 사용한다면 일반 컴포넌트에서도 가능하다고 하지만, 현...

php 기초 강의

PHP 기초 PHP의 원리 웹브라우저에서 웹 서버로 index.php을 달라고 요청보냄 웹서버는 index.php을 처리할 수 있는 프로그램인 php에게 위임함 php는 index.php를 찾고, 해석해서 html 파일을 만듬. 웹 서버는 html을 받고 웹브라우저로 보내줌. PHP의 데이터 타입 숫자와 산술연산자 ...

쿠버네티스 Ingress

쿠버네티스 Ingress ingress는 일반적으로 외부로부터 서버 내부로 유입되는 네트워크 트래픽을 뜻한다. 쿠버네티스에서는 ingress라는 리소스 오브젝트가 존재한다. 쿠버네티스의 ingress는 외부에서 쿠버네티스 클러스터 내부로 들어오는 http, https 요청을 어떻게 처리할지 정의한다. 즉, 외부에서 쿠버네티스에서 실행 중인 depl...

nginx에서 환경변수 사용하는 방법

nginx.conf 에서 환경변수 사용 nginx.conf에서 환경변수를 사용하여 동적으로 nginx 설정을 변경하는 방법을 알아보자. envsubst 사용하는 방법 envsubst는 인풋으로부터 $VARIABLE 또는 ${VARIABLE}로 되어있는 값을 읽어 환경변수로 바꾸어주는 프로그램이다. envsubst을 활용해서 nginx.templa...

kubernetes 실습

이 포스트는 subicura 님의 kubenetes 안내서을 읽으며 요약/기록한 게시글입니다. Kubenetes 실습 Pod 생성하기 YAML로 설정파일 작성하여 생성하기 apiVersion: v1 kind: Pod metadata: name: echo labels: app: echo spec: containers: -...

kubernetes

이 포스트는 subicura 님의 kubenetes 게시글을 읽으며 요약/기록한 게시글입니다. Kubenetes 쿠버네티스(kubenetes, k8s)는 도커 컨테이너를 쉽고 빠르게 배포/확장하고 관리를 자동화해주는 오픈소스 플랫폼이다. 단순한 컨테이너 플랫폼이 아닌 마이크로 서비스, 클라우드 플랫폼을 지향하고 컨테이너로 이루어진 것들을 손쉽게 담...

nginx + spring boot+ react로 구성된 앱 dockerfile 작성

nginx + spring boot+ react로 구성된 앱 dockerfile 작성 docker flow 도커에서 이미지를 빌드하고, 앱이 실행되는 컨테이너를 실행하는 과정은 크게 이미지 빌드, 이미지 푸시, 컨테이너 실행 단계로 나뉜다. nginx + spring boot + react로 구성된 앱을 도커 이미지로 관리하려면 먼저 이미지를 ...

SockJS

SockJS 주로 Spring을 사용할 때, WebSocket Emulation 을 위한 라이브러리이다. WebSocket Emulation 이란 우선 웹 소켓으로 소켓 연결을 시도하고, 실패할 경우 HTTP Streaming, Long-Polling 같은 HTTP 기반의 다른 기술로 전환해 다시 연결을 시도하는 것을 말한다. 따라서 다음과 같은 ...

서블릿 컨테이너

서블릿 컨테이너는 서블릿들의 생성, 실행, 파괴를 담당하며 서블릿을 관리해준다. 서블릿 컨테이너는 클라이언트의 요청을 받고 응답할 수 있게, 웹 서버와 소켓을 만들어 통신한다. 서블릿 컨테이너의 대표적인 무료 서비스로 톰캣이 있다. 톰캣은 웹 서버와 소켓을 만들어 통신하며 JSP와 서블릿이 작동할 수 있는 환경을 제공한다. 서블릿이란? ...

ElasticSearch

Elasticsearch는 시간이 갈수록 증가하는 문제를 처리하는 분산형 RESTful 검색 및 분석 엔진입니다. Elastic Stack의 핵심 제품인 Elasticsearch는 데이터를 중앙에 저장하여 손쉽게 확장되는 광속에 가까운 빠른 검색, 정교하게 조정된 정확도, 강력한 분석을 제공합니다. (ElasticSearch 공식 문구) ...