달망이 삽질인생

WEB5

[SEO] 사이트맵 - 사이트를 홍보하는 가장 기본적인 방법 어렷을 적부터 자주 접해왔던 사이트맵이지만 프론트앤드를 하고 있는 요즘 사이트맵에 대해 더욱 자세히 알아보기위해 이 글을 작성합니다. 사이트 맵이란 사이트를 만들었으면 홍보를 해야되는데 가장 쉽게 하는 방법은 검색엔진에 노출되는것이고 그 검색엔진에게 사이트의 구조를 알려주는 것입니다. 그 구조를 알려주는 방법으로 가장 오래된 sitemap(사이트맵) 이 있습니다. 검색엔진이 없던 시절에는 인터넷 접속도 너무 느렸던 지라. 메인 홈페이지보다는 사이트맵을 보고 사이트를 직접 하나씩 탐색해보곤 했습니다. 오랜 시간이 지나면서 검색엔진이 하나둘 생겨나고 그 검색엔진은 사이트 내의 모든 링크를 탐색도 하지만 효율적인 탐색을 위해서 사이트맵을 참조하고 있습니다. 사이트맵 위치 사이트맵의 파일 위치는 사실 어느 경로..

[통계] 2023년 10월 react vs vue vs sveltekit 혼돈의 웹 개발 춘추전국시대가 끝나고, 안정기가 찾아와져서 아직도 그러한지 궁금해서 찾아보게 되었습니다. 단순 기록용으로 남깁니다. 최근에 러닝커브가 적어서 배우기 쉬운 sveltekit도 비교해봤지만 아직 사용자는 매우 미비한거 같네요. svelete를 응원하는 입장이에요. react가 잠시 주춤할때도 있었지만 역시나 견고합니다. 인도가 압도적이네요 역시 리엑트는 useEffect가 엄청난 검색량이 있고, 빌드 도구인 vite 검색어까지 급등하고 있네요. sveltekit은 그냥 자체적으로 자료가 적다보니 언어에 대한 자체 검색어가 많네요. vue는 구현이 쉽고, 큰 프로젝트에서 쓰기엔 구조화 하기 힘들어서 토이 프로젝트에 많이 사용됩니다. 그렇다보니 꾸미는 위주인 tailwind css 까지 언급되고..

Flutter로 Web 만들기 (덤으로 안드로이드, iOS 앱이 만들어질 뿐) 크로스플랫폼의 끝판왕 Flutter가 2.0버전 부터 웹을 정식으로 지원하면서 한 번 더 끝판왕으로 성장했습니다! (2021년 5월 18일 기준으로 Flutter 2.2버전이 되었습니다.) 이전에 1.7버전에서 Web으로 빌드 할 때는 많은 문제가 있었는데, 이번 업데이트로 많이 안정화된 걸 확인 할 수 있었습니다. 하지만 여러 글을 보니 아직까진 상용화로 사용하기엔 문제가 있어보입니다... 시작하기 전에!! 기본 세팅을 안 하신 분은 이전 글을 참고해주세요 https://dalgonakit.tistory.com/98 Flutter 시작하기 | 맥북 | VSCode 안드로이드와 아이폰은 개발한지도 오래 됬는데.. 최근 회사 업무가 빠르게 구현해야 될 것들이 생겨서 안그래도 눈 여겨 보던 Flutter를 ..

WebGradients - 그라데이션 컬러 칩 추천 사이트 그라데이션 (Gradation) 하나의 색채에서 다른 색채로 변하는 단계, 혹은 그러한 기법을 의미하는 단어를 말합니다 -위키 고충 ㅠㅠ 색이 이쁘다고 막 썻다가는 정말 아스트랄한 모습을 잘 뽑아내기 때문에 색상 선택이 정말 중요합니다 해결 itmeo에서 제작한 WebGradients.com을 이용하면 많은 색을 미리보고, 색상값도 바로 알려주고 심지어 CSS까지로도 복사가 가능합니다

Flutter Network Image (웹 이미지, 캐슁, 만료일) 이번 게시글에선 네트워크 이미지에 대해서 다뤄보겠습니다 급하신분은 '3.extended_image'로 이동하셔 보셔도 됩니다 서론 온라인에 있는 이미지를 다루다 보면 많은 문제에 부딛히게 됩니다 1. 네트워크 코딩 온라인에 있는 이미지는 해당 URL에 접속시도하고 접속하고 다운로드하고 실패할때 대처하는 코딩이 필요합니다 2. 최적화 (썸네일화,캐슁) 이미지의 경우 다운로드해서 바로 보여주면 좋겠지만, 컴퓨터 자원의 한계로 인해서 보여주는 각 환경에 맞게 최적화를 해줘야 합니다. 많은 최적화 방법이 있지만 그중 몇가지 예를 들면 원본 이미지 사이즈와 다르게 작은 이미지로 변경한걸 보여준다던가 (썸네일화) 네트워크 이미지를 다운받아두었다가 다시 호출시에 다운받아 놓은 이미지를 보여주는 방법이 있습니다. (캐..

이전 1 다음

티스토리툴바