전체 글36 Tailwind CSS 프레임워크 설치 (With Next.js) Next.js 에서 Tailwind CSS 사용을 위한 설치 방법입니다. Tailwind CSS 공식 홈페이지 참조를 하였습니다. 1. Next.js 프로젝트 생성 $ npx create-next-app my-project --typescript --eslint # typescript 와 eslint 불필요 시 삭제 $ cd my-project create-next-app 명령을 통해 Next.js 프로젝트를 생성합니다. 저는 명령어에 typescript와 eslint 옵션을 주었는데 빼고 실행하여도 무방합니다. (실행 스크립트에서 선택이 가능) 2. Tailwindcss 설치 $ npm i -D tailwindcss postcss autoprefixer postcss.config.js 파일과 tailw.. 2022. 12. 7. 오라클 클라우드(Fedora)에 Docker 설치 하기 오라클 클라우드 서버에 갈라 노드 구동을 위해 Docker 설치를 시도하였는데 공식 홈페이지에 나온 방법으로 진행을 하면 정상적으로 설치가 되지 않습니다. 설치를 진행한 서버는 오라클 리눅스 8.6 버전입니다. $ cat /etc/os-release NAME="Oracle Linux Server" VERSION="8.6" Docker 사이트에서 Fedora 설치 방법으로 시도를 하면 아래처럼 오류가 발생을 합니다. Red Hat 일부 버전에서도 동일한 문제가 발생을 한다고 하네요. 해결방법 저는 Cent OS 버전으로 설치를 진행하였습니다. repo 주소를 아래와 같이 변경하여 줍니다. $ sudo dnf config-manager \ --add-repo=https://download.docker.com.. 2022. 11. 17. 오라클 클라우드 인스턴스 삭제 후 재 생성 방법 안녕하세요 꿀푸입니다. 제 개인 봇 구동을 위해 오라클 클라우드 프리티어를 사용 중인데 인스턴스 중 하나가 며칠 전부터 제대로 작동을 하지 않네요. 그래서 OS 재 설치하는 방법을 찾아보았으나 찾지 못하여 인스턴스 삭제 후 재생성을 진행하였습니다. 오라클 프리티어를 사용할 경우 최대 2개의 인스턴스를 생성할 수 있어 새 인스턴스를 만들어 기존 인스턴스를 지우는 방법으로 사용하면 되지만 만약 2개를 모두 사용 중일 경우 기존 인스턴스 삭제 후 신규 생성하는 방법으로 진행을 하여야 합니다. 종료 이후에는 데이터 복구 방법이 없기 때문에 백업 등의 절차를 미리 진행합니다. 컴퓨트 - 인스턴스 메뉴로 들어가 삭제하고자 하는 인스턴스의 오른쪽 버튼을 클릭하여 종료 명령을 진행합니다. 영구적 부트 볼륨 삭제를 체크.. 2022. 11. 13. Prisma 활용한 DB 변경 작업 (Mysql -> Postgresql) 안녕하세요 꿀푸입니다. 예약 포스팅 관련 데이터를 저장하고 관리해주는 DB 라이브러리로 Prisma를 사용하였습니다. 이유는 테이블을 객체 형식으로 생성해주어 코딩 시 오류 체크 등의 편리함, SQL 쿼리문 대신 JSON 형식의 문법을 통해서 데이터를 조작할 수 있는 등등의 장점이 있어 선택을 하였고 사용법도 매우 간편하였고요. Prisma와 클라우드 기반의 PlanetScale DB를 연동하여 데이터를 저장하고 있었는데 이게 무료 Plan에서 제공하는 사용량을 초과하는 문제가 발생을 해서(언제 끊길지 모르는 불안함...) 서버 설치 방식의 Postgresql로 변경 작업을 진행하였습니다. Prisma 초기 설정 및 기존 DB 접속 관련 설정이 되어 있는 상태에서 진행을 하였으며 매우 쉽게 처리할 수 있.. 2022. 11. 9. 이전 1 2 3 4 5 6 7 8 9 다음