도록

문제 상황테스트 페이지가 필요해서 셋팅하던 중, 테일윈드 공식 문서 대로 제일 최신 버전을 설치하니 vite.config.ts 파일에서 아래와 같은 오류가 발생했다.Type 'Plugin[]' is not assignable to type 'PluginOption' 해결책: node_modules 폴더와 lock 파일(ex. pnpm-lock.yaml, package.lock.json, yarn.lock)을 둘다 삭제하고 다시 install 받으면 해결된다. rm -rf node_modules pnpm-lock.yamlpnpm install 출처: https://github.com/tailwindlabs/tailwindcss/discussions/17541

문제 상황- tailwind css 공식문서에서 하라는 대로 했지만, tailwind가 적용되지 않아 브라우저에서 보면 스타일이 다 깨져있다.더보기참고) 나의 개발 환경은...- vite, react, typescript, scss 를 사용하고 있다. (sass를 tailwind로 교체 중)- local 은 vite를 사용해 테스트하고, dev, prod 는 express 서버를 이용한다.- ci 는 jenkins, docker 파일을 이용해 구현되어 있으며, install 과 build가 분리되어 있으며, 서버를 내리지 않고 container 교체 방식으로 진행된다.  우선 어디가 문제인지 보자⬇️결론은 맨 아래 ⬇️  왜 스타일이 깨질까? 생각해 아래와 같은 가설을 만들었다.[가설 1] tailwin..

해결책 3개 다해보고 결국 1번으로 해결했습니다.prettier.rc 파일을 수정하는 등, commit해야하는 것들은 제거했습니다. 1. vscode 우측 하단의 CRLF 설정을 LF 으로 변경   2. vscode setting eol : auto 로 변경   3. vscode Prettier : End Of Line

프로세스가 port 를 차지하고 있어서 생긴 문제로, 프로세스 종료하면 정상화된다. 해결1. 윈도우 작업표시줄에서 cmd 실행 2. 해당 port (내 경우에는 8081)을 잡고 있는 pid (Process Id)를 찾는다netstat -ao | findstr 포트번호 3. 알아낸 pid kill 하기taskkill /f /pid 프로세스아이디  cmd 캡쳐

결론 : Server Components가 Client Component에게 전달 할 수 있는 값은 한정되어 있다. 에러메세지Error: Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.   {Icon: function y, onClick: undefined} 해결책문제가 생긴 Server Component 상단에 "use client" 를 붙여준다.or 해당 props를 넘겨주지 않도록 구조를 바꾼다. 상황요약: Server..