Oracle Cloud의 ARM 인스턴스를 활용하고 있다. 그런데 최근 Oracle Cloud의 Always Free 정책에 변경 사항이 생겼다는 알림을 받았다.핵심은 기존 ARM(A1.Flex) 인스턴스의 Always Free 한도가 4 OCPU / 24GB → 2 OCPU / 12GB로 줄어들었다.이 한도를 초과해서 계속 사용하면 표준 요금이 부과되거나, 사용이 강제로 중지될 수 있다고 한다. 그래서 기존에 4 OCPU / 24GB로 운영하던 인스턴스를 새로운 한도에 맞춰 줄이는 작업을 진행했다. 이 글에서는 변경 사항과 대응 방법을 정리한다.1. 무엇이 바뀌었나오라클 공식 문서(Always Free Resources) 기준으로 정리하면 다음과 같다.OCI Ampere A1 Compute (ARM) ..

개요오라클 클라우드 프리티어 싱가포르 인스턴스에 WireGuard 기반 VPN 서버를 구축하는 과정이다. wg-easy라는 Docker 이미지를 사용해 웹 UI로 간편하게 관리할 수 있도록 구성한다.환경Oracle Cloud Infrastructure (OCI) Free Tier리전: ap-singapore-1 (싱가포르)OS: Ubuntu (ARM Ampere A1)Docker 29.4.3Docker Compose 5.1.31. Docker 설치# 패키지 업데이트sudo apt update && sudo apt upgrade -y시스템 패키지 목록을 최신화하고 업그레이드한다.# Docker 공식 설치 스크립트 실행curl -fsSL https://get.docker.com | shDocker 공식 스크..

오라클 클라우드 무료 티어로 서버를 하나 띄웠다. 처음엔 WireGuard VPN만 올려두고 아무것도 안 했다. 그런데 SSH 로그를 열어봤더니 이미 난리가 나 있었다.May 11 23:26:00 sshd: Connection closed by authenticating user root 158.180.74.12 [preauth]May 11 23:27:17 sshd: Connection reset by authenticating user root 2.57.122.196 [preauth]May 11 23:28:13 sshd: Disconnected from authenticating user root 176.65.132.50 [preauth]May 11 23:31:19 sshd: Connection res..

TMC25 | Engineering - 더 나은 UX를 위한 프론트엔드 전략https://www.youtube.com/watch?v=Q-_crvz4tv8해당 내용을 참고해서 글을 작성했습니다.사용자의 경험을 결정 짓는 최고의 UX다음 3가지로 정의된다.유려한 UI : 보기 좋고 사용하기 편한 디자인화면의 안정성 : Layout Shift 없는 견고한 화면로딩 속도 : 사용자가 기다리는 시간의 최소화여기서 로딩 속도를 이용하여 사용자의 UX를 개선하는 계획들을 살펴봤다. 1. SSR(Server Side Rendering)의 전략적 활용이 필요하다.토스(Toss)의 렌더링 전략: 선택과 집중화면이 위의 사진과 같다면자산 영역 (상단): 내 통장에 얼마가 있는지 보여주는 ..

"이벤트 루프가 뭐예요?" 누군가 나에게 이렇게 묻다면 나는 자신 있게 답을 할 수 있을까? 솔직히 현재의 나는 명쾌하게 대답할 자신이 없다. 그래서 이 글은 미래의 나를 위해, 그리고 이 질문에 답하기 위해 작성하는 정리 노트다. 1. 자바스크립트는 싱글 스레드인데 어떻게 멀티태스킹을 할까?이벤트 루프를 논하기 전에 먼저 해결해야 할 의문이 있다. "자바스크립트는 싱글 스레드(Single Thread) 언어다." 이 말은 한 번에 하나의 작업만 할 수 있다는 뜻인데, 실제 우리가 쓰는 웹 사이트는 파일도 다운로드하고, 애니메이션도 보여주고, 서버 요청도 동시에 처리하는 것처럼 보인다. 이게 어떻게 가능한 걸까? . 자바스크립트 엔진은 '요청'만 보내고, 실제로 시간이 오래 걸리는 작업(네트워크, 타이머..

React를 사용하다면 자연스럽게 JSX 문법을 사용하게 된다.하지만 사용하면서 JSX 코드가 어떻게 자연스럽게 브라우저에 실행되는지 그리고 React 와 JSX 는 어떤 관계인지에 대해 궁금해서 해당 글을 작성해본다.JSX 는 React를 위한게 아니다.나도 이 블로그를 쓰기 전까지 잘못 알고있던 사실중 하나이다. JSX 는 React 전용 문법이라고 생각했는데 사실은 그렇지 않다. JSX는 Meta 에서 만든 하나의 문법 사양 일뿐 React를 위한 전용이 아니다. 단지 React 에서 JSX를 채택하여 UI를 표한하는 하나의 라이브러리이다.이를 대표적으로 사용하는게 JSX 문법중에 JSXNamespacedName 이다. 이는 와 같은 콜론을 사용하는 네임스페이스 문법이지만 React에서는 이를 공..