상단 Navbar 만들기 위해서 components 아래 navbar.tsx 를 생성 합니다. _를 사용하여 페이지로 인식하지 않도록 합니다. /app/(marketing)/_components/navbar.tsx 이 Navbar 콤포넌트를 layout.tsx 에서 불러와 사용합니다. /app/(marketing)/layout.tsx 이제 화면을 보면서 Navbar를 만들어 갈 수 있어요. 이제 왼쪽 상단에 로고를 표현하기 위해 로고 콤포넌트를 생성 합니다. 로고는 다른 페이지에서도 사용 할 수 있어서 /components/logo.tsx 에 생성 합니다. 로고 … Read more
nextjs 초기 프로젝트 설정에서 shadcn 초기화 했었는데요. 이제 버튼과 같은 컴포넌트 추가해서 사용할 수 있습니다. components 폴더에 button이 생겨 있을 것입니다. 이제 사용하기만 하면 됩니다. Button Components 를 사용하여 링크로 연결하는 예제입니다.
온라인에서 폰트 사용하는 경우 woff2 확장자를 사용 할 수 있습니다. woff2 확장자 폰트를 구했다면 public/fonts 폴더로 이동 시켜서 사용 할 수 있습니다. nextjs 있는 next/font/local에서 import 할 수 있어요. shadcn을 이용해서 cn 함수 이용해서 폰트 사용 할 수 있어요. 구글 폰트를 이용할 수도 있어요. 먼저 선언하는 부분입니다. 역시 cn 함수를 이용해서 폰트를 사용 할 수 … Read more
nextjs 기본 구조를 만들고 나서 폴더를 만들어서 작업해봅시다. 용도에 따라서 구분해서 작업 하고 싶은 경우가 있을 수 있고 특정 페이지에 따른 테마를 구분 할 수도 있을텐데요. 그럴때 괄호를 사용 할 수 있어요. /app/page.tsx 파일이 기본으로 있는데 이 파일을 지우고 (marketing) 폴더를 만들어서 page.tsx 파일을 넣어도 동작 합니다. 괄호를 이용해서 여러 페이지를 구분하고 나누고 레이아웃을 그 … Read more
2023년 말 시점으로는 이 방법이 14설치 방법이지만 시간이 지나면 다른 버전이 설치 될 수 있습니다. nvm 으로 node 버전 관리하고 있는데 요즘에는 node 20이 최신 LTS 버전이라고 해서 일단 nvm use v20으로 셋팅하고 진행했습니다. npx 명령어를 이용해서 구성합니다. 명령어 실행하고 나면 이것저것 물어보는데요. 대부분 기본값으로 하고 src 디렉토리 부분과 import alias 부분만 No로 합니다. trello-app … Read more
pytorch 사용하려고 했을 때 torchvision 이 없다고 나오는 경우가 있어요. 이런 경우 pip로 설치해서 해결 할 수 있습니다. pytorch만 설치해서 다 할 수 있는 것은 아닌가보네요. pytorch 설치 방법도 변경되어서 이제는 pip install torch로만 해야 하더라고요. pytorch를 항상 먼저 설치하고 그 뒤에 torchvision을 설치합니다. 설치하는 과정에서 디스크 공간을 많이 사용할 수 있어서 템프 공간 지정하는 … Read more
우분투 환경에서 파이썬 사용할 때 오류가 날 수 있는데요. 생각보다 간단히 해결 할 수 있습니다. 설치 할 때 아래 명령어처럼 파이썬만 설처하면 나오는 오류더라고요. 이렇게 설치 했더니 나오는 오류더라고요. 이렇게 설치하고 나서 가장 환경 설치하려고 했더니 바로 오류 나오더라고요. 이 오류가 나오면 python 실행하면서 필요한 것들이 부족하다는 의미인데요. 그냥 더 설치하면 됩니다. 골라서 설치하기 싫어서 … Read more
FastAPI 이용해서 간단하고 빠르게 만들어서 살펴봐야 하는 경우에 정말 잘 활용하고 있는데요. 오류를 일부러 의도적으로 만들고 싶은 경우에 여러가지가 있지만 가장 간단한 방법 메모합니다. 일단 특정 조건에서 오류 발생하도록 합니다. 간단하게 바로 오류코드와 같이 반환 할 수 있어요. 저는 찾는 문자열이 없는 경우 찾지 못했습니다. 하면서 오류 반환했어요.
시놀로지 사용하고 있는데 윈도우 wsl에서 바로 붙여서 사용하고 싶더라고요. 시놀로지에는 NFS 설정 할 수 있는 부분이 있어서 쉽게 할 수 있어요. 시놀로지 제어판에서 공유 폴더에서 설정 할 수 있어요. 원하는 폴더에서 편집을 눌러서 들어가세요. NFS 권한 부분에서 접속하려는 서버 또는 PC의 아이피를 적어주세요. 시놀로지 NAS 의 아이피가 아니라 접속하는 쪽의 아이피입니다. 나머지 권한 부분 확인해서 … Read more
ssh 터널링 전용 계정 만들고 싶은 경우가 있어요. ssh 로그인은 하지 않도록 하고 sftp도 사용하지 않도록 계정만 생성해서 ssh 터널링 기능 사용할 수 있도록 로그인 금지 계정 만드는 방법입니다. 우분투에서 useradd 명령어를 통해서 만들 수 있어요. -s 옵션을 이용해서 /bin/true 로 주면 로그인하지 못하게 됩니다. 잊지 말고 새로 생성한 계정의 암호를 설정해야 합니다. 이제 외부에서 … Read more