분류 전체보기104 [HTTP 완벽 가이드] HTTP가 사용자를 식별하는 데 사용하는 기술 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 HTTP가 사용자를 식별하는 데 사용하는 기술 HTTP는 원래 익명의 상태 없는 프로토콜이지만, 서비스를 제공하는 입장에서는 사용자에 대해 더 많은 것을 알고싶어 하고 사용자들이 브라우징하는 것을 기록하고 싶어한다. 서비스 제공자는 이를 위해 사용자 개인화와 활동 추적을 위한 다양한 기술과 방법을 사용하고 있는데, 이 글에서는 서버가 통신 대상을 식별하는데 사용하는 기술을 알아보고자 한다. HTTP 헤더 헤더 이름 헤더 타입 설명 From 요청 사용자의 이메일 주소 User-Agent 요청 사용자의 브라우저 Referer 요청 사용자가 현재 링크를 타고 온 근원 페이지 Author.. 2023. 10. 16. [Yarn Berry] yarn berry 프로젝트에서 자꾸만 node_modules가 나타나는 이유 (with. Vite) 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 Yarn berry를 사용하는 프로젝트에 자꾸만 node_modules가 나타나는 이유 (with. Vite) 지금 작업하는 프로젝트의 빌드 도구는 Vite, 패키지 매니저로는 Yarn Berry가 세팅되어 있다. Yarn Berry를 사용하는 프로젝트에서 아래와 같이 설정하면 PnP(Plug'n'Play) 방식으로 의존성을 관리할 수 있는데, PnP는 프로젝트에 쓰이는 패키지를 가상 파일 시스템에 저장하고 필요할 때 프로젝트 코드에서 자동으로 로드하는 방식이다. 우리가 익히 알고 있는 node_modules 폴더를 생성하는 대신 의존성은 .pnp.cjs 파일을 통해 관리하고, 의.. 2023. 10. 3. [Yarn Berry] 배포 이슈_ Cannot find type definition file for 'vite/client'. 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 이슈 빌드 중 vite/client를 찾을 수 없다는 에러를 만났다. 혹은 다른 에러메세지를 만날 수도 있겠다. TS2688: Cannot find type definition file for 'vite/client'. 해결 2시간을 헤맸는데, 정신차리고 보니 'vite/client'은 존재하지 않는 패키지다. 그렇다면 의존성 문제일 가능성이 높다. git 히스토리에서 yarn.lock 파일의 이전 버전으로 복원 후 다시 배포하니 해결 됐다. 2023. 10. 3. Cube.js를 이용한 실시간 데이터 시각화 과정에서 발생한 이슈와 해결 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 Cube.js를 이용한 실시간 데이터 시각화 과정에서 발생한 이슈와 해결 요즘은 계속 대시보드 작업을 하고 있다. 서비스에서 데이터 처리와 시각화에 Cube.js라는 플랫폼을 이용하고 있는데, 최근에 Cube.js를 이용해 실시간으로 데이터를 적재하고 보여주는 과정에서 이슈가 있었기에 문제와 해결 과정을 기록하고자 한다. Cube.js를 사용하면 마치 graphQL처럼 프론트에서 직접 DB에 query를 날려 원하는 데이터를 가져올 수 있다. cube.js query문 { "limit": 5000, "measures": [ // y축 "default.impressions", "de.. 2023. 9. 24. S3, CloudFront, Route53 CI/CD를 위한 GitHub Actions 워크플로우 구성 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 S3, CloudFront, Route53 CI/CD를 위한 GitHub Actions 워크플로우 구성 전에 한 번 새 프로젝트를 만들며 CI/CD를 구축할 일이 있었다. 그 때는 신속 정확하게..! 회사 코드를 복붙하여 사용했지만 최근에 다시 기회가 생겨 이번에는 직접 구성해보기로 한다. 기존 구성은 배포가 다 되기를 기다리고 있다가 수동으로 CloudFront 캐시를 무효화하는 불편함이 있어서 이 부분 또한 개선했다. GitHub Actions 들어가기 전 GitHub Actions에 대해 간략히 소개하면, GitHub Actions는 GitHub에서 제공하는 CI/CD 플랫폼.. 2023. 9. 14. 이전 1 2 3 4 5 6 ··· 21 다음
