apt-offline currentThread is deprecated, use current_thread instead

apt-offline 이용해서 작업 할 때 경고인데 진행되지 않는 오류가 있더라고요. 오류 나는 파일들을 vi 로 열어서 문제 있는 부분들을 찾아서 수정 해주면 사용 할 수 있습니다. Python 버전이 올라가면서 함수 사용법이 바뀌었나보네요. 이런 오류가 나올 수 있는데요. 오류에 나오는 결로를 열어서 모두 수정해주세요. .getName() 이라고 되어 있는 부분을 모두 찾아서 .name으로 수정합니다. currentThread 부분 모두 … Read more

우분투 서버 고정 아이피 설정 방법

우분투 그래픽 환경에서 사용하는 경우에는 편하게 고정아이피 설정 할 수 있는데 서버에서는 편하게 할 수 있는 부분이 조금 부족해요. 그래픽 환경에서는 gnome-control-center 명령어 이용해서 셋팅 화면 열고 편하게 설정 할 수 있습니다. 네트워크 작업이니 만큼 설정을 잘못 했을 경우 갑자기 원격 또는 ssh 등이 중단될 수 있으니 서버가 너무 멀리 있는 경우에는 조심해서 해야 합니다. … Read more

맥북 파이썬 설치 여러 버전 설치

맥북에서 파이썬 설치하려면 간단하게 brew 명령어로 설치 할 수 있어요. 이렇게 설치하면 가장 최신 버전 파이썬이 설치됩니다. 가끔 여러 버전을 사용해야 하는 경우도 있고 다른 버전을 잠시 사용해야 하는 경우도 있는데요. pyenv를 사용 할 수도 있지만 단순하게 맥북에서 관리 할 수 있어요. 일단 파이썬들이 어디에 설치되는지 확인해보겠습니다. 결과가 /opt/homebrew/bin/python3 이렇게 나오더라고요. 이 경로에 어떤 파이썬이 … Read more

nextjs Image warning

nextjs에서 이미지 표현 할 때 next에 있는 image 사용합니다. 사용할때 리사이즈 되었다면서 경고 나올 수 있어요. 정확한 사이즈를 적어야 오류가 나지 않습니다. 정확한 이미지의 사이즈를 넣고 비율로 조절 하고 싶은 경우 style로 조정 할 수 있어요. 이미지 사이즈를 정확히 73, 75로 적고 style에서 너비가 30px 차지하도록 했습니다.

nextjs clerk 설정 페이지

일단 설정 url이 맞게 나오는지 간단한 페이지를 만들어요. /app/(platform)/(dashboard)/organization/[organizationId]/settings/page.tsx OrganizationProfile을 불러오고 사용자정의 css를 적용합니다.

nextjs 모바일 메뉴 팝업 sidebar

상태관리 모듈 중 하나인 zustand 설치합니다. shadcn-ui에 있는 sheet 콤포넌트 설치합니다. sheet로 나타나도록 할 것입니다. zustand를 사용하여 모바일 상태관리 추가합니다. /books/use-mobile-sidebar.ts 기존 navbar.tsx에서 모바일부분이라고 메모한 부분에 MobileSidebar추가합니다. /app/(platform/(dashboard)/_components/navbar.tsx mobile-sidebar 영역 생성합니다. /app/(platform/(dashboard)/_components/mobile-sidebar.tsx 새로고침하면 오류 나지 않도록 useEffect이용해서 로딩 끝나면 return 되도록 한다. 버턴을 누르면 사이드바가 나오도록 추가합니다. 기존 사이드바에 스켈레톤으로 로딩 표시합니다. /app/(platform)/(dashboard)/_components/sidebar.tsx nav-item 부분에도 … Read more

nextjs 사이드바 만들기

hooks 사용 할 수 있도록 설치합니다. shadcn에 있는 skeleton 사용하기 위해서 추가합니다. 레이아웃 파일을 생성 합니다. navbar가 상단에 있는 경우 콘텐츠가 보이지 않을 수 있어서 pt를 통해서 아래 보이도록 합니다. 메뉴를 표현하는 도구로 accordion과 separator를 추가합니다. /app/(platform)/(dashboard)/organization/layout.tsx 사이드바 콤포넌트를 생성합니다. /app/(platform)/(dashboard)/_components/sidebar.tsx 생성한 Sidebar를 불러오도록 layout.tsx 파일을 수정합니다. /app/(platform)/(dashboard)/organization/layout.tsx 사이드바를 마무리합니다. /app/(platform)/(dashboard)/_components/sidebar.tsx NavItem 선택하는 시점부터 네이게이션 … Read more

nextjs 외부 이미지 보이지 않는 경우

nextjs 에서 이미지 표시할때 Invalid src prop hostname is not configured under images in your next.config.js 오류 메시지 나오는 경우 설명 나온 것처럼 next.config.js 파일에 설정 추가해야 합니다. next.config.js 파일을 열어서 remotePatterns 부분을 추가해주세요.

clerk 조직 기능 활성화

clerk.com 이용해서 클라우드 서비스 이용하는 경우 조직 기능을 사용 할 수 있어요. clerk 대부분 기능을 NextAuth로 대신 할 수 있을텐데 조직은 clerk에만 있어요. 물론 다 스스로 개발하면 조직도 할 수 있겠지만 얼마나 편하고 빠르게 하 르수 있는지에 대한 것이겠죠 Organizations Settings 메뉴에서 활성화 할 수 있어요. 무료에서 3명까지 사용 할 수 있나봐요. Enable Organizations 눌러서 … Read more

nextjs clerk 로그인 연동

nextjs 로그인 연동 하는 과정을 편하게 관리 할 수 있도록 하는 클라우드 서비스가 clerk라고 있더라고요. 무료로 사용 할 수 있으니까 https://dashboard.clerk.com 이동해서 가입하세요. 가격을 보면 5000명까지는 무료로 회원 관리 할 수 있어서 비용 걱정 없이 사용 할 수 있어요. 간단하게 구현하고 나서 나중에 바꾸면 될 것 같아요. .env 파일을 사용 할 것이라서 .gitignore 파일에 .env … Read more