일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- task queue
- type assertion
- 프로세스
- Microtask Queue
- 타입 단언
- Headless 컴포넌트
- docker
- Event Loop
- AJIT
- 암묵적 타입 변환
- 명시적 타입 변환
- 주니어개발자
- linux 배포판
- react
- JavaScript
- Dockerfile
- Pull Request
- Sparkplug
- TypeScript
- next.js
- webpack
- 좋은 PR
- VirtualDom
- Custom Hook
- prettier-plugin-tailwindcss
- prettier
- Render Queue
- CS
- Compound Component
- 프로젝트 구조
- Today
- Total
목록오류해결 (14)
너굴 개발 일지
업무 중 만난 버그를 해결한 과정을 작성한 글입니다.이슈회사 프로젝트는 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' ..
7월 12, 2021 11:36:35 오후org.junit.platform.launcher.core.EngineDiscoveryOrchestrator lambda$logTestDescriptorExclusionReasons$7 정보: 0 containers and 6 tests were Method or class mismatch 원인 : Test 메서드를 여러개 작성하고 하나만 실행하면 나오는 에러 해결 방법 : 테스트 메서드 실행시 주석처리 후 실행할 메서드만 주석 해제하여 실행합니다.