"짧은 글에 담긴 진솔한 고민, 10개의 아쉬운 글보다는 1개의 가치 있는 글 쓰기 지향"
-블로그 주인장 올림-

개인의 경험과 고민이나 생각, 철학 등을 기록해 놓은 블로그입니다.
단순한 기술적인 내용으로 작성하기보단, 왜 이 기술을 사용할까? 실제로 어떤 경우에 사용될까?와 같은 고민이나 실제로 겪어보고 느낀 점 등과 같은 경험적인 내용 위주로 담았습니다.

기술적인 주제의 카테고리는 000~400번까지입니다.
개인적인 취미,회고 등의 카테고리는 P태그가 붙은 P-000~P~300번입니다.

Github: https://github.com/murphybread
Email: nargene@gmail.com

최근 30일 인기 많은 글들(By Google Analytics)

Libray new books

POSTS	Link	Date	Tags
마크다운 문서에서 발생하기 쉬운 웹 렌더링 시 HTML 엘레멘트 인식 문제 해결하기	KR-010.00 e	25-03-28	#트러블슈팅
HTML 구현 기록 저장소	KR-010.10 b	25-03-25	#HTML
글 데이터 증가에 따라 느려진 로딩 속도 저하 해결하기(feat. Obsidian)	KR-010.00 d	25-03-25	#Debugging
Building a Voice-Driven AI Assistant: Integrating ASR, TTS, LLM, RAG, and Text-to-Image	Create conversation AI with RAG and Voice integrate	25-03-25	#ASR #TTS #LLM #RAG #T2I #STT #Kokoro82m #chagpt #openai-realtimeAPI #bge-m3 #qdrant #ComfyUI
CSS의 단위 CSS at-rules 레이아웃 선택자와 속성	KR-010.10 c	25-03-23	#CSS

Blog Post Categories

KR-000 기술 스택

KR-010 Dev
- KR-010.00 Debugging
  - KR-010.00 a VSCode 브레이크 포인트를 활용한 디버깅
  - KR-010.00 b IT블로그 blockquote 개발자도구로 찾아내서 수정하기
  - KR-010.00 c IT블로그 table 요소 보기 좋게 수정하기
  - KR-010.00 d 글 데이터 증가에 따라 느려진 로딩 속도 저하 해결하기(feat. Obsidian)
  - KR-010.00 e 마크다운 문서에서 발생하기 쉬운 웹 렌더링 시 HTML 엘레멘트 인식 문제 해결하기
- KR-010.10 HTML,CSS,JavaScript
  - KR-010.10 a styled-components 간단 소개
  - KR-010.10 b HTML 구현 기록 저장소
  - KR-010.10 c CSS단위 CSS at-rules 레이아웃 선택자와 속성
  - KR-010.10 d styled-components를 지양하게 된 이유
- KR-010.20 React
  - KR-010.20 a React공식사이트에서 UI표현하기 중 중요한 내용만 추출
  - KR-010.20 b 상호작용성 더하기
  - KR-010.20 c State 관리하기
  - KR-010.20 d 탈출구
- KR-010.40 Node.js
  - KR-010.40 a Node.js 성능 향상: I/O-bound에는 Async와 CPU-bound를 위한 Cluster API vs Worker Threads 학습 및 비교 테스트
- KR-010.60 Jest
  - KR-010.60 a 신입 개발자가 정리한 Jest 테스트 사용 예시와 환경 구성
KR-020 Ops
- KR-020.00 Git
  - KR-020.00 a Git 특정 환경의 파일만 커밋없이 제외하기
- KR-020.10 Docker
  - KR-020.10 a 직접 겪으며 정리해본 도커 사용 이유와 잘 쓰기 위해 생각해볼 점
  - KR-020.10 b Kaniko와 credStore 및 Multistage 활용
  - KR-020.10 c Kops와 eksctl 설치하기
  - KR-020.10 d Helm 사용하기 ArgoCD, Loki, Grafana
- KR-020.20 Cloud
  - KR-020.20 a 클라우드를 사용할 때와 사용시 고려 요소

