Junhyunny's Devlogs - mysetting

2:55 5/30

junhyunny.github.io

mobile screenshot relative

2:55

junhyunny.github.io

mobile screenshot

Junhyunny's Devlogs
https://junhyunny.github.io/

개발자

저작도구: Jekyll v3.9.0

최종 피드 수집: 2024-12-22 09:46

전체 (386)

13d

Memory leak by detached DOM elements in React

RECOMMEND POSTS BEFORE THIS
Reference counting algorithm for garbage collect
Mark-and-sweep algorithm for garbage collect
0. 들어가

javascript

react

000

19d

Mark-and-sweep algorithm for garbage collect

RECOMMEND POSTS BEFORE THIS
Reference counting algorithm for garbage collect
0. 들어가면서
참조 카운팅 알고리즘에서 정리한 것처럼 치명적인 단점으로 인해 모던 브라우저

information

javascript

000

22d

Reference counting GC(garbage collect) in JavaScript

0. 들어가면서
현재 프로젝트에서 첫 MVP 릴리즈 이후 클라이언트(브라우저) 애플리케이션에서 OOM(out of memory)가 의심되는 현상이 발견됬다. 사용자가 약 1시간 30분 정도 장시간 동안 애플리케이션을 사용하는 데,

information

javascript

000

26d

Socket Identificaiton

0. 들어가면서
한 1년 전쯤 한번 같이 일하는 동료랑 웹 소켓에 대한 이야기를 나눴던 적이 있다. 웹 소켓을 연결할 때 사용하는 포트 번호에 관련된 이야기였다. 지금에 와서 정확히 기억이 나진 않지만, 클라이언트(브라우저)에서

information

000

2M

Styling for range type input HTML Element

0. 들어가면서
input HTML 엘리먼트를 range 타입의 디자인을 커스터마이징(customizing)하는 방법에 대해 정리했다.
1. Terminology
range 타입 input HTML 엘리먼트를 구성하는 요소들에 대

html

css

javascript

000

2M

Register client in Keycloak for OAuth2

RECOMMEND POSTS BEFORE THIS
Setup Keycloak
0. 들어가면서
이전 글에서 키클록(keycloak)을 설치하고 관리자 사용자로 렐름(raelm)과 새로운 사용자를 만드는 방법에 대해 정리했다. 이번

security

tool

002

2M

Setup Keycloak

RECOMMEND POSTS BEFORE THIS
SSO(Single Sign On)
OAuth(Open Authorization)
OpenID Connect
1. Keycloak
키클록(keycloak)은 오픈 소스 아이덴티티(

security

tool

000

2M

TestContainer for DynamoDB test

RECOMMEND POSTS BEFORE THIS
DynamoDB CRUD example with spring boot
Problem of sharing ApplicationContext with TestContainer
How

spring-boot

aws

dynamodb

test-container

000

2M

DynamoDB CRUD example with spring boot

RECOMMEND POSTS BEFORE THIS
Run DynamoDB local container with docker compose
0. 들어가면서
이전 글에 이어서 스프링 부트 애플리케이션에서 DynamoDB에 데이터를 읽

spring-boot

aws

dynamo-db

000

2M

Run DynamoDB local container with docker compose

0. 들어가면서
이번 프로젝트에서 가장 어려운 부분은 DynamoDB라는 새로운 기술 셋을 사용해야만 한다는 것이다. 패러다임이 완전히 다르기 때문에 데이터베이스 설계나 사용하는 부분에서 애를 먹고 있다. 시작한지 두 달이 넘어가

docker

aws

dynamo-db

000

3M

Terraform Backend for tfstate management

RECOMMEND POSTS BEFORE THIS
Deploy EC2 into Target Group in AWS with Terraform
0. 들어가면서
이전 글에서 테라폼을 사용해 EC2 컨테이너를 구성하고 ALB 타겟 그룹

terraform

000

3M

Deploy EC2 into Target Group in AWS with Terraform

RECOMMEND POSTS BEFORE THIS
Create ALB and TargetGroup in AWS with Terraform
0. 들어가면서
이전 글에서 테라폼을 사용해 ALB, 타겟 그룹(target group)을

terraform

000

3M

Create ALB and TargetGroup in AWS with Terraform

RECOMMEND POSTS BEFORE THIS
Create VPC in AWS with Terraform
0. 들어가면서
이전 글에서 테라폼을 사용해 VPC를 구성하는 방법에 대해 정리했다. 이번 글은 기존 VPC를 기준으로

terraform

000

3M

Create VPC in AWS with Terraform

RECOMMEND POSTS BEFORE THIS
Introduction Terraform
0. 들어가면서
현재 프로젝트는 인프라 관리를 위해 테라폼(terraform)으로 하고 있다. 간단한 실습만 해봤지 실제 프로덕트 개발과

terraform

000

3M

CodeceptJS with Playwright for E2E test

0. 들어가면서
E2E 테스트를 작성할 때 항상 Cypress 프레임워크를 사용했었다. 이번 프로젝트에선 새로운 CodeceptJS, Playwright 라는 프레임워크를 사용해 볼 기회가 생겼다. 이번 글에선 두 프레임워크에 대

e2e-test

000

3M

Custom Action in Github Actions

RECOMMEND POSTS BEFORE THIS
Github Actions Basic
Github Actions Example
Optimize Github Actions
0. 들어가면서
액션(action)은 깃허브 액션스 워크플

github

000

3M

Use git-remote-codecommit for AWS CodeCommit

1. GRC(Git Remote CodeCommit) in AWS CodeCommit
CodeCommit은 AWS에서 호스팅하는 코드 버전 관리 서비스다. 깃허브(github)나 깃랩(gitlab)처럼 소스 코드의 형상 관리나 병

aws

000

4M

Setup ESLint and Prettier in Vite

0. 들어가면서
프론트엔드 관련된 기술들은 특히 빠르게 변하는 것 같다. 이 글을 읽는 개발자들이 오래된 버전 때문에 헤메지 않도록 이 글에서 사용한 프로젝트의 버전을 먼저 확인하길 바란다.
{
...
"dependenci

vite

react

000

4M

Connect AWS ECS and RDS

RECOMMEND POSTS BEFORE THIS
AWS ECS(Elastic Container Service) Setup
0. 들어가면서
이전 글에서 구축한 ECS 클러스터에서 실행되는 태스크(task)는 H2 데이터베이스를 사

aws

000

4M

Could not find a valid Docker environment when use TestContainer in MacOS

RECOMMEND POSTS BEFORE THIS
How to setup TestContainer in Kotlin Spring Boot
1. Problem Context
TestContainer를 사용해 결합 테스트를 작성할 때

spring-boot

testcontainer

000