goosepeak

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 ..

에러로그Type 'String' is not assignable to type 'string'. 'string' is a primitive, but 'String' is a wrapper object. Prefer using 'string' when possible.ts(2322)index.d.ts(2324, 9): The expected type comes from property 'src' which is declared here on type 'DetailedHTMLProps, HTMLImageElement>'  개발습관 만들기 “Type ‘String’ is not assignable to type ‘string’” 에러는 TypeScript에서 발생하는 일반적인 문제이다. 이 에러는 String..

개요딸깍, 딸깍 몇번의 클릭만으로도 CRUD가 가능한 API서버를 간단히 만들 수 있다. 이전 글을 참고하여 MongoDB Atlas에 가입하고 NoSQL 셋팅하고 이 게시글을 보면 좋다.( 아주 쉽게 MongoDB Atlas 개념/세팅 훑어보기  )  MongoDB Atlas Data API 만들기- 좌측메뉴 중 Data API 를 선택한다. Http 요청으로 접속 가능하게 만들 Data Source를 선택하고 활성화 버튼을 클릭한다.Atlas Data API 의 특징에 대한 공식문서다. (https://www.mongodb.com/docs/atlas/app-services/data-api/)   - 데이터 API는 생성되었고 테스트해보라는 모달을 확인한다. * 첫째로 서버사이드 방식이다. API-KE..

MongoDb와 NoSQL가능한 쉽게 MongoDB Atlas에 대한 개념을 알아보고 가이드대로 세팅해본다. 우선, MongoDB는 NoSQL DBMS다.학교든, 학원이든, 어딘가에서 개발에 대해 공부를 했다면 MySQL이나 Oracle과 같은 RDB에 대해 알고 있을 것이다.그렇다면 NoSQL은 뭘까.NoSQL은 Not Only SQL의 약자로 RDB와의 가장 큰 차이는 컬럼을 고정하느냐이다.RDB에서 테이블을 생성할 때에 아래와 같은 Create 문을 사용하여 table을 만드는 것을 봤을 것이다.CREATE TABLE testTable( id INT(11) NOT NULL AUTO_INCREMENT, name ..