728x90 개발일지64 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. 이전 1 2 3 4 ··· 16 다음 728x90
