'TIL' 카테고리의 글 목록 (9 Page)

2023. 3. 14. 22:15 TIL/트러블슈팅

개요 서버를 배포하고 나서 로그인을 시도해보던 중 에러가 발생했다. Google OAuth를 사용하면서 원본 url이나 리다이렉트 url을 제대로 설정하지 않아서 생긴 오류인줄 알았는데 정상적으로 유저 정보도 저장되며 리다이렉트 url까지 문제없이 저장되고 있었다. 하지만 로그인을 확인하는 쿠키를 읽을 수 없어 발생했던 문제였고 구글 로그인과 유저 정보 저장까지 로그인 로직은 수행되는데 쿠키 정보만 저장되지 않는다는 것을 확인하고 쿠키 정보를 찾아보았다 네트워크 탭에 를 확인해보면 Set-cookie를 통해 쿠키가 만들어져서 들어오는 것을 확인했지만 저장이 되지 않았다. 이후 구글링을 해보았고 문제는 다음과 같았다 쿠키 옵션 [프로젝트] Cookie의 옵션 Cookie 쿠키는 브라우저에 데이터를 저장하기..

docker 자주 썼던 명령어, 설정들 간단하게 정리

2023. 3. 13. 22:52 TIL/개념정리

네트워크 관련 기본적으로 도커 컨테이너는 격리되어 있다. 컨테이너간 통신을 하기 위해 네트워크를 정의해줘야하는데 compose를 활용해서 묶거나 새로 네트워크를 만들어서 만든 네트워크에 등록해준다. Compose networks: server-connection: driver: bridge db-connection: driver: bridge 개별 컨테이너 # 네트워크 만들기 docker network create # 네트워크에 연결하기 docker run --name --network # 예시 docker network create server-network docker run --name mysql-container --network server-network -v mysql-data:/var/lib..

Docker, Docker-compose를 사용하여 NGINX + 서버 + DB 구축했던 삽질기

2023. 3. 9. 22:30 TIL/트러블슈팅

개요 CI/CD를 위해 여러 설정을 만져보면서 여러 자료들을 참고했다. GCP에서 5000번 포트를 열어서 서비스를 실행 하고 있었는데 보안적인 문제나 성능적인 문제도 신경쓰이고 웹서버에 빠지지않는 nginx도 추가해보고 싶어서 공부할 겸 간단한 설정과 함께 추가해보려했다. 구조를 고민하던 중 기존에 docker로 설정해두었고 추가로 production 환경을 구분하려고 해서 Nginx를 같이 컨테이너로 띄우는 것을 목표로 했다. NGINX + Docker-compose docker-compose.yml 파일은 다음과 같다. version: '3.8' networks: server-connection: driver: bridge db-connection: driver: bridge services: ng..

next/router query 버그 / 리액트 합성 이벤트

2023. 3. 4. 21:56 TIL/트러블슈팅

