본문 바로가기
반응형

SSR
4

어도비 XD 설치된 폰트 활성화 안될때 해결방법 누락된 글꼴 어느날 그냥 여느때와 같이, adobe XD로 디자인파일을 열었는데, "누락된 글꼴"이라고 설치된 전체 폰트가 활성화가 안되는 문제가 생겼다. 윈도우-폰트 경로에서 확인을 하면 분명 설치는 되어있는데 왜 글꼴 활성화가 안될까? 그 전까지는 폰트를 재설치하여 해결했었는데 매번 이렇게 하니 번거롭고 시간도 오래걸리고, 다음날 재부팅을 하니까 다시 글꼴이 누락되었다... . 글꼴이 누락되는 근본적인 해결방법을 알아보자. 해결방법 글꼴 누락 문제는 윈도우에 저장된 폰트 캐시 서비스를 재시작(삭제)하면 해결이된다. 윈도우 운영체제에서 자주 사용하는 글꼴 데이터를 캐시하여 응용 프로그램의 성능을 최적화하고있는데 이 부분에서 캐시와 파일이 충돌이 일어나는 것 같다. 폰트 캐시 서비스 재시작 방법 윈도우키.. 2024. 1. 23.
[Next.js] pocketbase로 Create, Read..하는 튜토리얼2 (13버전 이후) NextJS 13 버전 포켓베이스를 이용하여 간단한 게시판 리스트와 뷰페이지, 글쓰기 기능을 갖춘 웹페이지를 만들것이다. Nextjs 13버전 설치 npx create-next-app --next=13.1.1 ./ --ts // 이렇게 설치했는데 14버전이 설치됨... 포켓베이스 설치와 설정(백엔드) https://pocketbase.io/docs/ 다운로드해서 압축풀고 pocketbase.exe 파일을 프로젝트안의 최상위 경로에 넣는다. 실행방법은 간단하다.. . ./pocketbase serve Admin UI주소로 들어가보면 계정생성하여 로그인한다. posts라는 이름의 데이터테이블을 만드는데 여기서는 collection이다. new field로 컬럼추가 가능 그리고 세팅 > API Rules > .. 2024. 1. 17.
[Next.js] 튜토리얼 블로그 메인 페이지 UI 만들기(마크다운 파일 생성) 튜토리얼 블로그 폴더 생성 후 npx create-next-app ./ --typescript 넥스트+타입스크립트 템플릿으로 설치 기본 화면 메인페이지 UI만들기 layout.tsx에서 favicon이나 head안의 데이터를 수정할 수 있다. page.tsx에서는 메인페이지의 UI를 만들 수 있다. md파일안에 포스트 생성하기 블로그 튜토리얼 공식문서 서버가 없기때문에 여기의 블로그 데이터를 md(mark down)파일로 만들어서 사용할것이다. posts 폴더 생성 각 포스트별로 md파일을 만든다. 마크다운 파일을 데이터로 추출하기 markdown 형식의 데이터를 일반 글로 전환하는 함수가 필요. post에 사용할 함수 생성 여러 모듈을 사용하면서 파일 읽고.. 2024. 1. 17.
[Next.js] Next.js 기본 Nextjs 기본 NextJS 란? (리액트는 라이브러리, Next.js는 프레임워크이다. ) React의 SSR(Server Side Rendering)을 쉽게 구현할 수 있게 도와주는 간단한 프레임워크이다. 리액트로 개발할때 SPA을 이용하며 CSR(Client Side Rendering)을 하기때문에 좋은점도 있지만 단점도 있다. 검색엔진최적화(SEO)에 취약하다는 것이다. CSR을 하면 첫페이지에서 빈 html을 가져와서 JS파일을 해석하여 화면을 구성하기때문에 포털검색에 거의 논출될 일이 없다.(크롤링 안됨) 하지만 Next.js에서는 Pre-Rendering을 통해서 페이지를 미리 렌더링하며 완성된 HTML을 가져오기 때문에 사용자와 검색엔진 크롤러에게 바로 렌더링된 페이지를 전달 할 수 있게.. 2024. 1. 17.
반응형

최근댓글

최근글

© Copyright 2023 jngmnj

티스토리툴바