All Posts(14)

javascript

frontend

backend

go

aws

kubernetes

database

archive

issue

Toss Learner's High 서버 1기에 대한 아카이빙을 남긴다. 올해 무엇 하나 이뤄낸게 없다. 그러기에 오직 이 프로그램에 올인한다는 마음가짐. 달려보자.

Toss Learner's High 1기 아카이빙

archivebackend- Updated by 2024-12-13

의존성 주입을 의미하는 DI(Dependency Injection)는 객체 간 의존성을 외부에서 주입해주는 설계 패턴이다. 객체 생성과 의존성 관리를 통해 코드 결합도를 낮출 수 있다. Go에서는 주로 생성자(Constructor) 매개변수를 만들어 주입하는 방식을 사용하며, 프로젝트 규모가 커짐에 따라 `Google Wire`나 `Fx`와 같은 DI 라이브러리를 사용하여 생성과 주입을 자동화시킬 수도 있다. 필자는 일단 가장 기본적인 생성자 매개변수를 통한 DI를 구현했다.

[Golang] 클린 아키텍처를 위한 의존성 주입 리팩토링

backendgo- Updated by 2024-12-08 (임시저장)

이번 게시글은 Certbot으로 SSL 인증서를 발급하고 Kubernetes를 활용하여 클라우드에 배포하는 과정을 정리한다. 회사에서 SSL 인증서가 3개월마다 만료될 때, "0biglife님, SSL 갱신해주세요."라고 요청이 오곤 한다. 이 과정을 Cron과 Shell script로 자동화하는 방법에 대해 다루고자 하는데, 그 전에 간단히 Certbot으로 인증서 갱신하는 방법을 정리해보려한다.

Certbot으로 SSL 갱신하기(Feat. K8s)

kubernetesfrontend- Updated by 2024-11-30

브라우저로 성능 조회를 하다가 Chrome Dev Tools 상단 탭의 lighthouse를 본 적이 있는가. 아마 Chrome과 Redux의 큰 장점인 Redux Devtools 확장 툴을 써본 사람은 한 번쯤 슥 지나치다 봤을테다. 오늘은 lighthouse로 웹 애플리케이션의 브라우저 성능을 모니터링하고 개선시켜본다

[Nextjs] Lighthouse로 브라우저 성능 개선시키기

frontend- Updated by 2024-10-21

이번 게시글은 현재 맡은 업무와 관련하여 문서화된 내용을 정리하며 작성하였다. Go로 백엔드를 구성하는 과정에서 Swagger를 어떻게 하면 편하게 관리할 수 있는지에 대한 고민으로 시작되었다. Swaggo와 OpenAPI generator, 그리고 CI/CD까지 시도해본 기술들을 정리한다.

[Go] Swaggo로 SwaggerUI 적용하기 (Feat. CICD 실패기)

backendgo- Updated by 2024-10-14

싱글(스레드)인 자바스크립트를 위하여..Javascript는 논블로킹 싱글스레드 언어라고 표현한다. Javascript Series를 시작하기 가장 적합한 말이다. 구조와 기능에 대한 특성을 한 마디로 표현해줘서일까. 이번 게시글에서는 JS의 싱글스레드 특성을 구조를 통해 살펴보고 이전 게시글의 스코프와 호이스팅이 실행 컨텍스트와 어떤 관계를 가지는지 알아본다.

[Javascript] (1) 메모리 구조와 실행 컨텍스트

frontendjavascript- Updated by 2024-10-10

본 게시글에서는 JS 동작 과정과 그 안에서 발생하는 호이스팅은 무엇인지, 그리고 호이스팅을 통해서 var, let, const에서 나타나는 차이점은 무엇인지를 설명한다. 2번 게시글에서는 Javascript가 가지는 구조로 인하여 왜 비동기 동작이 필요한지를 디테일하게 다뤄본다. 필자가 여러 문서와 글들을 참고하여 노션에 정리한 공부 내용을 바탕으로 작성하기 때문에, 최대한 술술 읽히도록 글을 작성하고자 한다.

[Javascript] 코드 안정성을 위한 호이스팅

frontendjavascript- Updated by 2024-10-06

또르륵..

브라우저 이슈: 블로그가 Safari에서만 접속이 안되는 건에 대하여

issuefrontend- Updated by 2024-09-28

이번에는 조금 막막하지만 굉장히 중요하다고 생각하는, 프론트엔드 개발자라면 반드시 알고 있어야하는 고려사항에 대해 말해보려고 한다. 바로 리렌더링을 방지하는 것에 대한 이야기다. 리렌더링을 방지하기 위해서는 어떤 케이스에 발생하는지를 알아야하고, 당연하게도 이벤트가 벌어지는 브라우저가 어떻게 돌아가는지 이해하고 있어야한다. 내용은 크게 두 가지로 나눠 설명한다.

리렌더링 방지는 브라우저 동작을 이해하는 것에서 시작된다.

frontend- Updated by 2024-09-27

가장 해보고 싶던 정리다. 뭔가 기능 하나를 찾아보기위해 2-3가지 이상의 공식 문서와 정리글을 여기저기서 찾아보면서 오래 걸려 구현된 기능들을 현재 게시글 하나에 축약해서 넣어보려고 한다. mongoDB를 쿠버네티스에 배포하고 싶다거나 데이터베이스를 배포하기하는 과정과 그 과정 속에서 생기는 물음들을 해소하고자 하는 분들에게 도움이 될 글이라 생각한다.

Kubernetes StatefulSet으로 MongoDB 구성하기

databasekubernetes- Updated by 2024-09-25

이미지는 컨텐츠에서 중요한 요소이기 때문에 성능이 향상된다면 HTML이 로드되는 과정에서 초기 페인트 성능을 향상시키기 때문에 페이지 로딩 속도 측면에서 가장 유리해보인다. 사용자 경험 개선 뿐만 아니라 데이터 절감 효과까지 있어 모바일 사용자나 제한된 데이터 플랜을 사용하는 사람들에게 더욱 중요할 수 있는 개념이라 생각한다.

[Nextjs] 렌더링 이미지 최적화: 기본편

frontend- Updated by 2024-09-24

이번에는 렌더링 방식에 대해 정리한다. 웹 구조와 렌더링 방식, 그리고 Next.js가 제공해주는 SSR, CSR, SSG, ISR부터 코드 분할 기법을 활용한 CSR 보완 방식까지 알아본다. 렌더링 방식에 대해 따지기 앞서, 애플리케이션의 구조가 어떻게 바뀌어왔기에 그에 맞는 렌더링 방식이 필요해왔는지가 중요하다.

[Nextjs] 렌더링 방식이야, 신중하게 선택해.

frontend- Updated by 2024-09-22

블로그를 개발하고 배포하는 것에서 가장 우선순위로 둔 네 가지 사항은 다음과 같다. 참고로 이번 포스팅에선느 어떤 고민들을 했냐에 대한 아카이빙에 대하여 작성하기 때문에 기술적으로 깊이 있는 내용을 다루지 않는다.

왜 AWS Amplify로 배포하였니? with EKS and Vercel!

awsarchive- Updated by 2024-09-20

오늘 날짜는 추석 연휴를 막 마친 2024년 9월 20일. 개발자 취준 시절 때부터 운영해오던 티스토리 블로그를 이번 기회에 옮기게 되었다. 최근 두 달간 여태 공부한 것들에 대한 정리하는 시간을 가지면서 이력서와 포트폴리오를 업데이트하고 면접도 보러다니고 있다.

기술 블로그를 새로 장만하였습니다.

archive- Updated by 2024-09-18