AllDevOps (8)TIL (8)Vagrant (8)VM (8)경험 (5)cookie (2)nextjs (2)ci/cd (1)JSON (1)Nginx (1)Python (1)SEO (1)Tomcat (1)VProfile (1)YAML (1)아무말 (1)
All posts
15 posts
2026-04-16

VProfile — 로컬 멀티 VM 환경과 VM Setup 이해하기

실습 목표 VProfile 프로젝트의 로컬 멀티 VM 환경을 구성하고, 각 서버의 역할과 연결 구조를 이해하는 과정이다. 이번 단계의 핵심은 애플리케이션 기능 자체보다, 왜 서비스를 여러 계층으로 분리하는지, 그리고 그 구조를 반복 가능한 환경으로 어떻게 구성하는지를 이해하는 데 있다. 왜 서버를 나누는가? VProfile은 다음과 같이 구성된다. web01 — N

#VProfile#Vagrant#Nginx#Tomcat#VM
2026-04-15

Variables, JSON & YAML

Shell 변수 터미널에서 변수를 선언하고 사용할 수 있다. 쌍따옴표(")는 $ 변수를 치환하고, 홀따옴표(')는 문자 그대로 출력한다. Python 변수와 데이터 구조 변수 List 순서가 있고, 값을 변경할 수 있는 컬렉션이다. Tuple List와 비슷하지만 값을 변경할 수 없다(immutable). 한 번 만들면 추가/삭제/수정이 불가능하다. Dict

#DevOps#JSON#YAML#Python#TIL
2026-04-14

Vagrant — systemctl과 Tomcat 10 설정하기

핵심 포인트 이 수업의 핵심은 Tomcat이 아니라 systemctl이다. 패키지 매니저로 설치하면 자동으로 서비스 파일이 등록되지만, 수동 설치한 소프트웨어는 직접 서비스 파일을 만들어야 한다. 그 과정을 Tomcat으로 실습한다. httpd로 서비스 파일 구조 이해하기 패키지 매니저(dnf)로 설치하면 /usr/lib/systemd/system/httpd.servi

#Vagrant#VM#DevOps#TIL
2026-04-12

Vagrant — Multi VM 환경 구성하기

왜 Multi VM이 필요한가? 실제 서비스는 웹 서버, DB 서버 등 여러 서버로 구성된다. 하나의 Vagrantfile에서 여러 VM을 정의하면 이런 멀티 서버 환경을 로컬에서 재현할 수 있다. Vagrantfile을 여러 개 만들어도 되지만, 하나의 파일로 관리하면 VM 간 같은 네트워크 대역을 쉽게 공유할 수 있고 vagrant up 한 번으로 전체 환경을 올릴

#Vagrant#VM#DevOps#TIL
2026-04-11

Vagrant — Ubuntu에 WordPress 구축하기

실습 목표 Ubuntu VM에 LAMP 스택(Apache2, MySQL, PHP)을 설치하고, WordPress를 배포하는 과정이다. VM 생성 Vagrantfile에서 메모리를 넉넉하게 설정한다. WordPress + MySQL + PHP를 함께 돌려야 하기 때문이다. hostname 설정 VM 접속 후 호스트 이름을 설정한다. 여러 VM을 운영할 때 터미널 프롬

#Vagrant#VM#DevOps#TIL
2026-04-10

Vagrant — CentOS에 웹사이트 구축하기

실습 목표 CentOS VM에 웹 서버(httpd)를 설치하고, HTML 템플릿을 배포하는 과정이다. VM 생성 vagrant box list는 로컬에 이미 다운로드된 Vagrant box 목록을 보여준다. vagrant init은 지정한 box 기반으로 Vagrantfile을 생성한다. 패키지 설치 및 웹 서버 실행 systemctl start는 지금 바로 서비스

#Vagrant#VM#DevOps#TIL
2026-04-08

Vagrant — Provisioning으로 VM 초기 설정 자동화하기

Provisioning이란? VM이 처음 생성될 때 자동으로 실행되는 초기 설정 작업이다. 패키지 설치, 디렉토리 생성, 서비스 시작 등을 자동화할 수 있다. 컴퓨터를 새로 사서 "고스트"로 OS + 프로그램을 한 번에 설치하는 것과 같은 개념이다. 껐다 켤 때마다 다시 실행하지 않듯, provisioning도 최초 생성 시에만 자동 실행된다. 언제 실행되는가? |

#Vagrant#VM#DevOps#TIL
2026-04-07

Vagrant — IP, RAM, CPU 설정과 네트워크 이해

Vagrantfile 기본 구조 Vagrantfile은 Ruby 문법으로 작성된다. 기본 구조는 다음과 같다. Vagrant.configure("2") — 설정 API 버전. "2"는 Vagrant 1.1 이상의 현재 표준이다. do |config| — Ruby의 블록 문법으로, Vagrant 설정 객체를 config라는 이름으로 받는다. config.vm.box —

#Vagrant#VM#DevOps#TIL
2026-04-07

Vagrant — Synced Folder로 호스트와 VM 파일 공유하기

Synced Folder란? 호스트(내 PC)의 디렉토리와 VM 내부의 디렉토리를 양방향으로 동기화하는 기능이다. 한쪽에서 파일을 만들면 다른 쪽에도 즉시 반영된다. 기본 동기화 vagrant up을 하면 Vagrantfile이 있는 디렉토리가 VM의 /vagrant에 자동으로 동기화된다. 별도 설정 없이도 동작하는 기본 동기화다. 커스텀 Synced Folder

#Vagrant#VM#DevOps#TIL
2025-03-11

갑자기 구글폰트 나눔 명조체가(Nanum Myeongjo) 이상하게 보인다!?

블로그에서 기본적으로 나눔명조체를 사용하고 있다. 근데 갑자기 로컬에서 자간이 엄청 길게 나오는 상황이 발생했다. 수정한게 하나도 없는데도.. (production은 이미 이전 font가 빌드 되어있어서 문제없는 상황) alt text alt text PR의 내용을 통해 에러 발생 원인을 유추해보면, 웹에서 나눔명조체를 사용해 space를 사용했을떄 tofu가 보이는

#경험
2025-03-11

무중단 배포로 CRA app → Next.js로 변환하기

배경 팀의 메인 목표는 오가닉 트래픽을 늘리는 것이였고, 마케팅과 같은 회사의 자원을 지원받기는 힘든 상황이였다.. 즉, 팀의 자력으로 문제를 해결해야 했는데, 프론트엔드의 코드베이스는 CRA 기반의 프로젝트로 구성되어있어 SEO 최적화 또한 힘든 상황이였다. 문제정의 오가닉 트래픽을 늘리기 위해서는 SEO 최적화를 통해 검색 엔진에 노출이 많아야하는 상황이였다. 기업

#경험#nextjs#cookie
2025-03-05

다중 개발 서버 환경에서의 API 오리진 동적 설정: Next.js 미들웨어와 쿠키 활용

배경 회사의 메인 서비스는 약 10개의 개발 서버(dev1, dev2, …, dev10)를 운영 중이며, 각 서버는 인증 정보를 제외한 데이터가 독립적으로 동작한다. 내가 담당하고 있는 서비스는 메인 서비스가 아니여서 메인에서 레포지토리를 분리했지만, 메인 서비스와의 의존성이 남아있는 기능들이 꽤 있었고, 유입된 dev 서버에 따라 API origin을 동적으로 변경해야했

#경험#nextjs#cookie
2025-03-05

개발 블로그는 왜 운영하기 힘든걸까

최근에 다양한 경험을 기록하고 생각들도 남기기 위해 블로그를 다시 만들었다. 예전에 개발 블로그가 유행을 했을때 몇개월정도 관리를 했었는데, 한 5-6개 정도의 글을 작성하다가 자연스럽게 멈췄던 기억이 있다. 그때 왜 블로그 운영하지 않았는지 곰곰히 생각봤는데.. 1\. 완벽주의의 덫 블로그를 시작했을때 "다양한 경험과 깊이 있는 내용들을 열심히 올려야겠다!" 라고

#아무말
2025-03-01

정적 이미지 파일 쉽게 관리하기

배경 운영중인 프로젝트에서 이미지 파일을 사용하는 경우가 많다. 웹 서버의 부하를 줄이고 이미지 로드 속도를 높이기 위해 회사 내부에서 CDN을 통해 정적파일을 관리하고 있다. 다만 개발경험 관점에서 크게 2가지 문제가 있었다. 1\. 비효율적인 이미지 업로드 과정 위에서 얘기한것처럼 정적 이미지들은 CDN으로 관리하고 있다. 그렇기 때문에 정적 이미지를 피그마나 디

#ci/cd#경험
2025-02-26

CSR의 SEO

회사의 아티클 중 “조직문화 성공 방정식”라는 제목의 아티클이 구글에서 몇 번째로 노출되는지 테스트하고 있었다. 근데 토스의 아티클이 첫번째로 노출되고 있었다. 레퍼런스 분석을 위해 들어가서 확인해봤는데 csr로 렌더링하는 것이였다. 토스 아티클 음?? 구글 크롤러는 CSR을 지원한다고 하던데..정말인가보다.  네이버의 크롤러는 CSR을 지원하지 않는다고 알고

#경험#SEO