티스토리챌린지

이미지를 수정해서 docker container를 올리고자 했을 때 이미지 수정을 어떻게 했는지 글을 올리고자 한다.기본 셋팅터미널을 두개 띄워놓고 시작을 한다.이미지 수정하기(터미널1) 이미지 리스트 확인 && 이미지 수정(터미널1) docker image ls터미널1을 열고 변경하고자 하는 이미지 리스트를 띄운다.내가 변경하고자 하는 이미지의 ID를 확인해주고 나서(터미널1) docker run -it /bin/bash이미지 안에 들어간다. 그리고 나서 수정사항을 넣어 반영해준다. 나같은 파이썬의 라이브러리를 추가하고자 하였기 때문에 이 부분을 추가해준다.(터미널2) docker container 리스트 확인그리고 나서 터미널2를 열어준다.(터미널2) docker psdocker ps를 해주면 지금..

다양한 경우가 존재하기 때문에 제 경우 환경이 맞는 분들만 따라하시는 것을 추천드립니다.⚒️ 환경OS : 윈도우가상환경 : vagrant1. vagrant 실행 중인지 확인하기vagrant를 가지고 가상 머신을 돌릴 것이기에, 이가 먼저 돌아가는지 확인해준다.위처럼 running이 되어 있을 경우, 돌아가고 있음을 의미한다. 만약 그러지 않을 경우 아래와 같은 명령어를 쳐서 해당 노드가 돌아가게끔 셋팅해준다.vagrant up 2. SSH 구성 확인하기내 경우 termius를 가지고 접속을 하려고 했더니 안되어서 cmd창을 키고 아래와 같은 셋팅을 해주고자 한다. 기본적으로 Vagrant는 SSH 연결에 자체 개인 키를 사용한다. 사용자 또는 다른 사용자를 수동으로 사용하려는 경우 root설정 방법을 확..

하나의 인스턴스가 다운되어 이를 다른 인스턴스에서 옮기는 과정에서, docker관련된 모든 것들도 옮기고자 하였다.1. docker 생성하기맨 처음 docker 관련된 데이터를 복구할려면 docker가 있어야 하므로, docker를 설치하고자 하였다.1) 시스템 업데이트최신 버전을 사용하려면 시스템 패키지를 업데이트를 해야 한다.sudo apt-get updatesudo apt-get upgrade -y2) 필요한 종속성 설치Docker에 필요한 패키지를 설치한다.sudo apt-get install -y ca-certificates curl gnupg lsb-release3) Docker의 공식 GPG 키 추가Docker에 대한 GPG 키를 추가한다.sudo mkdir -p /etc/apt/keyrin..

next에 대한 글을 읽다가 빌드에서 메모리를 줄일 수 있다고 해서 구글링해보고 알게 된 것을 쓰고자 한다.Standalone개념 알아보기: ‘독립형’ 또는 ‘독립적인 것’ 이라는 뜻을 가지고 있다. Next.js 에서는 웹 어플리케이션을 실행하는데 필요한 최소한의 코드만 추출하겠다는 의미로 사용된다. 해당 옵션을 추가했을 때 빌드 결과물로 /standalone 폴더를 얻을 수 있다.사용해보기// next.config.js**module.exports = { output: 'standalone',};**이 옵션은 배포 환경에서 웹앱을 실행할 때 필요없는 코드는 빌드 결과물에서 제외시킨다. 이 부분은 next.config.js 파일에서 수정하면 된다. 위와 같이 수정했으면npm run build를 쳐서 ..

노마드 코더님의 강의 ***‘Flutter 로 웹툰 앱 만들기’***중 pomodoro만드는 것을 보고 작성한 글입니다. ‘뽀모도로'는 이탈리아어로 토마토를 뜻한다. 프란체스코 시릴로가 대학생 시절 토마토 모양으로 생긴 요리용 타이머를 이용해 25분간 집중 후 휴식하는 일처리 방법을 제안한데서 그 이름이 유래했다. 변수 설정static const twentyFiveMinutes = 1500;int totalSeconds = twentyFiveMinutes;bool isRunning = false;int totalPomodoros = 0;late Timer timer;twentyFiveMinutes : 뽀모도로는 위에 설명한대로 25분을 기준으로 일을 하고 쉬는 것임으로, 25분을 초로 바꾸어서 설정해준..

VSCode로 flutter를 코딩하다보면 불편한 점이 존재한다. 그래서 VSCode로 코딩했을 때 불편한 점을 줄이고자 간단한 셋팅을 하고자 한다.1. warning 줄 없애기1) 설정 전 flutter 코딩을 하다보면 위의 사진과 같이 파란줄이 표시된다. 이는 warning인데, 거의 const를 붙이라는 warning이다.2) 설정 하기2-1) 명령 팔레트 들어가기 warning을 없앨려면 VSCode 왼쪽 하단에 톱니바퀴 즉 설정을 눌러 명령 팔레트를 누른다. 혹은 ctrl + shift +p 단축키를 눌러도 된다. 그리고 setting이라고 쳤을 때, 아래 사진과 같이 나오면 이를 클릭한다. 간혹 아래와 같이 두개가 나오는데, (JSON)이 아닌 (JSON)이 없는 것을 누르면 안된다. 2-2..

notion API를 db로 쓸 때나의 경우 notion API를 database로 사용하였는데, 이를 가지고 프로젝트를 생성할 때 생길 수 있는 오류를 작성하고자 한다.1. properties 변수 수정하기notion API를 사용하였을 때 properties의 변수에 name/rich_text가 있었다면, 변경되어서 name만 받아와졌다.처음에는 notion API에서 받아와지는 정보를 보았는데 변수값이 달라진 것이었다. 그래서 장기적으로 볼 때는 쓰기 어렵지만, 단기적으로는 ‘가볍게 프로젝트하기에는 괜찮겠다.’라는 생각이 들었다. 생각보다 notion api 받아오는 것도 헷갈렸다. 자주 쓸 경우에는 상관이 없겠지만 말이다.위와 같이 변수를 변경해주었고, 이와 관련된 오류가 해결되었다.2. 이미지 ..

탄력적 ip는 인스턴스를 중지했다가 다시 인스턴스를 사용하게 되면 해당 ipv4가 변경되게 된다. 이를 가지고 홈페이지를 구동하게 되면 매번 바뀐 ip를 변경해줘야 하기에 탄력적 ip를 생성하여 ip를 고정시켜준다.인스턴스 확인하기ec2에 인스턴스를 확인해보면 연결된 ip가 -표시로 되어 있는 것을 확인할 수 있다. 이를 가지고 탄력적 ip를 할당해줄 것이다. 탄력적 ip 할당하기 ec2 > 탄력적 IP를 클릭하면 해당페이지의 상단 오른쪽에 탄력적 ip 주소 할당이 있다. 이를 클릭해준다. 네트워크 경계 그룹에 내 인스턴스와 맞는 것을 선택하고 오른쪽 하단에 할당 버튼을 클릭하여 생성한다. 그리고 작업버튼을 클릭하여 탄력적 ip 주소 연결을 클릭하여 인스턴스와 탄력적 ip 주소를 연결해준다. 리소스 유형..