리프레시 토큰이 제대로 들어오는 지 확인하고 싶어서 localhost를 https로 변경했는데 여전히 Set-Cookie가 되지 않는 문제가 있었습니다. domain=DOMAIN_NAME When searching the cookie list for valid cookies, a comparison of the domain attributes of the cookie is made with the Internet domain name of the host from which the URL will be fetched. If there is a tail match, then the cookie will go through path matching to see if it should be sent. "Tai..
팀 블로그에서 작성한 글을 가져왔습니다 https://velog.io/@votogether2023/axios-%EC%97%86%EC%9D%B4-%EB%A6%AC%ED%94%84%EB%A0%88%EC%8B%9C-%ED%86%A0%ED%81%B0-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0-feat.Set-Cookie-localStorage 보투게더의 리프레시 토큰 유저가 로그인 시 액세스 토큰은 짧은 만료시간을 가지고, 리프레시 토큰을 길게 만료시간을 가지게 하여 사이트의 보안성을 강화하기 위해 구현한 기능입니다 현재 보투게더에서는 토큰들을 더 안전하게 보관하고자 액세스 토큰은 로컬 스토리지에 담고, 리프레시 토큰은 쿠키에 담아서 따로 저장을 하여 쿠키 혹은 로컬스토리지가 탈취되었을 ..
팀 블로그에 있는 내용을 가져왔습니다 ngnix gzip 설정하기 (번들 사이즈 용량 줄이기) js 번들 사이즈 용량이 너무 커서 페이지 초기 로딩 속도가 너무 느린 현상이 있어서 번들 사이즈를 줄이게 되었습니다서버에서 ngnix/nginx.conf를 열어줍니다저희의 경우 ec2내의 docker에 ngnix가 위 velog.io 하게 된 계기 js 번들 사이즈 용량이 너무 커서 페이지 초기 로딩 속도가 너무 느린 현상이 있어서 번들 사이즈를 줄이게 되었습니다 설정 방법 서버에서 ngnix/nginx.conf를 열어줍니다 저희의 경우 ec2내의 docker에 ngnix가 위치해서 vim ngnix.conf를 통해 파일을 열어주었습니다 ngnix.conf 파일에서 https에 추가해줍니다 gzip on; g..
webpack-bundle-analyzer GitHub - webpack-contrib/webpack-bundle-analyzer: Webpack plugin and CLI utility that represents bundle content as convenient in Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap - GitHub - webpack-contrib/webpack-bundle-analyzer: Webpack plugin and CLI utility that repr... github.com 이유는 webpack-derServer을 이용하고 있기 때문..
개발 환경 localhost에서 로그인 시 HttpOnly와 Secure로 설정된 리프레시 토큰 쿠키가 제대로 들어오는지 확인해야 했는데 개발환경이 http라서 확인할 수 없었던 문제가 있었습니다. 그래서 https로 localhost를 설정하는 방법을 알아보게 되었습니다 1. mkcert를 설치합니다 GitHub - FiloSottile/mkcert: A simple zero-config tool to make locally trusted development certificates with any names you'd lik A simple zero-config tool to make locally trusted development certificates with any names you'd lik..
보투게더 기술 블로그에 작성한 글을 가져왔습니다 SEO 설정하기 (feat.네이버, 구글) 구글 설정하기 Google Search Console 사이트 접속 https://search.google.com/u/1/search-console?hl=ko 속성 추가 및 도메인 등록 TXT 설정 저흰 가비아여서 가비아에서 TXT 설정을 하겠습니다 ![]( velog.io 구글 설정하기 Google Search Console 사이트 접속 https://search.google.com/u/1/search-console?hl=ko 속성 추가 및 도메인 등록 TXT 설정 저흰 가비아여서 가비아에서 TXT 설정을 하겠습니다 바로 설정이 되지 않아서 기다려줘야합니다 저희는 기다려도 작동이 되지 않아 CNAME으로 다시 설정..
이전 게시글이 선행되면 좋습니다 사이트를 모바일 웹앱으로 실행되도록 하는 방법 (feat.apple-meta-tag) 사이트를 모바일 웹앱으로 실행되도록 하는 방법 1. html의 header에 다음과 같이 넣어주면 됩니다 // 홈 화면에 추가했을 때 보여질 앱의 이름 // 모바일에서 전체화면으로 보이게 할 지 여부 // 상 hell-of-company-builder.tistory.com 프로그레시브 웹 앱(PWA)이란 프로그레시브 웹 앱은 웹 기술을 사용하여 개발된 애플리케이션으로, 사용자가 웹 브라우저에서 접속할 수 있으며 모바일 앱과 비슷한 사용자 경험을 제공합니다. 이러한 웹 앱은 오프라인에서도 작동할 수 있으며, 푸시 알림을 받을 수 있고, 홈 화면에 아이콘을 추가하여 쉽게 접근할 수 있습니다...
사이트를 모바일 웹앱으로 실행되도록 하는 방법 1. html의 header에 다음과 같이 넣어주면 됩니다 // 홈 화면에 추가했을 때 보여질 앱의 이름 // 모바일에서 전체화면으로 보이게 할 지 여부 // 상태 표시줄 배경 색상 설정 2. 아이콘 설정을 해줍니다 아래의 사이트에서 아이콘을 넣고 설정해줍니다. 필요한 대부분의 아이콘 파일과 link, meta 코드를 알려주어 편합니다 https://www.favicon-generator.org/ 보투게더의 코드 아이패드용 스플래시 화면을 설정하고 싶을 땐 따로 설정을 해야 합니다 저희의 경우 아래와 같이 설정해보려고 했으나 아이패드에서는 제대로 나오지 않고 있습니다. 참고 자료의 링크를 참고하여 설정을 해야하는 것으로 이해되었어요 // 작동이 안됨 참고자료..
- Total
- Today
- Yesterday
- WSL2
- 프리온보딩
- env
- NextRequest
- error
- CLASS
- import/order
- 북클럽
- 노마드코더
- 아차산
- 원티드
- electron
- 위코드
- React
- TopLayer
- C언어
- NextApiRequest
- jest
- nodejs
- javascript
- nextjs
- 스토리 북
- 윤성우 열혈C프로그래밍
- 우아한테크코스
- 노개북
- Storybook
- createPortal
- 초보
- 프론트앤드
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |