본문 바로가기
728x90

전체 글66

Promise.all()은 언제 쓰고 왜 쓰나요? - 여러 비동기 요청 한 번에 처리하기 Javascript를 통해 비동기 코드를 처리하는 기본적인 방법으로는 Callback 함수, Promise, async/await 등이 있다. 하지만 다수의 비동기 요청의 실행이 필요한 경우 우리는 Promise.all()을 사용해볼 수 있다. Promise.all()이란? 여러 개의 Promise를 동시에 처리하고, 모든 Promise가 완료되었을 때 그 결과들을 반환하는 Javascript의 메서드이다. Promise.all()은 배열형태의 Promise들을 인자로 받고, 이 Promise들은 병렬로 실행된다. Promise.all()은 모든 Promise들이 해결될 때까지 기다리고, 모든 Promise가 성공적으로 해결되었을때, Promise.all()은 해당 Promise들의 결과를 배열로 반환한.. 2023. 5. 19.
prop `classname` did not match. with styled-components prop `classname` did not match. with styled-components 에러 해결 방법 Nextjs의 next.config를 수정해준다. /** @type {import('next').NextConfig} */ const nextConfig = { reactStrictMode: false, compiler: { styledComponents: true, // 컴파일러 옵션 추가 }, }; module.exports = nextConfig; 2023. 5. 1.
NextJS에서 API 디렉토리를 사용할 수 없는 이유 NextJS는 pages/api 디렉토리를 통해 백엔드에 대한 처리를 수행할 수 있다. 하지만 정적으로 배포된 사이트(ex. 블로그 등)에서는 pages/api 등과 같은 동적 로직은 지원되지 않기 때문에 api 디렉토리를 사용할 수 없다. 정적 배포 방법 // package.json // NextJS 13.3 이전 버전 "scripts": { "dev": "next dev", "start": "next start", "lint": "next lint", "build": "next build && next export", // ## 정적 배포 "predeploy": "npm run build", "deploy": "touch out/.nojekyll && gh-pages -d out --dotfiles".. 2023. 5. 1.
NestJS에서 클라이언트로 쿠키 보내기 (왜 내 쿠키는 안받아줘요?) - 배포환경 서버에서 브라우저로 쿠키 저장 https://hanbbistory.tistory.com/118 NestJS에서 클라이언트로 쿠키 보내기 (왜 내 쿠키는 안받아줘요?) 쿠키(Cookie)란? 쿠키는 서버에서 클라이언트에게 보내는 작은 데이터 조각이다. 일반적으로 브라우저에서 웹 사이트를 방문할 때 쿠키를 사용하여 사용자의 활동을 기록하고, 이후에 그 사용자 hanbbistory.tistory.com 분명 로컬에서는 쿠키가 정상적으로 브라우저에 저장되는 것을 볼 수 있었는데, 배포를 하고 나니 또다시 쿠키가 보이지 않았다. response headers에는 쿠키 값과 함께 다음과 같은 에러 문구를 볼 수 있었다. this attempt to set a cookie via a set cookie header .. 2023. 5. 1.
localhost 환경에서 https 적용해보기 local 환경에서 https 설정이 필요한 이유 로컬 환경에서 내가 원하는대로 기능들이 작동한다고 해도, 배포 환경과 로컬 개발 환경의 차이로 인해 코드의 수정이 필요해질 수 있다. 이러한 이유로 개발 환경을 배포 환경과 최대한 동일하게 만들어주는 것이 좋다. 또한 최근의 배포 환경들은 대부분 https로 이뤄져 있기 때문에 그에 맞춰 설정해줄 필요가 있다. 자체 서명 인증서 생성 (openssl 사용) # 개인 키 생성 $ openssl genrsa -out private-key.pem 2048 # 개인 키를 사용한 새로운 인증서 요청서 생성 $ openssl req -new -key private-key.pem -out cert-request.csr # 요청서를 사용한 자체 서명 인증서 생성 $ o.. 2023. 5. 1.
728x90