KR-100 프로젝트 경험

KR-110 개인 프로젝트
- KR-110.00 디스코드 베스트 포스트 추천 봇 제작기
  - KR-110.00 a 디스코드 베스트 포스트 추천 봇 만들기 1편 - 프로덕션환경에서 기존 기능 수행하기 (feat. 처음보는 10008에러 해결)
  - KR-110.00 b 디스코드 베스트 포스트 추천 봇 만들기 2편 - Mock데이터로 10008에러 데이터도 수집하기 그 와중에 또다시 발생한 모든메시지0인 예외 케이스
  - KR-110.00 c 디스코드 베스트 포스트 추천 봇 만들기 3편 - 파일 읽기 쓰기와 디스코드 봇 커맨드 구현하기
  - KR-110.00 d 디스코드 베스트 포스트 추천 봇 만들기 4편 - 프로덕션 올리기전 시크릿 제거하기 bfg-repo-cleaner 와 커밋이 2배로 늘어나버린 문제
  - KR-110.00 e 디스코드 베스트 포스트 추천 봇 만들기 5편 - 클라우드와 크론잡을 통해 24시간 서비스 생성하기
  - KR-110.00 f 디스코드 베스트 포스트 추천 봇 만들기 6편 - 모든 게시글 수 확인 하기, 유연한 확장을 위한 구조 수정, 적절한 캐시 사용
- KR-110.10 LLM에 RAG를 결합하여 내 블로그를 안내해주는 개인 사서
  - KR-110.10 a Langchain,Streamlit , Milvus 등의 LLM을 위한 툴
- KR-110.20 Google Ananlytics를 이용하여 블로그 인기 글 모듈 만든 후 서비스하기
  - KR-110.20 a Google Analytics API 구현 및 임베드 코드를 위한 Looker Studio사용과 UI를 위한 추가 업데이트
- KR-110.40 생성형 AI를 이용한 개인 창작 마법 프로젝트
  - KR-110.40 a 프로젝트 중 겪은 트러블 슈팅 (CORS, 소셜 로그인 등)
  - KR-110.40 b DB 설계, 기능 구현 및 UI UX관련
- KR-110.50 명언 내보내기 프로젝트
  - KR-110.50 a 명언 내보내기 프로젝트 GitHub Pages 구현후 큰 문제로 플랫폼 변경하기
  - KR-110.50 b 명언 내보내기 프로젝트 Vercel Functions으로 serverless로 관리하기
  - KR-110.50 c 명언 내보내기 프로젝트 POST. DELETE가 Remote에서 불가능하다면 Local에서 구성하기
KR-120 팀프로젝트
- KR-120.00 국비학원 졸업 프로젝트 AWS EKS 기반 물류 관리 자동화 구축
KR-130 회사 프로젝트
- KR-130.00 a CI/CD 파이프라인 전환 및 고도화 구축 경험

KR-200 문제해결 경험

KR-210 렌더링 및 UI or UX
- KR-210.00 a Hydration 에러: styled-components와 framer-motion동시 사용시 props가 강제로 넘어가면서 생긴 복합적 문제 해결하기
- KR-210.00 b React로 Timer 구현시 시간을 원하는 형태로 업데이트 하기

KR-400 성장 경험

KR-410 개인 학습과 성장
- KR-410.00 우아한테크코스 프리코스 7기 회고록 1개월 기록
  - KR-410.00 a 우아한테크코스 프리코스 7기 1주차 - 기능 단위 목록과 커밋 메시지
  - KR-410.00 b 우아한테크코스 프리코스 7기 2주차 - 목표 수정과 depth 및 eslint
  - KR-410.00 c 우아한테크코스 프리코스 7기 3주차 - 목표 수정과 Jest
  - KR-410.00 d 우아한테크코스 프리코스 7기 4주차 - 어려운 난이도 일단 구현하기 및 테스트케이스 분석하기
  - KR-410.00 e 우아한테크코스 프리코스 7기 최종 코딩테스트 불합격 원인 분석하기
