본문 바로가기
반응형

HTML6

Electron + Svelte로 데스크톱 앱 개발 시작해보기 개인 프로젝트를 여러 방식으로 해보다 Electron을 이용해볼까 하는 약간의 욕심이 생겼다. 그래서 공부를 하던 중 웹 UI 프레임워크를 알아두면 좋을 것 같아서 찾아보다 Svlete의 평이 좋을 것을 보고 이것을 이용해 앱 개발을 시작해 보려고 했다. 이 글은 개발 환경을 셋업 하면서 검색했던 자료들과 함께 개인적으로 겪은 약간의 삽질의 결과가 섞여있다. Svelte 프로젝트 생성하기 Electron은 웹 페이지를 로컬 크로미움을 통해 보여주는 용도이기 때문에 프로젝트의 시작점에는 맞지 않는다. 여기서는 Svelte 프레임워크를 이용해 웹 페이지를 구현할 것이기 때문에 Svelte 프로젝트로 시작한다. Svelte 프로젝트 템플릿은 npx로 간단하게 가져올 수 있었다. npx degit sveltej.. 2022. 1. 16.
HTML, CSS, Javascript 압축하기 구글 검색 결과는 페이지 랭크에 따라 앞쪽에 등장하는데, 이 페이지 랭크에 페이지 로딩 속도가 관여한다는 소식을 접했습니다. 제 다른 사이트는 정적 사이트임에도 그다지 좋은 속도가 안 나오네요. 그래서 속도 늘리기 대책 겸 웹 리소스 압축에 대해 찾아본 결과를 정리해 봤습니다. HTML 압축하기 HTML 압축하기는 HTMLMinifier를 사용할 수 있습니다. 아래 커맨드로 쉽게 설치할 수 있습니다. npm i -g html-minifier 사용 방법은 옵션이 길어서 좀 귀찮을 수 있습니다. html-minifier --collapse-whitespace \ --remove-comments \ --remove-redundant-attributes \ --remove-tag-whitespace \ --mi.. 2020. 6. 15.
흥미로운 링크들 4월 3주차 지난주는 아이폰 SE 소식이 약간 핫 했네요. https://www.youtube.com/watch?v=SQIbeAk-bFA 애플이 코로나19로 시끄러운 요즘 아주 조용하게 아이폰 SE를 내놨습니다. 55만 원부터 시작하는 가격대의 저렴이 (이게???) 버전입니다. 근데 저렴이 주제에 AP는 애플 답지 않게 최고급을 달았네요. 사이즈는 당연히 커져버렸기에 작은 사이즈를 원하시는 분들에겐 안타까운 소식이 되겠네요. 어쨌든 한국 애플 스토어에서도 바로 확인 가능합니다. https://poem23.com/3390 드디어 나온, 하지만 예상 그대로 나온 아이폰 SE, 그리고 아이폰12에 대한 루머들.. 소문만 잔뜩 돌았었던 아이폰 SE의 후속 모델이 동일한 이름으로 애플스토어를 통해 또 몰래 발표되었다. 최근 .. 2020. 4. 20.
흥미로운 링크들 4월 1주차 이 블로그엔 약간 뜬금없지만, 이번에는 애플의 로직 프로 소식부터 시작합니다. 제가 이런 거 좋아했었거든요. https://9to5mac.com/2020/03/29/logic-pro-x-live-loops-mac/ Unreleased version of Logic Pro X surfaces on Apple’s website with Live Loops feature - 9to5Mac Apple is seemingly prepping a new version of Logic Pro X for the Mac with support for Live Loops. The feature has proven to be popular in Garageband for iPad, and now Apple is lookin.. 2020. 4. 6.
흥미로운 링크들 11월 4주차 오랜만에 다시 적어보기 시작합니다. You can create these elements without JavaScript We've got used to writing JavaScript for common UI element functionality like accordions, tooltips, text truncation, etc. But as HTML and CSS got new features and older browsers were no longer supported, we've been able to use less and less JavaScript for dev.to 스크립트 없이 CSS만으로도 만들 수 있는 인터페이스 예제 6가지를 볼 수 있습니다. 가뜩이나 요즘 사이트들이 무거워지.. 2019. 12. 2.
한없이 가벼운 네이버 검색엔진 그 이후 한없이 가벼운 네이버 검색엔진 글에서 이어지는 내용입니다. 깃헙 페이지를 네이버에 등록한 후 여러 시도에도 결국 네이버 검색로봇은 제 사이트의 수집을 거부하고 있습니다. 심지어 수동으로 수집 요청을 해도 수집 보류가 발생하고 있습니다. 어떻게든 이 문제를 해결하고 싶었습니다. 남아있는 숙제는 SEO 최적화입니다. 그래서 이 문제들을 하나씩 해결해 보기로 했습니다. 최소에 시도했던 것은 Canonical Link 를 추가한 것이었지요. 사이트의 중복 URL이 없도록 표준 URL을 알려주는 것입니다. 중복 콘텐츠가 존재한다면 검색 봇의 거부는 타당성이 있을 수 있습니다. 하지만 이것 하나 만으로는 수집 문제가 해결되지 않았습니다. 여전히 네이버는 수집 보류를 선언했습니다. 그다음으로 시도했던 것은 Descr.. 2019. 11. 18.
728x90
반응형