전체 글37 [에러 해결 ]Next.js Image 에러 - Error: Invalid src prop hostname "~~~" is not configured under images in your `next.config.js` next.js에서유튜브의 썸네일 링크를 뽑아내 썸네일을 보여주려고 시도했다.먼저 테스트로 만들어놓고 이미지 소스 작성Image 를 사용하기 위해서 'next/image' 임포트실행 후 들어가보니까 에러가 났다Error: Invalid src prop (https://i.ytimg.com/vi/u8wu6fDGK44/maxresdefault.jpg) on next/image, hostname "i.ytimg.com" is not configured under images in your next.config.jsSee more info: https://nextjs.org/docs/messages/next-image-unconfigured-host공식문서를 보니까 next.config에 도메인을 추가해줘야 하는.. 2024. 8. 24. 성능개선 동등비교 정리 성능개선하다 궁금한 점 생겨 찾아본 내용을 공유먼저 성능개선 조건을 다음과 같이 받았다(메서드명과 변수명은 임의지정)회사 자체적으로 만든 equals를 쓸 때위처럼 사용하게 되면 이중 반복문이 되어 성능에 영향을 미친다고 아래 방식으로 변경이 필요했다AS-ISforeach{ if(isEquals(data, ['A', 'B', 'C', 'D']){ //doSomething }}TO-BEset = new Set(['A', 'B', 'C', 'D'])foreach{ if(set.has(data)){ //doSomething }}일단 equals가 비교대상목록이 배열로 들어오면 순회하면서 찾는다는걸 알기에 비 효율적인게 맞아 수정 먼저 했다위 소스를 고쳐놓고 "여러개 비교를 할 경우에는 set으로 바꿨지만 .. 2024. 7. 29. 회사에서 인덱스의 중요성 경험한 사례 최근 성능개선 업무를 하던 도중 따로 변한게 없는데 시간이 급격하게 증가했던 일이 생겼다증가했던 원인이 인덱스 여서 실제 몸에 체감되는 경험을 한 사례를 잊지 않기 위해 적어본다 성능개선은 경과시간이 아주 중요한 포인드였다개선 하다 어느 날 이전에 테스트 했던 시간 결과가 큰 차이가 났다90초 걸리던 작업이 124초정도로 34초나 증가했다최신을 잘못받았는지, 소스를 잘못 변경했는지 확인하다가 DB조회 시간이 늘었다는 것을 찾았다.조회 로직은 변한게 없었다.원인을 찾던 중 최근에 인덱스를 추가로 걸었던게 생각났다.덱스를 확인해보니 역시 인덱스가 사라져있었다.기존에 걸려있던 인덱스 명이 있었는데 중복검사 누락으로 인덱스 명이 동일하게 들어갔다.DB 초기화 하면서 기존에 이름이 같은 인덱스가 반영되어 새로운 .. 2024. 7. 3. GCP SSH VSCode로 연결하면서 생긴 문제 목록 해결 링크 : https://wooiljeong.github.io/server/gce-vscode/위 링크를 보며 연결하다가 실패한 원인과 해결 방법들을 적어놓기 위해 작성했다1. 연결 실패두 가지 원인1) 키 경로를 제대로 지정해 주지 않아 문제 발생IP주소를 바꿔 에러 내용은 타임아웃으로 바뀜경로를 지정하면서 해당 키를 못찾아 문제가 발생했다경로를 복사했더니 \가 사라지며 위 캡처처럼 됐다.위 IdentityFile에서 경로 및 파일이름까지 제대로 지정했는지 확인해야한다추가로 파일이름을 지정안하고 경로만 지정해서 에러 났었던 경우도 있었다꼭 경로와 파일이름 적기 ex) D:\test\ssh_key (파일이름)2) ssh키가 정상적이지 않아 문제 발생gcp에 등록하는데 복사를 잘못해 ssh키가 제대로 등록이.. 2024. 5. 6. 네이버 커머스 API 요청량 제한에 따른 카프카 조정 개요 네이버 스마트스토어 오픈 API가 기존 SOAP방식에서 커머스 API로 변경됐다. 변경 기준은 한 회사에서 보내는 요청량 기준으로 변경되면서 기준 제한이 심해졌다. 스마트스토어 커머스 api 요청량 제한 기준 사용하는 api 요청 제한량 1초에 2번 요청을 넘기면 그 이후 요청은 에러가 생겼다. 일단 기업 요청량에 따라 요청량을 변동할 수 있어서 10rps까지 늘렸지만 여전히 부족했다. 그리고 네이버 측에서도 무한정 늘려줄 수 없고 우리 회사측에서 요청량 제한에 맞게 필터링 에러가 안나도록 서버에서 로직 처리가 필요하다고 했다. 회사 서버 구조 회사 서버 구조는 그림과 같다. 서버가 여러 곳에서 카프카 토픽 발행해 쇼핑몰 요청 서버에서 컨슘한다. 거기서 각 컨슘별로 세마포어를 설정해 처리량을 조절해.. 2024. 4. 22. 클래스 , 객체 , 인스턴스 김영한님의 실전 자바 기본편 수강을 하면서 나는 어떻게 이 세 가지를 쉽게 설명할지 고민해봤다. 그렇게 나온 생각을 적어봤다. 옛날 어느 슈퍼 사장이 물건들을 팔았다. 매 번 수기로 어떤 것을 팔았는지 적다 컴퓨터라는 세상을 깨닫고 컴퓨터에 판매한 물건들을 저장하려고 시도한다. 사장은 과자, 음료수, 아이스크림 등 여러 물건을 팔았다. 사장은 이것을 "품목" 이라고 정의하고 목록을 정리했다. 목록 중 일부는 아래와 같다. 이름 가격 홈런볼 1000 초코바 2000 포카리 1500 감자깡 1000 ... ... 이 목록을 컴퓨터에 저장하려고 한다. 그럼 어떻게? 사장은 컴퓨터를 배웠으므로 소스를 다음과 같이 짰다. String[] nameList = ["홈런볼", "초코바", "포카리", "감자깡"] in.. 2024. 4. 20. 이전 1 2 3 4 5 6 7 다음
