무슨 일이 있었나회사 서비스의 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%대로 뚝 떨어짐재시작으로 회수된다는 건, 누군가 메모리를 잡고 안 놓아주고 있다는 뜻이다. 전형적인 메모리 누..

무슨 일이 있었나회사 서비스의 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_..

- 마지막 패럴럭스 모드 입니다. - 가로와 세로를 합친 모습입니다. - 가로만 있는 것은 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들이 보이게 해주었습니다. - 그리..

- 오늘도 슬라이드 이펙트입니다. - 해야될 것은 오늘은 dot 버튼 대신에 사진을 넣어두고 클릭했을 때 움직이는 것이죠 - 하지만 오늘은 좌표를 움직이는 방식이 아니라 active라는 클라스를 넣어주고 빼주어서 표현하는 방식입니다. // 이미지 저장한 변수 let images = [ "./img/sliderEffect06-min.jpg", "./img/sliderEffect07-min.jpg", "./img/sliderEffect08-min.jpg", "./img/sliderEffect09-min.jpg", "./img/sliderEffect10-min.jpg" ]; let currentIndex = 0; // 현재 보이는 이미지 function imageSlider(parent, images) { /..