nextjs에서 글로벌로 font를 적용하는 방법을 두가지를 기록하려 합니다 1. local 환경에서 font 제공하기 public/fonts 경로에 font 파일을 넣어줍니다 저는 더페이스샵에서 만든 잉크립퀴드체를 사용하겠습니다 개인, 상업적용도로 사용할 수 있습니다 /styles/globals.css body { padding: 0; margin: 0; font-family: -apple-system, InkLipquid, sans-serif; } @font-face { font-family: "InkLipquid"; font-weight: 200; src: url("/fonts/InkLipquidFonts.ttf") format("truetype"); } 위 파일에 코드를 적어주면 폰트가 적용된걸 ..
nextjs에서는 typescript 를 즉시지원한다고 합니다 저는 typescript로 코딩하는걸 선호해서 적용하기로 하였습니다 아래의 코드를 console에서 입력합니다 touch tsconfig.json js 확장자를 tsx로 바꿔줍니다 yarn dev 명령어로 실행해보면 Please install typescript, @types/react, and @types/node 를 설치하라고 합니다 설치해주도록 합시다 yarn add --dev typescript @types/react @types/node 설치 후 yarn dev 명령어로 실행하면 자동으로 tsconfig.json 파일이 업데이트되면서 실행되는것을 확인할 수 있습니다
nextjs 공식문서를 참고하여 개인적으로 브랜드사이트를 만들어보려고 합니다 아래사이트에서 Docs를 클릭하면 nextjs의 공식문서를 참고할 수 있습니다 https://nextjs.org/ Next.js by Vercel - The React Framework Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build static and dynamic websites and web applications. nextjs.org 설치 npx create-next-app # or yarn create next-app 저는 yarn을 사용하기때문에 아래의 코드로 설치하였습니다..
파이썬 설치하기 1. 파이썬을 다운받습니다 파이썬은 아래의 사이트에서 다운로드 받을 수 있습니다 https://www.python.org/ Welcome to Python.org The official home of the Python Programming Language www.python.org Download 탭에서 자신의 OS 환경에 맞는 원하는 버전을 선택합니다 저는 windows에 version 3.x 를 선택하였습니다 2. PATH 를 추가해주고 Install Now를 클릭하여 설치해줍니다 3. cmd 에서 파이썬이 잘 설치됐는지 버전을 확인합니다 >> python --version Python 3.8.5 파이참 설치하기 파이참은 Jetbrains 에서 개발한 파이썬 통합개발환경(IDE) 툴..
DDL은 Data Definition Language (데이터 정의어)의 약자로 데이터베이스를 정의하는 언어를 뜻합니다. 이전 포스트가 데이터를 다뤘다면 이번에는 테이블을 생성, 수정, 삭제, 초기화 하는것을 작성해 보려고 합니다 Mysql 기본적인 CURD 다루기 포스트 https://beuracle77.tistory.com/7 MySQL 기본적인 CRUD (SELECT, UPDATE, DELETE, INSERT) 최근 JPA를 많이 이용하면서 JPA, JPQL, QueryDSL등 ORM을 많이 다루다보니 쿼리를 날릴기회가 많이 없습니다 하지만 때때로 데이터를 조회하기 위해서 DB Tool을 통해 쿼리를 날리곤 하는데요 insert나 upd beuracle77.tistory.com 테이블 생성 CREA..
최근 JPA를 많이 이용하면서 JPA, JPQL, QueryDSL등 ORM을 많이 다루다보니 쿼리를 날릴기회가 많이 없습니다 하지만 때때로 데이터를 조회하기 위해서 DB Tool을 통해 쿼리를 날리곤 하는데요 insert나 update도 헷갈릴때가 있습니다... 복습을 하는 기분으로 간단한 CRUD를 기록해보려고 합니다. DB 구조 movie ID (auto increment) NAME KIND DIRECTOR OPEN_DATE BIGINT VARCHAR VARCHAR VARCHAR DATE 삽입 INSERT 문 1. INSERT INTO TABLE(column1, column2 ...) value(value1, value2 ...); ex) INSERT INTO movie(NAME, KIND, DIRE..
문제점 AttributeError: module 'tensorflow_core._api.v2.train' has no attribute 'GradientDescentOptimizer' 많은 예제들이 tensorflow 1.x 버전을 기준으로 작성되어 tensorflow 2.0 최신버전으로 설치돼 위와같은 에러 등 제대로 실행이 안되는 문제가 있을것으로 생각됩니다 해결방법 import tensorflow.compat.v1 as tf tf.disable_v2_behavior() tensorflow에서는 1.x 버전을 import 할 수 있도록 지원합니다 위와같이 tensorflow를 import하고 실행시키면 됩니다.
문제점 W tensorflow/stream_executor/platform/default/dso_loader.cc:55] Could not load dynamic library 'cudart64_101.dll'; dlerror: cudart64_101.dll not found I tensorflow/stream_executor/cuda/cudart_stub.cc:29] Ignore above cudart dlerror if you do not have a GPU set up on your machine. 위 에러는 tensorflow 2.0 에서 GPU 를 이용하려 할때 cudart64_101.dll 라이브러리를 찾을 수 없어서 생기는 에러입니다 저는 Nvidia 그래픽카드를 사용하고 있었는데 AMD 그..