💥 트러블 슈팅

useEffect의 cleanup 함수에 있는 return 문에 화살표 함수는 return value가 있으면 안된다고 뜬다. 이는 아래와 같이 if 문에 return undefined를 추가하면 해결이 된다. > 출처: https://stackoverflow.c

💩 기존 코드 이번에 처음으로 input을 공용 컴포넌트로 만들어보았는데, 프로젝트 기간이 너무 짧아 react-hook-form에 대한 공부를 별로 하지 않고 동작(?)만 하는 컴포넌트를 제작했다. 팀원들과 소통하며 내 input의 문제를 파악했는데, 1) 비제어 컴포넌트를 제어 컴포넌트처럼 만들었다. 2) react-hook-form과 맞지 않다....

나는 어느순간부터 '범용적이면서도 재사용성이 높은 공통 컴포넌트 만들기' 에 대해 고민을 많이했다. 팀 프로젝트를 할 때 마다 공통 컴포넌트를 먼저 만들고 시작하는데, 항상 내가 만든 컴포넌트가 만족스럽지 않았다. 특히 지난 코드잇 인턴 프로젝트를 하면서 이 부분에

UI와 비즈니스 로직을 분리해야겠다고 생각하게 됐던 계기는 한 파일 안에 너무 많은 코드가 있을 경우 내 코드지만 읽기 싫다는 생각이 강하게 들어서였다. 항상 책임분리와 깔끔한 코드 작성이 유지보수와 가독성에 큰 영향을 미친다는 것을 들었음에도 기능구현을 하고나면 리팩

이번 프로젝트에서는 Next의 app router를 사용하게 됐는데, axios를 사용하지 않고 Next의 fetch를 활용하고 싶었다. 이유는 Next.js는 서버에서 각 요청이 지속적인 캐싱 및 재검증 방식을 설정할 수 있도록 Web fetch() API를 확장한다

칸반을 만들던 도중 직면한 문제다. 드래그 앤 드롭을 구현하려고 이렇게 생긴 칸반을 만들었고, 내가 드래그 앤 드롭을 구현하고자 했던 방향은 카드를 잡고 움직이면 컬럼 내에서는 순서 바뀌기 컬럼간에는 Todo, OnProgress, Done의 상태 바뀌기 이러했다

팀 프로젝트를 하면서 한 번도 직접 모달을 만들어본 적이 없었는데, 이번에 개인 프로젝트를 진행하면서 처음으로 모달을 구현해봤다. 이 과정에서 Zustand를 전역 상태 관리 라이브러리로 선택했는데, 그 이유는 다음과 같다.Redux는 actions, reducers,

오늘은 서류 합격을 받은 회사의 면접을 보러 가는 날이었다. 면접이 진행되는 동안 여러 질문에 답변을 하다가, 면접관님께서 갑자기 이렇게 물어보셨다."왜 Firebase API Key가 그대로 노출되게 했나요?"이상했다. 나는 분명 .env 파일에 API Key를 저장

eks에 서비스를 배포하면서 수많은 에러를 맛보았지만, 이렇게 이틀이나 걸린 에러는 처음이었기에,,, 작성하게 된 블로그! 사실 쓸 건 정\~~말 많았지만 공부하고 적용하는데 시간을 더 투여하느라 바로바로 작성하지 못했다. 일단 시작문제 상황: Datadog을 성공적으

HashiCorp Vault는 데이터 암호화와 접근 제어를 통해 비밀 정보 관리를 위한 소프트웨어 도구이다. 비밀 정보(예: API 키, 비밀번호, 인증서)를 안전하게 저장하고, 사용자 인증과 권한 부여를 통해 엄격하게 제어하며, 감사할 수 있다. Vault는 클라우드

문제: 매번 1시간씩 걸리는 IP 변경 작업 사무실 VPN IP가 바뀔 때마다 인프라 전체를 업데이트해야 한다. 단순해 보이지만, 실제로 수정해야 하는 곳이 꽤 많았다. Pulumi 스택 10개 Terragrunt 설정 2개 Kubernetes ingress-ngi