- KR-410.10 개발자로서 한 번쯤 생각해볼 고민들
  - KR-410.10 a 코드를 작성하는 역량과 읽고 분석하는 역량중 더 중요한 것은
  - KR-410.10 b 데이터 설계 가지고 놀기
  - KR-410.10 c 다이어그램 그릴 때 생각해 볼 점
  - KR-410.10 d Formal하게 용어를 쓰도록 노력해보면서 배우는 것들
- KR-410.20 독서
  - KR-410.20 a 객체지향의 사실과 오해 독후감 역할,책임,협력 이라는 3요소
  - KR-410.20 b 소프트웨어 장인 독후감 프로페셔널리즘, 실용주의, 자부심
  - KR-410.20 c 독후감 리액트 훅을 활용한 마이크로 상태 관리 React에서 상태 관리란
KR-420 시스템 설계와 운영 개선
- KR-420.00 운영 지표와 성능 관리
  - KR-420.00 a SLA, SLO, SLI의 차이와 고려해야 할 점

Personal Categories

KR-P-000 사색의 기록

KR-P-010 기록된 질문
- KR-P-010 a Hodie Vixi(Today I Lived) 오늘 하루도 고생한 스스로에게 해줄 말
- KR-P-010 b 스스로 생각했을 때 불가능하다고 포기했던 일을 다시 시도하는 방법
- KR-P-010 c 직업을 선택할때 지표를 통해 어느 것이 좋은지 평가해보는 방법

KR-P-100 취미와 놀이터

KR-P-110 기술 놀이터
- KR-P-110 a 지식관리 툴로 옵시디언을 사용하는 이유
- KR-P-110 b 모바일웹, 웹앱, 하이브리드앱, 네이티브앱 정리
KR-P-120 취미
- KR-P-120 a AI 노래: 오늘과 내일의 간격은 오늘과 어제만큼멀까
- KR-P-120 b gemini flash 2.0 으로 일관된 그림체의 캐릭터 그려보기

KR-P-300 회고

KR-P-310 주간 회고
- KR-P-310 a 2024년11월3주차 회고: 우아한테크코스 프리코스 7기 정리, next 프레임워크 사용해보기
- KR-P-310 b 2024년11월 4주차 회고: 협업 프로젝트시 필요한 것, 회사에 지원하기 위한 항목들의 퀄리티란
- KR-P-310 c 2024년12월1주차 회고: hydration 트러블 슈팅과 프론트엔드의 핵심 state와 component
- KR-P-310 d 12월 2주차 코딩테스트 준비하기 구현 문제 5시간안에 풀기
- KR-P-310 e 24년 12월 3주차 주간 회고: 기존 글들 마이그레이션 및 독서
- KR-P-310 f 24년 12월 4주차 주간 회고: 불합격 그리고 리팩토링
- KR-P-310 g 25년 1월 1주차 주간 회고: 준비하지 못한 이번년도
- KR-P-310 h 25년 1월 2 주차 주간 회고: 아직 준비 되지 않은 이번 년도
- KR-P-310 i 25년 1월 3주차 주간 회고 취업 준비하기
- KR-P-310 j 25년 1월 4주차 주간 회고 하던 일 마무리 하기
- KR-P-310 k 25년 1월 5주차 회고 설날이라는 긴 휴일
- KR-P-310 l 25년 2월 1주차 회고 코딩테스트 공부 및 서류준비
- KR-P-310 m 25년 2월 2주차 코딩테스트 알고리즘 및 SQL공부
- KR-P-310 n 25년 2월 3주차 코딩테스트 알고리즘 및 SQL 공부 수행
- KR-P-310 o 25년 2월 4주차 취업 포트폴리오 탐색 및 계획
- KR-P-310 p 2025년 3월 1주차 회고 포트폴리오만들기 먼저 커스텀 UI 라이브러리 만들기
- KR-P-310 q 2025년 3월 2주차 회고 포트폴리오 컴포넌트 및 페이지 만들기 AI RAG 프로젝트
KR-P-330 연간 회고
- KR-P-330 a 2023년 회고
- KR-P-330 b 2024년 회고

History of Library

Link: History of Library