본문 바로가기

전체 글192

모델은 정상 작동, 응답은 500 오류? 실무에서 놓치기 쉬운 엑셀 파싱 이슈 문제 상황최근에 한 프로젝트에서 사용자 업로드 파일을 api모델에서 파싱하여 처리하는 도중 500 (Internal Server Error)가 발생했다.특이한 점은, 템플릿 파일을 그대로 업로드하면 문제 없고, 사용자가 수정한 파일만 오류가 발생했다는 점. 이 문제상황을 해결하기 위한 내용들을 정리하여 포스팅 하였다. 목차 500 오류 원인 분석처음엔 프론트엔드 JSON 전송 문제를 의심했지만, 확인 결과 문제가 없었다.서버 로그에도 오류가 남지 않아 의문이 깊어졌는데...결정적 단서는 "수정한 엑셀 파일"의 저장 프로그램이었다.[화면 진입] ↓[템플릿 다운로드] ─────┐ ↓ [MS 엑셀로 수정] → ✅ 예측 결과 출력 .. 2025. 4. 22.

[Vue] 파일 업로드 net::ERR_UPLOAD_FILE_CHANGED 오류 해결 vue 프레임워크로 개발을 진행하면서, 파일 업로드 기능을 구현하게 되었다. 이때 마주한 net::ERR_UPLOAD_FILE_CHANGED오류를 해결한 과정에 대해 포스팅 해보았다. 목차 ❓ net::ERR_UPLOAD_FILE_CHANGED 오류란?net::ERR_UPLOAD_FILE_CHANGED 오류는 브라우저가 사용자가 선택한 파일이 업로드되기 전에 변경되었거나, 더 이상 유효하지 않다고 판단할 때 발생한다.이 오류는 주로 다음과 같은 상황에서 발생한다.같은 파일을 다시 선택했지만 요소의 값을 초기화하지 않았을 때파일을 선택하자마자 너무 빨리 초기화 코드를 실행했을 때Vue, React 등 SPA 환경에서 HMR(Hot Module Replacement)로 인해 컴포넌트가 리렌더링되며 참조.. 2025. 4. 22.

[nginx] nginx.conf 백앤드 연동(proxy 설정 방법) 해당 포스팅에서는 nginx에서 proxy설정을 통해 백엔드 프로젝트 및 api 모듈과 연결하는 방법에 대해 기재해보았다. 목차 GET/POST 요청 허용처리(nginx.conf)server 내부에 '/'에 대한 로케이션 블럭 내용이다.location / { try_files $uri $uri/ /index.html; #nginx 정적 소스에서 POST 요청 안하는게 기본값. GET, POST 요청만 허용하겠다 명시화. limit_except GET POST { deny all; }}해당 블럭을 통해 기대되는 기능은 아래와 같다.요청된 경로가 파일인지 확인 → 없으면 index.html로 리다이렉트 (SPA 지원용)G.. 2025. 4. 21.

[지도 lib] 바람 자료 GIS상 애니메이션 표출(leaflet-velocity.js) 오픈소스 leaflet(지도 라이브러리), leaflet-velocity.js를 활용하여 바람자료(풍향, 풍속)을 애니메이션 시각화 하는 방법에 대해 정리해보았다. 목차 필요 리소스 참조leaflet.css, leaflet.js, leaflet-velocity.js의 참조가 필요하다.CDN 방식을 위해서는 아래와 같이 내부에 선언해주면 된다. 혹여 파일 첨부 방식이 필요한 경우에는 아래의 파일을 사용하여 리소스를 참조하여 활용할 수 있다. 지도 초기화css 소스html, body, #map { height: 100%; margin: 0; padding: 0;} html 소스 js 소스// 중심좌표 및 zoom레벨 설정(서울 기준)const map = L.map('map.. 2025. 4. 17.

[linux] 서버 간 디렉토리 공유: NFS로 A 서버 디렉토리를 B 서버에서 마운트하기 서버 간 파일을 공유하고 싶은 상황, 많으시죠?이번 포스팅에서는 A 서버의 특정 디렉토리를 B 서버에서 NFS(Network File System)로 마운트하여 읽고/쓰기 가능한 환경을 구성하는 방법을 소개합니다. 목차 목표✅ A 서버의 /home/itbiz/WORK/Ham/DNA/upload 디렉토리를✅ B 서버에서 NFS로 마운트하여✅ 실시간으로 읽기 및 쓰기가 가능한 상태로 만들기 ✅ 1단계: A 서버에서 NFS 서버 설정 (공유 제공자)📌 1. NFS 서버 설치sudo apt updatesudo apt install nfs-kernel-server 📌 2. 공유할 디렉토리 확인이미 공유할 디렉토리가 존재하므로, 바로 공유 설정을 진행합니다.공유 대상 경로:/home/upload 📌.. 2025. 4. 1.

[File] 리눅스 파일 정렬(서버 파일 목록 정렬) 프로젝트 진행 중, 서버 내 " 공통문자열_자료구분번호_YYYYMMDDHH24mi "형식의 명명규칙을 가진 파일 가진 자료를 불러내어 js코드로 시계열 그래프를 생성해내는 로직을 구현하였다. 이때, Window OS인 로컬 환경에서는 파일명 기준 정렬(1. 자료 구분번호 기준 그룹화 / 2. 파일명 기준 오름차순)이 자동으로 적용되어 차트의 x범례가 시간기준으로 오름차순이 잘 적용된채 서버에서 반환되었다. 때문에 로직에 별도로 정렬 코드를 작성하지 않았는데, 문제가 발생하였다. Linux OS인 운영 환경에서 동작 시, 자료 구분번호가 많아질 경우 서버에서 파일명 기준 정렬이 되지 않은 채 반환되어 차트의 시간이 뒤죽박죽된 채 표출되는 것이다. 문제 개선을 위해 리눅스 서버에서도 파일이 이름 기준으로 하.. 2025. 3. 20.

이전 1 2 3 4 ··· 32 다음

티스토리툴바