goosepeak

내 상황App Engine으로 프로젝트를 생성할 때마다 아래처럼 커스텀 도메인으로 연결시키고 있음. goosepeak.co.krwongo-reviewer.goosepeak.co.kryoutube-time-comment.goosepeak.co.krcredit-bank-calc.goosepeak.co.krezdegree.goosepeak.co.kr  App Engine 커스텀 도메인 추가GCP - App Engine -  [설정] - [커스텀 도메인][커스텀 도메인 추가] 버튼 클릭 Google Search Console에 내가 구매한 도메인 등록하고 오기   서브 도메인 추가GCP - App Engine -  [설정] - [커스텀 도메인][커스텀 도메인 추가] 버튼 클릭 가장 처음 도메인 추가했던 것과 비..

외주 프로젝트로 xe제로보드를 사용하는 사이트 호스팅 설치와 기본적인 CMS 레이아웃 적용, 네이버 카페의 데이터를 가져오는 개발을 진행하게 되었다. 호스팅 업체와 계약하고 xe 제로보드 설치만 하면 손쉽게 완료될 줄 알았는데, xe버전 이슈 / 레이아웃 적용 어려움 / DB 덤프 이슈 등 생각보다 계속 문제가 발생했다. 호스팅 업체에서 할당받은 서버에서 간단히 작업하고 끝내려 했는데, 이슈가 계속되니 스트레스가 쌓여 답답해졌다. 천천히 하나씩 풀자 생각하고 테스트 환경을 만들었다. 지금 작업하고 있는 PC는 NodeJS나 Python 관련 프로젝트만 했기에 Apache, PHP, MySQL 셋팅이 필요했다. 간단하게 윈도우 PC 환경에서 XE제로보드 셋팅하는 방법에 대해 기록한다.  1. XE 제로보드..

GCP App Engine 리디렉션 규칙 관리Google Cloud Platform(GCP)의 App Engine을 통해 실행 중인 여러 애플리케이션이 있고, 별도 도메인으로 요청을 처리하기 위해서 dispath.yaml을 통해 리디렉션 규칙을 정할 수 있다.  dispath.yaml 파일 구문dispatch.yaml 파일은 매우 간단한 구문을 가진다. 우리가 따라야 할 템플릿이 있고, 이 템플릿을 알고 나면 원하는 대로 라우팅 규칙을 작성할 수 있다.파일은 dispatch: 으로 시작해야 한다점이 있는 HTTP URL 패턴을 사용하여 하위 도메인을 구분한다.순서가 중요하다. 동일한 URL에 대해 2개의 일치 규칙이 있는 경우 첫 번째 규칙이 유효하다.각각의 규칙은 2개의 element를 포함한다serv..

1. 회고 목표2024년 1분기가 지났다. 개발조직이라 하여도 1명밖에 없지만, 그래도 2분기를 더 알차게 보내기 위해 개발팀 회고를 해보려 한다. 2024년 1월 1일부터 2024년 3월 31일까지 구스피크 개발팀으로서 작업한 내용을 살펴보고 KPT 방식에 따라 평가해보려 한다. 4L방식이 이전에 주로 사용한 방법이라 익숙했다. 이번엔 시도해보는 의미로 KPT 방식을 사용해본다. 2. KPT 회고 방법KPT는 3가지 관점(Keep, Problem, Try)에서 업무를 돌아보고, 다음 액션 아이템을 도출해해는 회고 방식이다.Keep(유지)팀이 성공적으로 수행한 것, 긍정적인 경험프로젝트에서 만족한 부분, 앞으로 업무에서 유지해 나갈 부분이미 잘 하고 있는 부분 인식, 강화Problem(문제)프로젝트 동안..

서론서비스를 새로 만들 때마다 매번 GA를 적용하여 고객유입을 확인한다. 기존에 사용하던 프레임워크에 GA를 적용한 레퍼런스가 있으면 이 작업을 상당히 편하게 할 수 있다. NextJS에 GA를 적용하는 레퍼런스가 인터넷에 매우 많다. 다만, NextJS의 버전에 따라, JS인지 TS인지에 따라, 적용할 수 있는 코드에 차이가 있다. 내 기준에 맞게 GA 속성을 생성하고 NextJS에 적용하는 글을 작성한다. My ConditionGA의 플랫폼 웹 적용NextJS 14.0.4 버전. App Router 방식 사용. (13버전이라도 App Router 방식이면 가능할 것으로 추정)TypeScript 사용GA를 통해 페이지뷰 자동 적용GA 이벤트 발생환경변수에 GA 측정ID 유무에 따라 Production ..

