9월, 2024의 게시물 표시

fontello

fontello 폰텔로 웹폰트 다운 받는사이트 올린 벡터 이미지를 폰트화 시키는 기능도 있음 https://fontello.com/ 올린 벡터 이미지를 폰트화 시키는 기능 설명 위키 https://github.com/fontello/fontello/wiki/How-to-use-custom-images  # fontello 와 utf 체계 UTF-8(유니코드) 체계를 이해하는 것은 생각보다 복잡할 수 있지만, 아이콘 폰트와 같은 간단한 용도로 사용하려면 몇 가지 기본 개념만 이해하면 돼요. Fontello를 활용해 아이콘 폰트를 만들 때, UTF 코드 체계를 잘 활용하면 원하는 아이콘을 쉽게 포함시킬 수 있습니다. 우선, UTF와 Fontello의 관계를 설명하고, UTF를 활용하여 아이콘을 추가하는 방법을 정리해 볼게요. ### 1. Fontello와 UTF 체계 이해하기 Fontello는 SVG 파일을 기반으로 웹폰트(icon font)를 생성하는 도구예요. 즉, SVG 아이콘 파일을 업로드하면 Fontello가 해당 아이콘을 유니코드(UTF-8) 체계에 매핑하여 웹에서 사용할 수 있는 폰트 파일(`.woff`, `.ttf` 등)과 CSS 파일을 만들어줘요. Fontello에서 아이콘 폰트를 사용할 때, 각각의 아이콘은 특정한 유니코드 값(예: `U+E001`)에 매핑돼요. 이 매핑된 유니코드 값을 사용하여 CSS에서 `content` 속성으로 아이콘을 불러올 수 있어요. ### 2. 기본 유니코드 체계 이해하기 유니코드 체계는 전 세계의 문자와 기호를 통합하여 표현하기 위한 표준 체계예요. UTF-8은 유니코드를 효율적으로 인코딩하여 사용하게 해 주는 방식 중 하나고요. - 유니코드는 보통 `U+XXXX` 형식으로 표현됩니다. 여기서 `XXXX`는 16진수 코드값이에요.   - 예를 들어, `U+0041`은 대문자 `A`의 유니코드 값입니다.   - `U+1F600`은 😀 이모티콘의 유니코드 값입니다. - 웹에서 사용할 때는 HT...

위지윅스 richtext

  Draft.js : 페이스북에서 만든 라이브러리로, 커스터마이징하기 좋고, 기본 기능도 안정적입니다. https://draftjs.org/ Slate.js : 가볍고 다양한 플러그인으로 확장 가능. 마크다운 같은 형식으로 텍스트를 저장할 때 유리해요. https://www.slatejs.org/ Quill : 가볍고, 빠르게 사용할 수 있는 WYSIWYG 에디터. 필요 없는 기능은 제거하고 커스터마이징 가능. https://quilljs.com/docs/quickstart

왜 inc 도메인은 비쌀까

법인용인데 (incorporated) Square 나 Google Ads에서 혜택을 준다. https://thewebsiteflip.com/domains/inc-names/

js 스트링에서 요소 갯수 세기

이상하다 https://stackoverflow.com/questions/881085/count-the-number-of-occurrences-of-a-character-in-a-string-in-javascript If you're looking for the commas: (mainStr. split ( "," ). length - 1 ) //3 If you're looking for the str (mainStr. split ( "str" ). length - 1 ) //4   console . log (( "str1,str2,str3,str4" . match ( /,/g ) || []). length ); //logs 3 console . log (( "str1,str2,str3,str4" . match ( new RegExp ( "str" , "g" )) || []). length ); //logs 4