일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- Headless 컴포넌트
- Microtask Queue
- AJIT
- jotai
- JavaScript
- Custom Hook
- useLayoutEffect
- task queue
- 좋은 PR
- docker
- TypeScript
- linux 배포판
- Recoil
- Sparkplug
- 암묵적 타입 변환
- 타입 단언
- prettier-plugin-tailwindcss
- react
- 명시적 타입 변환
- zustand
- type assertion
- helm-chart
- 프로세스
- 주니어개발자
- Compound Component
- 클라이언트 상태 관리 라이브러리
- Render Queue
- useCallback
- Redux Toolkit
- CS
- Today
- Total
목록오류해결 (15)
구리
이슈회사 서비스는 ArgoCD를 사용해 helm-chart를 배포하고 있다. helm chart 리포지토리에는 배포 환경, 서비스에 따라 폴더별로 구분되어 있으며 굉장히 많은 commit, push가 일어난다.배포시 가장 최신의 이미지를 사용하기 위해 deployment에서 imagePullPolicy : always 옵션을 사용해 k8s에 해당 도커 이미지가 있든 없든 무조건 다운로드하게끔 설정했다. 그러면 로컬에서 개발 후 Dockerhub에 동일한 버전의 이미지를 push 해도 배포시 항상 최신 이미지를 가져오기에 변경사항이 반영되어 있을 거라 생각했지만... 아무런 반응이 없었다.apiVersion: apps/v1kind: Deploymentmetadata: name: testspec: sel..
업무 중 만난 버그를 해결한 과정을 작성한 글입니다.이슈회사 프로젝트는 Vue 기반으로 SPA 형식으로 되어 있습니다. 비디오 콘텐츠를 다루는 서비스로 웹페이지에서는 iframe 태그를 이용해 미리보기 기능을 제공하고 있습니다.미리보기에서는 다양한 인코딩 프로파일로 영상을 확인할 수 있으며 인코딩 프로파일 변경시 다른 콘텐츠 url를 iframe src 속성값으로 변경하게 됩니다.이때 인코딩 프로파일 변경 후 브라우저 뒤로가기 버튼 클릭시 동작하지 않고 현재 페이지에 머물러 있는 버그가 발생했습니다.원인iframe은 그대로 사용하고 src 속성값만 바꾸면 최근에 사용한 src 속성값을 브라우저 window.history 스택에 쌓게 됩니다. 따라서 그 후에 브라우저 뒤로가기 버튼 클릭시 history 스..
업무 중 만난 Nginx 관련 에러를 해결한 과정을 작성한 글입니다. 이슈 회사에서 작업하는 서비스는 프론트엔드, 백엔드 각각의 프로젝트로 구성되어 있고 프론트엔드는 React + Nginx 기반입니다. 배포 환경(Docker Rancher)에서는 프론트엔드, 백엔드 컨테이너를 각각 띄우고 모든 요청은 Nginx가 받아 특정 path로 요청이 올 경우 proxy_pass를 이용해 백엔드로 요청을 전달하는 구조입니다. 아래는 Nginx proxy_pass 코드 일부입니다. location /api { rewrite ^/api(/.*)$ $1 break; proxy_pass http://백엔드_컨테이너명; } 이때 백엔드 컨테이너를 업그레이드하면 nginx 연결이 끊겨 백엔드 컨테이너 업그레이드시 프론트엔드..
Next.js13 프로젝트에 prettier, prettier 관련 플러그인 적용시 관련 에러를 해결한 과정을 작성한 글입니다. 이슈 1 - .prettierrc 파일 적용 안되는 경우 vscode 하단에는 prettier가 적용되고 있다는 표시가 있었지만 실제로는 prettier config 파일이 적용되지 않는 버그가 발생했습니다. 원인 "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, 위는 제 vscode의 settings.json 파일 중 일부로 vscode에서 prettier 설정시 파일별 적용 옵션이 누락되어 tsx, ts 파일에는 prettier가 적용되지 않았었습니다. 해결 "[javascript]": { "e..
[상황] 오라클 전자지갑(ATP)을 사용하여 프로젝트를 구동하던 중 아래와 같은 오류를 만나게 되었습니다. 전자지갑 경로, ID, 비밀번호도 맞게 입력하였는데 AWS 리눅스 서버에 프로젝트를 구동하니 위와 같은 오류가 발생하였습니다... [원인] 원인은 전자 지갑 경로에 있었습니다... 로컬에서 프로젝트 구동시에는 전자지갑을 스프링 프로젝트 resources에 넣고 해당 프로젝트 경로로로 설정하였는데 가상 서버에서 프로젝트 구동시에는 프로젝트 경로가 아닌 가상 서버 경로에 전자지갑 파일을 넣고 해당 서버 경로로 설정해야 했습니다. [해결방법] 로컬에서 구동시 application.properties에서 설정한 전자지갑 경로 spring.datasource.url=jdbc:oracle:thin:@jeong..
[오류 상황] 맥북 m1으로 노트북을 바꾸고 인텔리제이에서 스프링 부트 프로젝트를 실행하려는데 다음과 같은 오류가 발생하였습니다. LG 그램에서는 잘되던 프로젝트가 갑자기 Mac에서는 오류가 발생하여 당황스러웠습니다. [오류 문구] java.sql.SQLException: 로케일을 인식할 수 없습니다. [원인] Mac 업데이트 후 피씨의 지역 설정이 초기화 되었는지, 정상적으로 세팅되지 않았습니다. [해결 방법] 시스템 환경 설정 > 언어 및 지역 > 지역 에서 미국으로 바꾼 후 다시 대한민국으로 설정하면 오류가 해결됩니다.
[문제] 파이널 프로젝트 중 회원가입시 사용자가 업로드한 파일을 프로젝트 내에 저장한 후 로그인된 화면으로 이동했을 시 프로필 사진을 바로 보여주고 싶었습니다. 사진이 프로젝트 내에는 저장되었지만 화면에 출력되지는 않는 상황이었습니다. 아마도 정적 리소스 수정 반영이 이뤄지지 않은듯 했습니다... [해결방법] 참고로 현재 개발 환경은 - IntelliJ - Springboot - gradle 입니다. 1) dependency 추가 compile 'org.springframework.boot:spring-boot-devtools' 수정한 코드 dependencies { implementation 'org.springframework.boot:spring-boot-starter-data-jpa' implem..
[문제 발생 상황] 인텔리제이에서 gradle, spring boot를 이용한 프로젝트를 생성하여 JSP 파일을 연동하려는 중 오류가 발생하였습니다. 참고로 프로젝트에도 JSP 관련된 디펜던시를 추가하였습니다. (jstl, tomcat-embed-jasper 추가) // JSTL implementation 'javax.servlet:jstl' // JASPER implementation 'org.apache.tomcat.embed:tomcat-embed-jasper' 디펜던시 추가한 이유? 1. 스프링 부트에서는 기본적으로 JSP를 지원하지 않음 2. 스프링 부트에 내장된 tomcat에는 컴파일하는 jsp 관련 엔진이 포함되지 않음 plugins { id 'org.springframework.boot' ..