본문 바로가기
728x90
반응형

분류 전체보기173

[React] 리액트 이해하고 사용하기 (3) useEffect useEffect(() => { fetch("https://api.coinpaprika.com/v1/tickers") .then((response) => response.json()) .then((json) => { setCoins(json) setLoading(false) }) }, []) useState는 값이 변화할 때마다 매번 실행되지만 useEffect는 단 한 번만 실행된다. 즉, 우리가 언제 코드를 실행시킬지 결정할 수 있다는 것이다. useEffect으로 우리는 아래와 같이 언제 코드를 실행시킬지 결정할 수 있다. 1. 처음부터 실행시키기 2. 특정 조건일때 실행시키기 알고보니 useEffect를 이러한 특성을 이용해 서버와 통신하여 데이터를 주고 받을 수 있다. 특정 조건일 때 서버와 통.. 2022. 8. 16.
[ErrorFix] Axios multer로 파일 전송시 req.files에 나오지 않는 오류 해결 Axios로 파일을 보낼때 파일이 req.files에 나오지 않는 현상이 나왔다. 원래라면 이렇게 req.files를 할 때 나와야하는데 아예 빈 값이 나와 당황스러웠다. const formData = new FormData(); formData.append("script", data); axios.post(`http://${process.env.LOGICKIT_URL}/module/add`, formData, { headers: { 'Content-Type': 'multipart/form-data' } }) .catch((error) => { console.log(`fail 😱`, error.message) }) 작성한 코드를 한번 살펴보면 이상한 점이 하나도 보이지 않는다. 원인을 찾기 위해 여러가지.. 2022. 8. 11.
[Docker] 명령어 모음 개발하면서 자주 쓰는 Docekr 명령어를 모아두었다. Docker-compose 관련 명령어 // Docker 내리기 docker-compose down // Docekr image build docker-compose build // Docker 컨테이너 올리기 docker-compose up -d // 위 3가지를 한 번에 하는 명령어 docker-compose up --build -d 2022. 8. 10.
[npm] NodeJS에서 환경변수 사용하기 - dotenv 새로운 Repo에서 환경변수를 쓸 일이 있어서 process.env.URL 이라고 작성했는데 undefined가 떴다. 원인은 node 명령어로 실행시키는 파일에서는 .env파일을 인식할 수 없다고 한다 ❗️ 그래서 별도의 모듈인 dotenv를 설치하여 인식할 수 있게 해준다. npm install dotenv --save 사용법은 우선 dotenv 모듈을 설치한다. require("dotenv").config(); 환경변수를 사용할 파일에서 환경 변수를 불러오는 코드를 작성해준다. console.log("URL:", process.env.URL); 그 다음 원래대로 process.env로 원하는 환경변수를 호출해주면 됩니다. 2022. 8. 10.
[Azure] AKS를 이용해서 서버 배포하기 (3) AKS에서 애플리케이션 실행 with.kompose 1. 매니페스트 파일 만들기 Kubernetes 매니페스트 파일이 있어야지 애플리케이션을 실행할 수 있습니다. docker-compose를 사용할 경우 kompose라는 서비스를 이용해서 손쉽게 만들 수 있습니다. brew install kompose brew를 이용해서 간단하게 kompos를 설치합니다. kompose convert -f docker-compose.yaml --out .yaml docker-compose.yaml 파일이 있는 폴더로 가셔서 위 코드를 입력해주세요. 참고로 docker-compose와는 달리 매니페스트 파일은 정해진 이름이 없어 자유롭게 해주시면 됩니다. 저의 경우 k8s.yaml로 써주었어요. 오류 없이 잘 작동했다면 적어주신 이름으로 파일 하나가 생성되었을 것입니다. .. 2022. 8. 5.
[Azure] AKS Failed to pull image 오류해결 kubectl logs 혹시 pods의 오류가 나서 log를 조회해보니 Failed to pull image와 같은 오류 메시지가 나왔다면 AKS에 ACR로 인증하는 단계를 넣어줘야 한다. 1. ACR 통합 1-1. 새 AKS로 클러스터를 만들 경우 az aks create -n -g --generate-ssh-keys --attach-acr 위 명령어를 입력해주면 된다. 1-2. 기존의 AKS로 통합할 경우 az aks update -n -g --attach-acr 명령어를 통해 통합해주세요. 2. 클러스터에 연결 az aks get-credentials --resource-group --name 클러스터를 연결해주신 다음 kubectl apply -f k8s yaml 파일을 이용해서 배포해주세요. 참.. 2022. 8. 5.
[k8s] AKS exec user process caused: exec format error 오류 해결 kubectl get pods pod들을 상태를 조회해보니 STATUS가 Error일때도 있고 ImagePullBackOff 혹은 CrashLoopBackOff 일때가 있었다. kubectl logs 무슨 일인지 좀 더 상태를 구체적으로 파악하기 위해 log를 조회했다. standard_init_linux.go:228: exec user process caused: exec format error 그랬더니 위와 같은 메시지를 얻었다. 찾아보니 대부분 맥 M1 유저들한테 발생하는 문제라고 한다. docker inspect docker image의 기본 설정을 확인해보자. 그랬더니 정말로 image의 기본 설정이 arm64였다. 인제 해결하는 방법에 대해서 알아보도록 하자. 1. ACR에 올라가 있는 모든 .. 2022. 8. 5.
[Azure] AKS를 이용해서 서버 배포하기 (2) Kubernetes 클러스터 만들기 1. AKS 클러스터 만들기 이번에도 포털을 이용해서 AKS 클러스터를 만들어보도록 하겠습니다. 먼저 Azure에 접속하신 다음 Create a resourc > Containers > Kubernetes Service의 Create를 눌러주세요. 다음 창에서 해주실 일은 3가지 밖에 없습니다. 1. Resource group에 Container Registry에서 만든 리소스 그룹을 선택해줍니다. 2. Kubernetes cluster name에 myAKS 같은 이름을 설정해주세요. 3. API server availlability를 99.5%으로 선택해주세요. 나머지는 그냥 두시고 Review+create(검토+만들기)를 눌러줍니다. 유효성 검사에 통과했다면 Create(만들기)를 눌러주세요. AKS.. 2022. 8. 3.
[Cloud] 클라우드 배포방식 (1) VM VM이란 Virtual Machine이라고 불리는 VM은 가상머신으로 물리 서버 위에 가상화를 통해 가상컴퓨터 시스템으로 작동하는 환경을 말한다. 개인적 경험으로 보면 클라우드를 처음 접할때 가장 먼저 사용하는 서비스이자 기본적인 방법이 VM이라고 할 수 있다. 클라우드가 많은 발전이 이루어졌지만 아직까지도 많이 찾는 서비스는 VM이다. 플랫폼 별 VM 서비스 AWS EC2 https://aws.amazon.com/ko/ec2/?nc2=h_ql_prod_cp_ec2 아마존 클라우드 서버 호스팅 | Amazon Web Services Amazon Elastic Compute Cloud(Amazon EC2)는 500개가 넘는 인스턴스, 그리고 최신 프로세서, 스토리지, 네트워킹, 운영 체제 및 구매 모델의.. 2022. 8. 3.
728x90
반응형

티스토리툴바