Tag 쿼리가 제대로 입력되지 않는 현상 next/router를 활용하던 중 query를 사용하여 포스트를 필터하는 부분에서 에러가 발생했다. 처음 발생한 에러는 태그를 눌렀을 때 undefined가 발생했고 결과를 확인해보니 같은 자료를 얻을 수 있었다 useRouter/withRouter receive undefined on query in first render I got a problem with my dynamic route. It look like this [lang]/abc I am trying to get query value from [lang] but when I using useRouter/withRouter i got query during 2-3 render of page ( on..

GCP 인증서, 로드밸런서와 도메인 연결하기

2023. 2. 28. 21:19 TIL/개념정리

Https 적용하기 구글 클라우드 플랫폼(GCP) Compute Engine에 HTTPS 적용하기 GCP에서 로드밸런서를 이용한 HTTPS적용기 keyhyuk-kim.medium.com GCP로 배포를 끝내고 도메인을 등록하고자 했다. 49,000원인데 할인해서 1900원에 1년 제공하는 것을 구매하였다 도메인을 가비아에서 구입하고 설정하려고보니 도메인 설정하는 부분이랑 ssl 인증서 관련하는 설정이 조금 겹치는거같아 같이 설정하기로 했고 위와 같은 자료를 참고해서 쉽게 설정할 수 있었다. 처음엔 프론트, 백이 왜 필요한건지 이해하지 못했는데 부하분산기와 보안적인 측면에서 이해할 수 있었고 이미지만 보더라도 쉽게 알 수 있었다. 모르는 부분은 세세하게 검색하면 금방 찾을 수 있었고 이 외로는 chatGP..

Google Cloud Platform, docker-compose로 배포하면서 겪은 이슈

2023. 2. 24. 11:21 TIL/트러블슈팅

이전 내용 Google Cloud Platform 삽질기 (1) 요약 서버를 배포하기 위해 구글 클라우드 플랫폼을 사용하기로 결정했다. 도커 이미지를 쉽게 띄울 수 있고 마침 aws 프리티어가 끝나서 선택하게 되었는데 막상 GCP로 연결하고보니 이미지만 choiblog.tistory.com 앞선 내용과 이어지는 내용이다. 가상 머신 인스턴스를 띄우고 소스 코드를 업로드하는 부분까지 진행했다. 소스코드 실행하기 우선 인스턴스에 올린 코드 압축을 풀고 실행시켜봐야했다. sudo apt-get update && sudo apt-get install unzip unzip example.zip 압축이 해제되고 docker-compose.yml 파일이 있는 곳으로 접근해서 docker-compose up 명령어를 ..

Google Cloud Platform 배포 삽질

2023. 2. 21. 22:31 TIL/트러블슈팅

요약 서버를 배포하기 위해 구글 클라우드 플랫폼을 사용하기로 결정했다. 도커 이미지를 쉽게 띄울 수 있고 마침 aws 프리티어가 끝나서 선택하게 되었는데 막상 GCP로 연결하고보니 이미지만 띄울 수 있었고 도커 컴포즈는 따로 띄울 수 없는 것 같았다. 그래서 SSH를 활용하여 배포에 필요한 파일들을 옮기고 실행시켜보고자 도커까지 설치하였다. GCP란 aws, azure같이 구글에서 제공하는 클라우드 서비스이다. 이전에 aws를 사용하다가 뭣도 모르고 설정하는 바람에 비용이 조금 청구됐는데 그 이후로 접속을 잘 안하기도 했고 프리티어 기간이 끝나 GCP를 선택하게 되었다. 배포 이제 개발한 서버를 배포하기 위한 호스팅이 필요했는데 도커 이미지를 전달해주면 서버리스로 서비스해준다고도 해서 계속 찾아봤더니 이..

Docker ENV NODE_ENV 설정이 안될 때

2023. 2. 20. 22:19 TIL/트러블슈팅

해결 "start:dev": "cross-env NODE_ENV=local nest start --watch", "start:prod": "cross-env NODE_ENV=prod node dist/src/main.js", # 예시 코드 FROM node:14 # 삭제 # ENV NODE_ENV production WORKDIR /app COPY package.json . RUN yarn install COPY . . CMD [ "yarn", "start:prod"] 개요 # 예시 코드 FROM node:14 ENV NODE_ENV production WORKDIR /app COPY package.json . RUN npm install --production COPY . . CMD [ "node", ..

정처기 기출 풀이 - TIL

2023. 2. 14. 22:05 TIL/CS

정리 정보처리기사(구) 2019년 03월 03일 기출문제 해시를 사용하게 되면 필연적으로 충돌과 관련 생기는데 이때 충돌에 대해서 처음엔 버킷을 통해 충돌나는 데이터들을 관리한다고 이해하고 있었다. choisdev.notion.site

정처기 기출 풀이 - TIL

2023. 2. 13. 23:21 TIL/CS

정리 정보처리기사(구) 2019년 04월 27일 기출문제 1과목 : 데이터 베이스 choisdev.notion.site 1,3,4 과목만 출제되는 걸로 개편되었다는 말을 듣고 이전 문제들을 계속해서 풀고있다. 5과목을 제외하고 출제되는 문제는 비슷한거같다. 개편 후 문제에는 몇가지 최신 기술이 추가된 느낌이다. 그 외에 개념, 이론은 비슷하다고 생각되었고 구버전 정처기 문제도 몇개 더 풀 예정이다

티스토리툴바