티스토리

Studyyyyy
검색하기

블로그 홈

Studyyyyy

dayoon1124.tistory.com/m

manyYun 님의 블로그입니다.

구독자
0
방명록 방문하기

주요 글 목록

  • React-tooltip 기존 프로젝트처럼 bootstrap tooltip을 사용하려고했는데, tailwind와 bootstrap은 유틸리티 클래스가 겹쳐 같이 사용하면 안된다고 한다. 그래서 bootstrap 패키지는 삭제, react-tooltip을 설치했다. 사용방법은 bootstrap과 비슷하다. 1. 설치npm install react-tooltip 2.'use client'import { Tooltip } from "react-tooltip";export default function HelpTooltip() { return ( Do you need help? );} 툴팁은 클라이언트 컴포넌트에서만 사용할 수 있다.툴팁을 사용할 곳에 data.. 공감수 0 댓글수 0 2025. 3. 14.
  • Next js 15 + Next auth + Cognito 로 로그인/회원가입 구현하기 Cognito 설정 방법은 이 글에 없다. 이미 설정이 끝난 걸 받아서 시작했기 때문에..어제 회사에서 하루종일 난리를 쳤는데 cognito console 페이지에서 스타일을 추가 안해줘서 안되는 거였다. 어쩐지 미리보기도 안되더라니ㅠㅠ 일단 .env.local 설정부터 해주자. 나도 아직 배포 전이기에 env는 로컬 기준이다.COGNITO_CLIENT_ID=fakeIDCOGNITO_CLIENT_SECRET=fakeSecretKeyCOGNITO_LOGOUT_URL=http://localhost:3000COGNITO_ISSUER=https://cognito-idp.{region}.amazonaws.com/{poolId}도메인 주소 이런거 필요 없고 딱 이렇게 4개면 충분했다. (로그아웃 때문에 도메인 주소.. 공감수 1 댓글수 0 2025. 2. 28.
  • Server component 와 CSS-in-JS https://shiwoo.dev/posts/next-13-and-css-in-js Next js 15로 프로젝트를 시작하기 전, 익숙하고 동적 스타일 적용에도 편리한 Styled-components를 스타일 적용에 사용할 계획이었다. 하지만 막상 프로젝트를 시작하고 styled.ts 파일을 적용하니 저런 오류가 떴다. 일반적인 방식으로는 클라이언트 컴포넌트에서만 사용할 수 있고, 서버 컴포넌트에서는 CSS-in-JS를 쓸 수 없다고 한다.  공식 문서에 보면 추가적인 설정(https://nextjs.org/docs/app/building-your-application/styling/css-in-js)을 통해 서버 컴포넌트에서도 styled-components를 사용할 수 있다고 하지만 복잡도가 증가하고.. 공감수 0 댓글수 0 2025. 1. 21.
  • pnpm으로 create next app 실행하기 1. npm이 깔려있다는 전제 하에 pnpm 설치$ npm i -g pnpm 2. 제대로 깔렸는지 버전 확인$ pnpm --version※나는 여기서 PSSecurityException 오류가 떴다. 오류 해결법관리자 권한으로 powershell 열기Get-ExecutionPolicy로 RemoteSigned가 나오나 확인.나오지 않는다면 Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser 을 친다. (현재 사용자에 대한 실행 정책만 변경하는 명령어)다시 Get-ExecutionPolicy로 RemoteSigned가 나오나 확인RemoteSigned가 나오고 pnpm --version을 쳤을 때 버전이 제대로 나오면 해결된것이다.3... 공감수 0 댓글수 0 2024. 12. 18.
  • nextjs 13 metadata, sitemap.js 설정하기 주소/sitemap.xml로 들어가서 보여야 정상https://raondev.vercel.app/posts/nextjs-sitemap-metadata Raon.dev안녕하세요. Raon.dev의 개발 블로그 입니다. 주로 Front-end 관련 글을 작성합니다. Youtube 에서 라이브 방송을 합니다.raondev.vercel.app - metadata에 og:image 설정하기 => tag image 적용할 폴더에 'opengraph-image.png' 파일 추가https://www.ha0.work/detail/64d46dbdc08a20f254a95589 공감수 0 댓글수 0 2024. 9. 2.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.