무료도메인을 쓴다면 아래 3개링크를 참고하여 해결하자 https 부분이 헷갈릴 수 있는데, dns인증과 nginx 설정만 잘해주면된다. https://zigsong.github.io/2021/10/02/fe-aws-ec2-next/ EC2로 Next.js 앱 배포하기 EC2 | Next.js | Node.js | pm2 | nginx zigsong.github.io https://taewooblog.tistory.com/82 Nginx https 적용하기.(openssl 인증서 발급)(ubuntu 18.04 LTS)(let's encrypt) Nginx https 적용하기.(openssl 인증서 발급)(ubuntu 18.04 LTS)(let's encrypt) 티스토리에 직접만든 서버 api를 적용하려고..
https://stackoverflow.com/questions/48219624/backdrop-filter-vs-filter backdrop-filter vs filter Recently I found 2 similar properties and can't figure out what's the differences between them. Can you explain me please? Why does properties backdrop-filter and filter exists at the same time? ... stackoverflow.com filter는 그 요소에, backdrop-filter는 그 요소의 background에 스타일을 적용한다.
위는 잘 동작하는 예시이다. 왼쪽을 보면, get url을 하드코딩했다. 나는 원래 query string이 있는 url을 내장된 API인 URLSearchParams을 사용하여 URL 조작의 권한을 위임한다. 하지만 next.js에서는 왜인지 제대로 동작하지 않았다. 만약 아래처럼 URLSearchParams을 사용한다면 아래와 같이 로컬주소인 localhost:3000뒤에 해당 get url이 붙은상태로 날아가게 된다. 근데 console.log찍어보면, get url이 정상적으로 나온다. 이 이유는 정확히 원인을 모르겠다. 그래서 next.js설정을 한참 찾고다니고.. swr로도 해보고.. node-fetch로도 해보고.. 별짓을 다했다. 일단 기술부채로 놔두고 하드코딩하여 api 요청을 보낼 계획..
https://yohanpro.com/posts/nextjs/data-fetching Next.js에서 data-fetching하기 - Yohan's Developer Diary Next.js팀 (Vercel)팀은 2020년 3월 10일에 9.3버전의 Next.js를 공개했다. 달라진 것 중에서 가장 눈에 띄는 것은 단연 data-fetcing 하는 메소드가 두 개가 추가된 것이다. 즉 pages 폴더 아래에 있는 엔드포인 yohanpro.com
https://webruden.tistory.com/162 GCP(Google Cloud Platform) App Engine에 Next(React SSR) Application 배포하는 방법(Deploy React+Next app to GCP Engine) GCP App Engine에 Next Application을 배포하는 방법에 대해서 소개하도록 하겠습니다. AWS에 익숙하신 분들은 GCP App Engine과 AWS Elastic Beanstalk과 동일하다고 보시면 됩니다. 해당 포스팅은 GCP 회원.. webruden.tistory.com https://cloud.google.com/sdk/docs/install?hl=ko Cloud SDK 설치 | Google Cloud Cloud SDK 설..
https://react-query.tanstack.com/guides/ssr SSR Subscribe to our newsletter The latest TanStack news, articles, and resources, sent to your inbox. react-query.tanstack.com 1. 왜 QueryClient가 state로 관리되어야할까?
css안에 css를 import해야하는 경우에는 .styles로 스타일만 끄집어내서 사용하면된다.
https://xenox.dev/next-image-with-storybookjs/ How to add Next Js Image in storybook JS? How to add Next JS Image tag in your storybook JS? xenox.dev
