피곤한아이의 개발 블로그

EC2 초기 설정

2026년 01월 11일2024년 12월 08일 작성자: 피곤한아이

1. EC2 접속 2. 재부팅 처음에 EC2 수령 후 한번 재부팅한다. 3. 서버 시간대 설정 4. 미러서버 변경 및 APT 업데이트 apt 업데이트 후 패키지를 업데이트한다. 5. Docker 설치 Ubuntu Jumpstart your client-side server applications with Docker Engine on Ubuntu. This guide details prerequisites and multiple methods to install Docker Engine on Ubuntu. 하란대로 … 더 읽기

IntelliJ 초기 설정

2026년 01월 12일2024년 12월 08일 작성자: 피곤한아이

1. Intellij 가. code convention ctrl+alt+s → setting으로 들어간다. Editor → Code Style → Java로 들어간다. 다운로드 받은 xml 파일을 선택하고 적용한다. actions on Save 검색 → Reformat code와 Optimize imports 옵션 활성화. (선택사항) import 검색 후 Add umambiguous imports on the fly와 Optimize imports on the fly 활성화. 나. Build, Test Tools 변경 gradle … 더 읽기

REST API의 Stateless에 대하여

2026년 02월 09일2024년 09월 07일 작성자: 피곤한아이

1. 사건의 발달 저번 프로젝트 진행하면서 URL을 stateless 하게 설계했음. 그런데 인증, 인가를 검증하는 단계에서 URL의 정보와 JWT 속 정보를 지속적으로 비교 검증해야 번거로운 문제가 발생함. 사용자 정보를 2번 받기 때문에 인증, 인가가 복잡해짐. → REST API의 stateless에 대하여 잘못 이해하고 있는 것을 깨달음. 2. Rest API의 stateless란 REST API가 stateless를 추구하는 이유는 다음과 같습니다: … 더 읽기

7주간 프로젝트를 진행하며 느낀점

2026년 02월 09일2024년 08월 18일 작성자: 피곤한아이

생각보다 프로젝트 주제를 정하는 것은 쉽지 않다. 가장 개인적인 것이 가장 창의적인 것이다. 무언가 깊게 경험해보고 그곳의 문화를 이해해야 사람들에게 무엇이 필요한지 파악할 수 있다. Connecting dot! 모든 경험이 결국 이어진다. 무엇이든 열심히 해야한다. 수평적인 커뮤니케이션은 중요하다. 다만 중심은 있어야 한다. 프로젝트를 성공적으로 마무리하기 위해선 강한 추진력이 필요하다. 의식적으로 휴식시간을 가지자. 에너지가 부족하면 쉽게 날카로워 … 더 읽기

[Nginx] HTTPS 적용

2026년 01월 11일2024년 08월 04일 작성자: 피곤한아이

1. HTTPS 필요 Nginx SSL Termination이란 Nginx 서버가 클라이언트와의 SSL/TLS 연결을 종료하고, 그 이후의 트래픽을 암호화 없이 백엔드 서버로 전달하는 과정을 의미한다. 이를 통해 백엔드 서버의 부담을 줄이고, SSL/TLS 관리와 인증을 Nginx가 처리할 수 있도록 한다. 외부와의 통신은 보안이 중요한 만큼 HTTPS를 사용하여 데이터를 암호화한다. 외부에서 제3자가 데이터가 전송되는 동안 데이터를 들여다볼 수 없게 … 더 읽기

[Nginx] 리버스 프록시

2026년 02월 09일2024년 08월 04일 작성자: 피곤한아이

NGINX Reverse Proxy | NGINX Documentation 1. 리버스 프록시 설정법 위와 같이 path가 /일 경우는 react를 빌드한 정적인 파일을 주고 path가 /api/v1인 경우 8080 포트의 Spring-Boot 백엔드 서버로 요청을 전달한다. 2. server block 3. 정적 파일 처리 4. 프록시 설정 기본적으로 proxy_pass 뒤에 슬래시(/) 가 붙지 않으면 전체 request_uri가 그대로 유지된다. 예시: /path/to/file?x=1 -> 그래로 /path/to/file?x=1이 … 더 읽기

[Nginx] Nginx란?

2026년 02월 09일2024년 08월 03일 작성자: 피곤한아이

1. Nginx란? nginx – 위키백과, 우리 모두의 백과사전 Nginx는 웹 서버 소프트웨어이다. 기본적인 웹 서버 기능을 제공할 뿐만 아니라, 리버스 프록시, 로드 밸런서, http 캐싱 그리고 메일 프록시 기능을 제공한다. HTTP 프록시와 웹 서버 기능 메일 프록시 기능 2. 탄생배경 (위 영상을 보는 것을 추천합니다.) 가. Apache와 C10K 최초의 웹 서버 NCSA HTTPd는 버그가 많았다. … 더 읽기

[Vue.js] Pinia

2026년 02월 07일2024년 07월 07일 작성자: 피곤한아이

1. 상태 관리 Vue.js Vue.js – 프로그래시브 자바스트립트 프레임워크 모든 Vue 컴포넌트 인스턴스는 이미 자체 반응형 상태를 관리한다. 이때 단방향 데이터 흐름을 가진다. 하지만 이런 상태 관리의 단순성이 무너지는 시점이 오는데… 여러 컴포넌트가 상태를 공유할 때 단순성이 무너지기 시작한다. 가. 여러 뷰가 동일한 상태에 종속된 경우 여러 뷰가 하나의 상태의 변화에 따라 복잡하게 상호작용 할 … 더 읽기

[Vue.js] Props & Emit

2026년 01월 11일2024년 07월 07일 작성자: 피곤한아이

Vue.js Vue.js – 프로그래시브 자바스트립트 프레임워크 Vue.js Vue.js – 프로그래시브 자바스트립트 프레임워크 1. Props 가. defineProps() defineProps는 <script setup> 내에서만 사용할 수 있는 compile-time macro다. defineProps는 컴포넌트에 전달된 모든 props를 객체로 반환한다. defineProps의 다양한 타입이 인자로 올 수 있다. 위에서는 배열이 인자로 왔다. 하지만 객체를 인자로 전달하는 것을 추천한다. Props의 이름뿐 아니라 다양한 옵션도 추가할 … 더 읽기