도록

1. 원하는 로티 파일 찾아서 다운받기https://lottiefiles.com/featured-free-animations Featured Free Lottie Animations - Curated Motion DesignsExplore our featured free Lottie animations, handpicked for quality and creativity. Discover free animations to enhance your projects with stunning motion graphics.lottiefiles.com 2. 다운받은 파일을 프로젝트 내의 폴더로 옮기기 3. lottie player 설치npm i react-lottie-player  4. Lottie renderin..

서론next든, vite든 뭐든 쓰다보면 로컬 개발환경에서는 localhost:port 로 주소를 고정시킨 채 개발하게 된다.일단 동작하는 것 보고 수정해야지~ 하고 까먹고 있다가 배포하게 되면, 어머나 세상에 production에서 localhost 를 찾는 괴상한 현상을 보게된다. 아 나는 둘다 쓰고 싶은데 도메인 인식 어떻게 하지? 원하는 것은 이거!1. npm run dev로 로컬을 띄우고 기존 url(http://localhost:port) 그대로 사용하고 싶어요2. vercel 배포했는데, vercel domain 인식하게 할 수 있는 방법은 없나요?   해결책환경변수로(.env 파일을 이용해) domain을 각기 설정하자. 1. vercel에 환경변수 추가하기: vercel의 프로젝트 셋팅 ..

서론vercel 배포했더니 왜 vercel domain 3개 중에 2개가 cors가 날까요?왜??? 자기끼리 CORS가 나는 건 무슨? (사실 자기들끼리라는 말은 잘못되었다 엄연히 다른 URL인걸?) 해결책모두에게 문을 열어주자!  case 1. Next.js 사용하는 경우, 설정 파일(next.config.js)에 아래 내용을 추가한다. const nextConfig = {  headers: () => {    return [      {        source: "/api/:path*",        headers: [          { key: "Access-Control-Allow-Credentials", value: "true" },          { key: "Access-Control-..

유명한 백준 허브 드디어 셋팅했다.  1) 백준허브 설치크롬플러그인 백준허브를 설치하면, 내가 프로그래머스, 백준 등에서 알고리즘 문제 풀때 자동으로 git 에 올려준다.  백준허브(BaekjoonHub)Automatically integrate your BOJ submissions to GitHubchromewebstore.google.com   2) 정보 넣기설치 후 플러그인 클릭하면 github로 연결해 로그인시킨 후, 정보를 입력받는다.기존 git repo 에 넣으려면 아래처럼 선택 및 레포 이름을 넣고 버튼을 누르면 설정이 끝나다.     3) 아니 설정도 끝났는데 자동커밋이 안된다.  README 추가하는 commit/push하니 정상 작동함