개발새발 로그

📖들어가며..React Native앱을 구현하면서 Drawer 네비게이션을 열때 구글맵이 언마운트 마운트가 되면서 렉이 생기고, 앱이 다운되는 문제가 있었다.개발 환경에서 애뮬레이터의 성능이 좋지 않아서 그런가? 했지만 해당 문제를 계속 놔둘 수 없어서 문제 원인을 찾던 도중 버전 문제이지 않을까? 해서 버전을 수정하고자 했다.하지만 이때부터 버전 3중 추돌 사건이 발생했다.문제의 상황들과 해결 과정을 기록하고자 한다. 🤔버전을 수정하려면 node-modules 폴더와 package.lock.json을 삭제해야겠지?성능문제 관련해서 버전 문제일 수 있다는 생각에 버전을 수정하고자 했다.그래서 node-modules 폴더와 package.lock.json을 삭제했는데 여기서 문제가 바로 발생한다.그..

📖들어가며...이전에 Window 환경에서 도커를 설치해보았다.이건 사실 로컬 테스트 용이고,나는 AWS EC2에 서버 하나를 배포했고,AWS EC2 Ubuntu 환경에 Docker를 설치해 활용해보고자 하고 있다. 참고로 Ubuntu의 버전은 아래처럼 해야한다. 1. EC2 연결하기(직렬 콘솔)먼저 AWS EC2에 접속해야한다.나는 이전에 NestJS 프로젝트를 만들면서 vscode에서 ssh연결로 진행했었다.근데 이걸 vscode를 열어서 하자니 개발작업이 아닌데 프로젝트 여는 것도 이상하고, EC2에 직렬 콘솔이라는 기능이 있는데 이것도 배워볼겸 직렬 콘솔을 사용하고자 했다. 직렬 콘솔을 사용 설정하고 들어가면 처음에 아래처럼 뜬다. 처음 사용해봐서 당황했다.직렬 콘솔을 사용하려면 OS 사용자 이..

📖들어가며..대부분 윈도우에서 도커를 사용하는 것을 추천하지 않는다고 한다.설치하기 위한 설정도 복잡하고, 작업을 하다가 에러가 발생하는 경우가 많다고 한다.하지만 나는 윈도우 데스크탑만 있기 때문에..이번 포스팅에서는 도커를 사용하기 위해 설치하는 과정을 기록하고자한다. 나는 윈도우 11을 쓰고 있고, 메인보드는 asRock을 사용 중이다.메인보드는 TMI가 아니다.아래에서 필요한 정보일 수 있어서 작성했다. 1. BIOS에서 가상화 설정 활성화BIOS/UEFI에서 가상화 설정을 활성화 해줘야 한다.대부분의 메인보드는 Advanced모드 기준, CPU 설정에 가면 된다.인텔 CPU이신 분들은 VMX, AMD CPU는 SVM이라고 표시된다. 2. WSL 설치하기위 과정을 마쳤다면PowerShell을 ..

📖들어가며..이전에 NestJS 프로젝트를 배포해보았다.그럼 이제 데이터베이스를 배포해야한다. 의미를 또 찾아보니 "DB를 배포한다." 라고 하기 보다 "이미 떠있는 DB에 테이블/컬럼/인덱스 변경을 반영" 이라고 한다.그럼 "이미 떠있는 DB"를 위해 나는 AWS의 RDS를 사용하려고 한다.아래처럼 여러가지 있다고 하는데 이전에 AWS를 사용해보았고, AWS가 개발자들 사이에서 48% 사용률로 가장 많이 사용되고 있다해서 선택했다. AWS RDS / AuroraGCP Cloud SQLAzure Database AWS RDSEC2 환경에서도 데이터베이스를 설치해서 사용할 수 있지만 RDS를 이용하면 따로 설치하지 않고 쉽게 데이터베이스를 사용할 수 있다.RDS 또한 프리티어를 제공한다.RDS는 프리..

📖들어가며..이제 만들어진 NestJS 프로젝트를 AWS로 배포해보려고한다.AWS S3에서도 배포하는 방법이 여러가지인 것 같은데 나는 SSH 연결을 통해 배포를 하고자 한다.배포하는 과정에서 왜 이렇게 하는지, 추가로 보완해야할 부분이 있는지 정리하려고 한다. 목차1. NestJS에 배포환경을 위한 환경변수 적용과 CORS 설정하기2. AWS EC2 접속하기3. 인스턴스 만들기4. SSH 연결 준비하기5. NestJS 프로젝트와 SSH 연결하기6. Github와 EC2 연결하기7. EC2 Ubuntu 환경에 배포에 필요 세팅하기8. AWS EC2 보안 그룹 설정하기 NestJS 환경 변수 세팅1. NestJS에 배포환경을 위한 환경변수 적용과 CORS 설정하기NestJS 프로젝트에서 아래와 같이..

📖들어가며...이번에 NestJS를 배우면서 이미지 관련한 기능을 구현했는데처음에는 기능 개발 우선으로 이미지 같은 경우 그냥 NestJs의 폴더에 저장해서 관리했다.이렇게 하면 나중에 이미지가 많아졌을 때 서버 크기도 같이 커지기 때문에 좋지 않다.그래서 AWS를 이용해 해결하는 방법을 찾았고, 그 방법을 적용하는 과정을 기록해보았다. AWS S31. 먼저 AWS의 스토리에 탭에서 S3에 들어간다.나는 AWS 프리티어를 이용해서 S3를 사용할 것이다. 2. 버킷만들기를 클릭한다. 3. 버킷 이름을 입력하고, 버킷의 퍼블릭 액세스 차단 설정을 모두 해제한다. 그리고 아래 경고에 체크한다.버킷의 퍼블릭 액세스 차단 설정이 무엇이고, 해제하면 어떻게 되나요?S3 퍼블릭 액세스 차단(Block Publi..

yarn을 사용해보려다가 에러가 나타나서 애를 좀 먹었다 PowerShell이 여전히 옛 Yarn.ps1 경로를 기억해서 실행하려는 문제일 가능성이 높다고 한다.즉, 파일을 삭제했어도 PowerShell이 캐싱된 경로를 계속 사용하고 있을 수 있다. nodejs 다시 깔면 될 거 같긴 했는데 불확실하기도 하고, 괜히 다시 다 깔아야할까봐 다른 해결방법을 썼다. 1. PowerShell에서 Yarn 경로가 무엇인지 확인먼저 실제로 어떤 경로가 실행되고 있는지 확인Get-Command yarn여기서 출력되는 경로는 아래와 같을 것이다.CommandType Name Version Source----------- ---- ------- ------Application yarn.ps1 C:\Pro..

📖들어가며..React Native를 사용하면서 버전관련해 외부 라이브러리와 맞지 않거나 이슈가 있거나 하는 부분들이 있었다.이번에는 react-native-config를 사용하는 방법과 이유에 대해서 정리하고,해당 라이브러리를 사용하면서 발견한 에러를 정리하고 기록해보고자 한다. React Native 최신 버전을 사용하고 있지 않아요나는 React Native를 사용하면서 최신 버전을 사용하고 있지않다.지금 날짜 기준으로 최신 버전은 0.82나는 0.79.4 버전을 쓰고 있다. 이유는 현재 react-navigation/native 라이브러리를 사용하고 있고,여기서 Drawer 네비게이션을 사용하고 있다.그리고 react-native-maps 라이브러리를 이용해서 구글맵을 사용하고 있는데현재 ..