반응형 Web22 Svelte - 3.x 2023 상반기 업데이트 new feature 하이라이트 필자가 좋아하는 Svelte 가 2023년 상반기에 주요한 업데이트 내용을 정리해 보았다. 현재 5월 기준 아래와 같은 기능 개선이 있었다. Improve detection of promises that are also functions (Svelte 3.55.1, #8162) Add missing types and properties for the global part attribute and on:submit, respectively (Svelte 3.55.1, #8181) Lots of performance and bug fixes (Svelte 3.55.1* and extensions-107.0.x) 2023년 4월에는 대부분 기능 개선의 업데이트만 존재한다. svelte/elements has .. 2024. 3. 10. MarkDown - 가장 많이 사용하는 마크다운 정리 제목: #을 사용하여 제목을 만들 수 있다. # Hello World는 "Hello World"라는 제목을 만든다. 굵게: ** 또는 __를 사용하여 텍스트를 굵게 표시할 수 있습니다. **bold text**는 bold text로 표시 기울임: * 또는 _를 사용하여 텍스트를 기울임꼴로 표시할 수 있습니다. *italicized text*는 italicized text로 표시 취소선: ~~를 사용하여 텍스트에 취소선을 추가할 수 있다. ~~strikethrough text~~ 는 strikethrough text로 표시 목록: 순서 있는 목록은 1., 2., 3. 등으로 시작하며, 순서 없는 목록은 - 또는 *로 시작한다. - Item 1과 * Item 2는 모두 순서 없는 목록의 항목을 만든다. 인용.. 2024. 3. 10. Svelte - TinyMCE 사용하기, 주요 옵션들 TinyMCE는 Svelte에서 활용할 수 있는 가장 유용한 Editor중 하나이다. 실제 필자가 Svelte에서 사용할 만한 Editor를 비교한 글을 작성한 적이 있는데, 그중 당연히 제일 좋았던 기억이 난다. 기본 사용 먼저 가장 기본적으로 사용할 수 있는 코드는 아래와 같다. 먼저 npm을 이용해서 개발 의존성 모드로 tinymce-svelte 를 설치한다. npm i -D tinymce-svelte 설치가 완료되면, App.svelte와 같이 tinymce-svelte를 사용하고자 하는 svelte 파일에 아래내용을 기입하면 기본적으로 동작할 준비가 완료된다. Hello Tiny 위 코드를 저장하고, 콘솔에 npm run dev를 실행해서 정상적으로 나오는지 확인해보자. npm run dev 위.. 2024. 3. 2. Svelte - ko, en 사용 브라우저 별로 문자열 표시하기 아무래도 사이트를 개발하다보면, 다중언어를 지원해야 하는 상황이 종종 발생한다. 여기에서는 Svelte를 이용해서 다중 언어을 지원하는 가장 효율적인 방법에 대해서 고민한 내용을 정리해 보도록 하겠다. 다중언어는 필자는 다음과 같은 방식으로 개발할 예정이다. 언어 파일 생성 언어 파일 불러오기 브라우저의 언어를 확인하여 텍스트 출력하기 언어 파일을 생성하는 이유는 추후 관리의 편의성을 위해서 각 언어별로 파일로 생성하여 관리하는 것을 추천한다. 다음은 en.json과 ko.json 파일 생성한 예이다. 1. 언어 파일 생성 en.json { "title": "Hello!", "text": "English Support" } ko.json { "title": "안녕하세요!", "text": "한글 지원" .. 2024. 2. 28. 웹개발 - 파비콘(favicon) 다운로드 하기 가끔 웹 아이콘을 다운로드 하고 싶을 때가 있는데, 소스에서 찾기 어려운 경우가 종종 있다. 이 때 유용한 것이 구글을 이용하는 방법이다. https://www.google.com/s2/favicons?domain= 필자의 사이트의 파비콘을 다운로드 하고 싶은 경우 아래와 같이 가능하다. https://www.google.com/s2/favicons?domain=asecurity.dev 참조 How Do You Find A Favicon Graphic File Of A Website? - MusTech.Net - Music Education & Technology 2024. 2. 27. SEO 최적화/개선 하기 with 블로그스팟(Blogger) 블로그는 검색으로 사용자들에게 자신의 글을 전달하는 방식으로 운영이 된다. 여기에 SEO(검색 엔진 최적화)는 자신의 글이 필요한 사용자에게 잘 전달될 수 있도록 도움을 주는 요소라고 할 수 있다. 이때 효과적으로 SEO를 해야 하는데 여기에서는 블로그스팟(blogspot) 기준으로 효과적으로 효과적으로 운영할 수 있는 방안을 정리해 본다. 참고 용도로 아래 글도 살펴보면 좋다. 블로거(BlogSpot, Blogger) - 구글 웹 마스터, 색인이 잘 되지 않을때 (asecurity.dev) 1. 검색 설명을 사용하자. 구글 검색을 해보면 본문에 쓴 내용들이 나타나는 것을 알 수 있다. 글을 쓰면 오른쪽에 검색 설명을 넣을 수 있게 구성되어 있다. 이 정보를 작성하면, 검색시 노출되는 평문을 여기에 작성.. 2024. 2. 24. 이전 1 2 3 4 다음 반응형