Python을 통해 Youtube Data API 댓글 데이터를 조회해오는 코드를 작성하기에 앞서Youtube Data API의 응답구조를 자세히 알아보자. 1. 수집코드수집 코드는 다음과 같다.from googleapiclient.discovery import buildapi_key = 'gcp 발급 API Key'video_id = '수집하고자하는 Youtube 영상 id'api_obj = build('youtube', 'v3', developerKey=api_key)response = api_obj.commentThreads().list(part='snippet,replies', videoId=video_id, maxResults=100).execute()  2. 응답 데이터 구조다음은 respon..

댓글/채팅 데이터를 활용한 프로젝트를 기획하고 있다.구체적인 기획에 앞서 국내에서 많은 사람들이 이용하는 스트리밍 서비스들의 API 현황을 조사해본다.  1. 유투브 Youtube유투브는 역시나 developers.google.com 을 통해 Data API 가이드 문서를 제공하고 있었다.https://developers.google.com/youtube/v3/getting-started?hl=ko YouTube Data API 개요  |  Google for Developers이 페이지는 Cloud Translation API를 통해 번역되었습니다. YouTube Data API 개요 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 소개 이 문서는 YouTube와 상호작용..

에러 로그Github 사용경험이 있는 사람은 아래 문구가 어떤 의미인지 알고 있을 것이다.remote: Support for password authentication was removed on August 13, 2021. Github 원격저장소의 프로젝트를 받아오기위해 clone을 시도하면 Username과 Password 입력을 요구한다.21년 전에는 당연히 내가 사용하는 github 로그인에 사용하는password를 입력했다.하지만 지금 내 github password를 입력하면 패스워드는 더이상 지원하지 않는다고 한다.패스워드를 입력하라고해서 입력했더니 지원하지 않는다..?remote: Please see https://docs.github.com/get-started/getting-starte..

NextJS와 NextUI에 대한 단상이미 완성된 디자인 시스템을 보유한 팀이거나, 디자인에 대한 절대적인 약속(퍼블리싱 팀 존재함, 디자이너가 만든 1px의 오차도 용서할 수 없음)이 있는 상황이 아니라면...절대적으로 공개된 디자인 라이브러리들을 활용해야 한다고 생각한다.모든 컴포넌트를 언제 다 손수 만들고 있겠는가. 우리의 시간은 개발사의 비용이다. 특히 구스피크와 같이 디자인에 대한 역량이 전혀 없는 개발팀에게는 UI/UX 개발 시 더욱 필수적이다. 과거에 내가 PHP, JSP, JQuery로 웹을 만들때는 Bootstrap이 절대적인 템플릿이었다.거의 모든 회사가 Bootstrap을 쓰고 있는 것처럼 느껴졌다. 그러나 모바일이 등장하고 프론트엔드 개발시장이 빠르게 성장했다. 다양해진 개발언어와 ..

NodeJS Express로 제작한 웹사이트를 호스팅해야한다?내가 생각하는 가장 쉬운 방법은 App Engine이다. GCP 가입부터 시작해서 App Engine 배포하는 과정을 살펴보자 1. GCP 가입- Google Cloud Platform(https://console.cloud.google.com/)에 가입하자. 우측 상단 [무료로 시작하기]를 클릭하고, 몇가지 단순한 체크를 하면서 진행한다.- 마지막 단계에 결제 정보 확인이 있다. 추후에 변경이 가능하겠지만, 이미 프로젝트가 진행되고 있는 중에 바꾸려면 상당히 귀찮아질 수 있으니 처음부터 잘 확인하고 입력하자.  2. GCP App Engine 활성화- Google Cloud App Engine 메뉴 접근 및 활성화 버튼 클릭  - Cloud ..