전체 글

EC2 - Nginx-proxy-manager 폴더 permission denied
이번 면접어때 프로젝트의 EC2 환경에서 github-actions + Docker로 CI/CD를 배포하는 과정에서 에러가 발생했다. DockerHub에서 nginx-proxy-manager 이미지를 pull 받아 사용하고있는데, 해당 이미지를 컨테이너에 올릴 때 참조하고있는 nginx-proxy-manager 폴더에서 permission denided가 되고있었다. 폴더 권한 확인 // 현재 폴더 권한 확인 ls -ld nginx-proxy-manager // 결과 : drwxrwxr-x 4 root root 4096 Sep 8 00:02 nginx-proxy-manager 먼저 해당 폴더의 권한을 확인해봤다. 그랬더니 drwxrwxr-x 4 root root 4096 Sep 8 00:02 nginx-..

Nextjs + Docker로 EC2 배포할 때 500Error
이번 [면접어때] 프로젝트의 프론트 배포과정에서 겪은 에러를 기록해본다. 도커로 배포하는 것도 3번째인데 매번 배포환경이 달라지다보니 한 번에 성공한적이 없는 것 같다. 저번 [아코하] 프로젝트에서도 Nextjs를 사용해서 배포했지만, 패키지 매니저로 yarn-berry를 쓰면서 도커의 multi-staging-build로 빌드 이미지 최적화를 하려했으나.. yarn-berry pnpMode의 패키지 의존성 문제, Nextjs13과의 호환성 문제 때문에 상당히 애를 먹고 끝내 타협 엔딩으로 막을 내렸었다! 그래서 이번 프로젝트 배포에서는 yarn을 쓰기 때문에 더 최적화 빌드가 간절했다. 배포 준비 이번에 배포한 환경은 크게 yarn + Nextjs + Docker이고 nginx-package-manag..

[Jest] react-query + recoil 적용시 에러
⚠️ 문제 상황 컴포넌트를 테스팅하는 과정에서 queryClient , recoilRoot 에러 발생 ERROR 1 : No QueryClient set, use QueryClientProvider to set one 에러난 코드는 다음과 같다. // _app.tsx ... return ( ) // Calendar.test.tsx import { render, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { MainCalendar } from '@/components/project-main/Calendar'; import { renderWithQueryClient } fr..
[테스팅 초기 설정] Jest + yarn-berry + Nextjs + Recoil + TypeScript
[아코하] 프로젝트에서 Jest를 적용하기 위해 세팅이다. 프로젝트 환경 - yarn-berry 3.3.1 - Next.js 13.1.2 - Recoil 0.7.6 - TypeScript 4.9.4 - Jest 29.5.0 1. 프로젝트 시작 & 관련 모듈 설치 yarn create next-app --typescript CNA를 TypeScript 로 설치해주고, yarn add -D jest @types/jest jest-environment-jsdom ts-jest babel-jest Jest 와 관련 라이브러리도 설치해준다. - jest : 단위테스트에 적합한 테스팅 라이브러리 - jest-environment-jsdom : Jest 28 버전 이후부터는 테스팅환경을 jsdom이 아니라 이 패키지..

yarn create next-app 설치 안됨
⚠️ 문제 상황 새롭게 project 를 생성하려고 했는데 에러와 함께 설치가 안됨 yarn create next-app . —typescript → Usage Error: The nearest package directory (C:\Users\tangjin\Desktop\test) doesn't seem to be part of the project declared in C:\Users\tangjin 💡 문제 파악 검색해보니 프로젝트 폴더 상위 경로에 yarn.lock or package.json or node_modules 가 있으면 설치가 안된다고 함 💯 문제 해결 Users/tangjin 에 실제로 yarn.lock 파일과 숨김파일로 node_modules 등등이 있었고 이 파일들을 전부 삭제했더..