분류 전체보기68 Dithering된 이미지와 Grayscale 이미지의 차이 Grayscale Image? a grayscale image is one in which the value of each pixel is a single sample representing only an amount of light. Grayscale images, a kind of black-and-white or gray monochrome, are composed exclusively of shades of gray. The contrast ranges from black at the weakest intensity to white at the strongest. 그레이스케일 이미지는 빛의 양에 따라 회색으로 표현되는 이미지이며, 광도가 가장 여린 경우 검정 가장 센 경우 백색으로 표현된다. 0과.. 2023. 3. 29. @next/font 를 사용해서 구글 폰트 적용하기 Next.js 13 버전부터 @next/font 가 추가되었다. CSS 의 @font-face 설정방법 외에도 @next/font를 사용하면 컴포넌트 내에서 fontFamily를 javascript로 적용할 수 있다. Next 공식 문서에서는 친절히도 아래와 같이 유튜브 영상을 소개하고 있다. https://www.youtube.com/watch?v=L8_98i_bMMA 사용방법 npm install로 @next/font를 설치한다. create next-app을 한 경우에는 샘플에 이미 포함되어 있어 별도 설치가 필요 없다. npm install @next/font 적용하고자 하는 page에 아래와 같이 적용할 수 있다. 아래는 공식문서에 있는 Inter 폰트 적용 예시이다. 간단히 className을.. 2023. 1. 11. front-matter MD(MarkDown) 파일의 메타데이터를 정의하는 부분으로 볼 수 있다. 마크다운 파일의 가장 상단에 위치 하고 아래와 같은 양식을 가진다. --- title: Blogging with VuePress lang: en-US --- 시작과 끝을 ---로 구분해주어야 하며, 키:밸류 의 쌍으로 표현이 된다. next.js는 기본적으로 front-matter를 지원하지 않기 때문에 gray-matter 와 같은 라이브러리를 사용해야한다. 2022. 11. 1. Captive Portal KT 와이파이, 스타벅스 와이파이, 호텔 와이파이 등등... 와이파이에 연결했더니 웹페이지가 뜨면서 인증 또는 무언가의 동의화면을 본 적이 있을 것이다. 라우터에 접근했을 뿐인데 웹 페이지를 띄워주는 이러한 액션이 어떻게 가능할까 알아보다 Captive Portal에 대해 알게 되었다. Captive Portal은 국내 자료가 많이 안 보여서 Wiki를 참고했다. https://en.wikipedia.org/wiki/Captive_portal Captive portal - Wikipedia From Wikipedia, the free encyclopedia Jump to navigation Jump to search Web page displayed to new users of a network An e.. 2022. 10. 25. 이전 1 ··· 4 5 6 7 8 9 10 ··· 17 다음
