무슨 일이 있었나회사 서비스의 DB 서버를 IDC에서 NCP(Naver Cloud Platform)로 이전했다. 이전 직후, 외부 API로 받은 판매 데이터를 적재하는 프로시저가 keyId 생성 단계에서 오류를 내기 시작했다.코드는 한 줄도 바뀌지 않았다. 개발서버에서는 지금도 정상이다. 그렇다면 남는 건 환경 차이뿐이었다.원인: UUID_SHORT()는 server_id를 쓴다keyId는 UUID_SHORT()로 만들고 있었다. 이름 때문에 단순한 랜덤 함수라고 생각했는데, 실제로는 아래 공식으로 64bit 정수를 만든다.(server_id & 255) 상위 8비트를 server_id가 결정한다. 그리고 두 서버의 server_id가 달랐다. 기존 서버NCP 서버server_id1400번대server_..

이번 성장캠프 멘토링에 참여하며 '돈'과 '시간'에 대해 깊게 고민해볼 수 있는 기회를 가졌습니다. 기술적인 성장에 매몰되기 쉬운 시기에, 자본주의 사회에서 어떻게 삶의 구조를 세팅해야 할지 현실적으로 다가온 조언들이 많았습니다. 멘토링에서 쏟아진 이야기들과 제 경험을 녹여 후기를 정리해 봅니다.1. 멘토링 내용 정리개미의 가장 큰 무기는 시간이다이번 회차의 핵심 키워드는 시간과 복리였습니다. 자산을 불리는 데 있어 가장 큰 밑천은 종잣돈의 크기가 아니라, 그 돈이 굴러갈 시간이라는 것입니다.물가 상승률은 연 4~5%인데 일반적인 연봉 인상률은 2% 수준입니다. 즉 인상률이 물가를 따라가지 못하면 실질 연봉은 마이너스가 됩니다.은행에 그대로 넣어둔 돈도 마찬가지입니다. 10년이면 구매력 기준으로 절반 가..

배포 2주 만에 서버 메모리가 45%를 넘겼다. 의심스러운 곳을 두 군데나 고쳤는데 아무 소용이 없었고, 진짜 원인은 전혀 다른 곳에 있었다.1. 증상: 우상향하는 메모리 그래프회사에서 Angular로 만든 홈페이지를 배포했다. SEO와 GEO(생성형 엔진 노출)를 신경 써야 하는 사이트라 CSR 대신 SSR(Angular Universal) 로 구성했다.배포하고 1~2주쯤 지났을 때, 웹서버 메모리 점유율이 45%를 넘고 있는 것을 발견했다. 트래픽이 폭증한 것도 아닌데 이상했다.시간 단위로 다시 확인해봤다.그래프가 계단식으로 꾸준히 우상향내려오는 구간이 단 한 번도 없음웹서버를 재시작하니 5%대로 뚝 떨어짐재시작으로 회수된다는 건, 누군가 메모리를 잡고 안 놓아주고 있다는 뜻이다. 전형적인 메모리 누..

- 이번사이트는 가운데에 있는 네모 사진 안에 커서를 놓으면 사진이 커지면서 커서가 바뀌는 페이지 입니다. Javascript Mouse Effect04 마우스 이펙트 - 마우스 따라다니기 1 2 3 4 5 We first make our habits, then our habits make us. 처음에는 우리가 습관을 만들지만 그다음에는 습관이 우리를 만든다. - html입니다. - 자바스크립트입니다. - gsap 라이브러리를 사용해서 만들었습니다. - 가운데이 있는 이미지에서 마우스커서를 만들어줄 것이기 때문에 좌표의 기준이 화면의 끝이 아니라 중앙으로 잡는 것이 키포인트입니다. - 전체 화면을 2로 나눈 값을 기준으로 잡아서 만든 것이죠 - 그리고 커서를 만들어서 가운데의 사진안에 넣어주고 마우스를..

데이터베이스 구축의 시작은 언제나 "요구사항 분석"입니다. 많은 개발자들이 바로 테이블부터 만들고 싶어 하지만, 실무에서는 이 단계를 대충 넘기면 잘못된 구조의 DB로 인한 재작업과 유지보수 지옥을 경험하게 됩니다. 이번 포스트에서는 제가 경험한 실제 사례를 바탕으로 요구사항 분석이 왜 중요한지, 어떻게 해야 하는지를 정리해보았습니다.1️⃣ 요구사항 분석이란 무엇인가?요구사항 분석은 말 그대로, 시스템이 어떤 기능을 해야 하는지를 정의하는 단계입니다. 단순히 어떤 데이터를 저장할지가 아니라, 비즈니스 흐름에서 어떤 데이터를 언제, 누가, 왜 사용하는지를 파악하는 작업입니다.이 분석이 제대로 되지 않으면 다음과 같은 문제가 생깁니다:테이블은 만들었는데 실제 화면에 안 쓰임데이터를 수집했는데 쿼리로 뽑아낼 ..

- 마지막 패럴럭스 모드 입니다. - 가로와 세로를 합친 모습입니다. - 가로만 있는 것은 8번에 있습니다. Javascript parallax Effect09 페럴럭스 이펙트 : 가로 세로 효과 1 2 3 4 5 6 7 8 9 10 01 02 03 04-1 04-2 04-3 05 06 07 08 09 scrollTop : 0px - 전체 코드 입니다. - 기본적인 개념은 섹션4에 있는 4-1 ~ 4-3 들을 position을 fixed 즉 고정시켜 놓았습니다. - z-index의 차이를 주어서 눈에는 보이지 않지만 사실 맨 윗쪽부터 4-1 ~ 4-3들이 있는 것입니다. - 그리고 섹션4의 z-index만 4-1 ~ 4-3보다 낮게 주어서 섹션4에 오면 4-1 ~ 4-3들이 보이게 해주었습니다. - 그리..