Enjoy Programming

최근 회사에서 인력이 부족해서 백엔드 api까지 만들고 프론트 작업까지 진행중이다. 현재는 복잡한건 안하고 호출해서 가져오도록 api를 만드는게 다이긴 하지만... 아무튼 그렇다.. @async_timer async getIssueNewsList( input: GetIssueNewsListInputDto, ): Promise { const fName = this.getIssueNewsList.name; this.larchiveLoggerService.customLog( { fName, vName: 'GetIssueNewsListInputDto', message: input, }, fName, ); try { const uri = this.dataSwaggerUrl + '/news/aggregated-ne..

역시 바쁜나날이다. 개발을 하며 생긴 이슈가 여럿이고 그 중에 아직 완벽하게 해결이 되지 않은 부분이 있는데 이슈는 이렇다 개발 후 deploy -> 하나의 컴퓨터에서 크롬에 dev도메인이 열려있는 상황 -> 배포 완료 되기 전 컴퓨터를 끄고 -> 배포 완료 후 reboot 이전 브라우저 복원 -> blanck 된 화면 자 이걸 해결하기 위해 많은 시도를 했다. 개발자 도구에는 uncaught syntaxerror 요게 뜨고 chunck load 에러가 발생한다. base tag 설정 meta cache-control 설정, pakcage json homepage 설정 등등 진짜 많은 걸 해봤다.. 코드 스플릿이 잘못 되었나? 아님 내 가 뭘 잘못 설정했나? .. 하.. 아무튼 nginx설정으로 어느정도..

다시 오랜만에 블로그를 쓴다.. 이제 진짜 일주일에 하나는 쓰도록 하자 ㅠㅠ 최근 회사 사이트 툴을 개발하면서 한가지 문제가 생겼다.. 관세청 open api를 이용해서 만드는 기능 이었는데... 하... 이놈의 CORS에러를 또 맞딱드렸다.. 사이트 백엔드 cors는 백엔드에서 설정을 바꿔주면 되는 편안함이 있지만.. third part api를 이용할 때는 이야기가 달라진다. 왜냐 해당 api를 가진 서버에서 Access-Control-Allow-ORigin을 허용해주지 않으면 답이 없기 때문이다. 공공기관에서 해줄리가 만무 하지 않은가... 여기서 잠깐 CORS란 무엇인가. https://developer.mozilla.org/ko/docs/Web/HTTP/CORS 교차 출처 리소스 공유 (CORS..

역시 오랜만에 글을 올린다. 런칭전 너무 많은 변화가 생겼고 거의 리뉴얼 수준으로 작업이 이루어졌다... 거의 끝났다. 작업을 진행하며 한가지 문제가 된 부분이 있는데 브라우저에서 로그인시 해당 상태가 다른 탭에 공유 되지 않는 현상이었다. 물론 새탭으로 열면 app의 상태는 공유 되어 있다. 하지만 로그아웃시? 또는 두개의 탭이 열린 상태에서 로그인시? apollo의 loggedinVar가 지속적으로 읽혀지고 있어서 새로고침으로 앱을 다시 시작하지 않으면 해당 상태는 역시 공유 되지 않았다. 우선 급한데로 apollo authLink에서 로그인 상태를 token의 유무에 따라 조정을 해줬다.. 이 경우 session의 상태에 따라 api호출시 로그인 상태가 결정되므로 즉각 반응은 아니지만 api호출 이..

자 api를 이용해 데이터를 가져올텐데~~ fetch대신 axios를 사용한다. 앞서 movie-app을 만들때도 사용해봤고~ express로 youtub클론할때도 써본 axios 먼저 fetch를 remind해보자. fetch란 무엇인가 ?~ ajax 방식중의 하나인 fetch fetch는 api를 불러오고, 정보를 내보내 주기도 하는 함수이다. fetch함수에 쓰여지는 method는 get&&post가 있고 설정을 따로 안하면 언제나 그랬듯이 get이 default이다. 또한 fetch는 promise방식이기 때문에 then을 사용해 함수 실행이 끝나고 다음 할일을 정해준다. fetch는 비동기이기 때문에 api를 호출하는 과정이 끝나지 않더라도 다음이 진행이 된다. 그리고 쉽게 생각해 업그레이드된 ..

이제 사이트에 필요한 영화와 tv show 데이터를 어디서 가져오느냐~~ 인데. 니코의 소개로 알게 된 곳인 https://www.themoviedb.org/?language=ko The Movie Database (TMDb) Welcome. Millions of movies, TV shows and people to discover. Explore now. www.themoviedb.org 무료로 api를 쓸 수 있다. 가입하자~ 가입후 설정페이지에 보면 API가 있는데 API 키를 얻어야 하는데 먼저 api생성해야한다 각종정보를 입력하고 생성하면 버전3 api key가 뜬다 이걸로~~ doc에 가서 https://developers.themoviedb.org/3 API Docs Hosted API d..