Side Project

Open AI 의 API로 Chat GPT와 간단한 터미널 채팅을 구현해 보자. Open API Key 발급 https://openai.com/ 회원가입 로그인 후 https://platform.openai.com/docs/introduction 로 이동 (메뉴에 Developers로 이동해도 된다) 우상단 프로필 아이콘 클릭 Veiw API Keys 클릭 Create new secret key 를 눌러 api key 를 발급받는다. ChatGPT API 호출 fetch() 함수를 이용하여 ChatGPT API에 "안녕"이라는 메시지를 전송해보자. // chat.js function chat() { return fetch("https://api.openai.com/v1/chat/completions", ..

현재 완료 목록 Google OAuth 로그인 사이드바 토글 메인 인기 영상 목록 검색 결과 현재 영상 목록을 라우팅으로 처리하지 않고, Recoil을 사용하여 상태(인기영상 인지, 검색 결과 영상인지)로 뿌려주고있다. 왜 그랬는지 모르겠는데 ... 라우팅 처리하지 않고 진행해야한다는 생각에 갇혀있었다... 그런데 실제 Youtube를 들어가보면 그렇지 않고 라우팅으로 처리되어있다. 전역상태를 써서 뭔가 해봐야겠다 ... 였던건가... 그래도 헛수고는 아닌것같다. 예전에 써봤긴했지만 Recoil atom과 selector에 더 확실히 알 수 있었기 때문이다. 앞으로 해야할 것 라우팅에 따라 영상 목록 및 검색 결과 출력 구독 채널 영상 불러오기 쇼츠 영상 불러오기 될지 안될지는 모르겠다지만.. 알림 프로필

카테고리 API를 이용해서 카테고리 리스트를 쭉 불러왔다. 그런데 실제 Youtube 메인페이지의 카테고리와 달리 너무 많은 데이터가 넘어왔다. 아마 내가 보는 영상을 기반으로 카테고리를 따로 정리해서 메인에 뿌려주는 것 같다 내 유튜브 메인 카테고리 Category API로 불러온 데이터 우선은 카테고리는 구현하지 않고 아래와 같이 구성하기로 했다. 메인 : 인기 영상 목록 구독 : 구독 채널 영상 목록 Shorts : 쇼츠 영상 목록

구글 로그인을 통해 가져온 access token으로 내 구독리스트를 불러오는데 자꾸 에러가났다. 토큰없이 불러오는 리스트는 다 되는데 토큰을 이용해서 불러오는 것들은 전부다 에러가났다. 온갖 방법을 검색해보고 찾아보고 했는데 원인을 모르겠다 ㅠㅜ... 그래서 @react-oauth/google 라이브러리를 이용해서 다시 로그인부터 구현하기로 했다. 우선 구글 클라우트 플랫폼에서 승인된 url에 포트가 없는 http://localhost도 추가해야한다. Axios 내 구독 리스트를 불러오면서 axios get 요청시 params 매개변수를 객체로 넘기면 요청에 실패하고, path에 직접 쿼리 파라미터를 넘겨주면 요청에 성공하는 상황에 부딪혔다. 지인을 통해서 물어봤을땐 params는 post 요청시 사용..

dotenv 설정 후 환경변수 값을 불러올 때 자동완성이 안되는 것이 계속해서 눈에 밟혔다. 공식문서 상에는 `src/.env.d.ts`에 타입스크립트 인터페이스만 설정하면 된다고 나와있는데, 아무리해도 안됐다 ... 꽤 오랜시간을 고민했는데 ... 내 실수였다. `src/.env.d.ts`가 아닌 `src/env.d.ts` 였다 .. 멍청한놈 ... 앞선 포스트에서 설명했던 Google OAuth 흐름을 글로 간략히 적어보면 아래와 같다. https://wonillism.tistory.com/308 [WONTUBE] Youtube API 갖고놀기 (1) 뭔가 혼자서 만들어볼만한게 없을까 생각하다가. Youtube API를 이용해서 뭐라도 만들어보자! 라는 생각으로 시작했다. 우선 해볼것은 내가 구독하고..

뭔가 혼자서 만들어볼만한게 없을까 생각하다가. Youtube API를 이용해서 뭐라도 만들어보자! 라는 생각으로 시작했다. 우선 해볼것은 내가 구독하고있는 구독리스트를 불러오는 것. 단순히 인증절차 없이 가장 인기있는 동영상 데이터를 가져올수도 있지만, 별도의 회원관리가 없이 Google Oauth를 통해서 로그인하고, 그 데이터로 로그인 유지, 토큰관리등을 해보려고 인증이 필요한 데이터 위주로 Youtube API에서 가져올 생각이다. API 문서나 구글링해보면 많은사람들이 Google Cloud Platform에서 OAuth 인증을 구현하기 위한 글이 많다. 상세한 것들은 검색을 통해서 ... 처음엔 Google API문서를 참고해서 구현할 작정이었으나 ... 생각보다 너무 방대하고 불친절하다... ..

ml.yah.ac/ 머신러닝야학 모르는 것이 생겼다고요? 진로에 대한 고민이 있다고요? 조력자에게 물어보세요. 현업에서 활동 중인 엔지니어들이 여러분을 돕겠습니다. 조력자들이 가진 기술을 확인하시고 아래 영상에서 안 ml.yah.ac opentutorials.org/course/4548/28949 강화학습 Reinforcement Learning - 생활코딩 opentutorials.org 지도학습이 배움을 통해서 실력을 키우는 것이라면, 강화학습은 일단 해보면서 경험을 통해서 실력을 키우는 것이다. 그 행동의 결과가 자신에게 유리한 것이었다면 상을 받고, 불리한 것이었다면 벌을 받는 것이다. 이 과정을 매우 많이 반복하면 더 많은 보상을 받을 수 있는 더 좋은 답을 찾아낼 수 있다는 것이 강화학습의 기..

ml.yah.ac/ 머신러닝야학 모르는 것이 생겼다고요? 진로에 대한 고민이 있다고요? 조력자에게 물어보세요. 현업에서 활동 중인 엔지니어들이 여러분을 돕겠습니다. 조력자들이 가진 기술을 확인하시고 아래 영상에서 안 ml.yah.ac opentutorials.org/course/4548/28945 비지도 학습 - 생활코딩 군집화 연관규칙학습 비지도 학습 정리 비지도 학습의 사례로는 ‘군집화’와 ‘연관규칙’이라는 것이 있습니다. 어려워 보이지만 알고 보면 사실 별 것 아닙니다. 아래 그림을 5분만 유심히 opentutorials.org 군집화란, 비슷한 것들을 찾아서 그룹을 만드는 것이다. 분류와 비슷해보이지만 비교하자면, 어떤 대상들을 구분해서 그룹을 만드는 것이 군집화라면, 분류는 어떤 대상이 어떤 그..