본문 바로가기
반응형

전체 글11

블로그 키워드는 본문에 몇 번이나 반복되는 것이 좋은가? 블로그 키워드에 신경을 쓰기 시작한지 얼마 안되다보니, 이런 저런 내용들을 찾아보면서 얼마나 자주 언급되는 것이 좋은지에 대한 이야기들이 자주 보였습니다. 그런데 무언가 정답처럼 내세워지는 것들이 항상 보면, 그때는 맞고 지금은 틀리다로 귀결되는 경우가 많아서 이걸 무조건 수용하기에도 좀 무리가 있다고 느껴지는게 사실입니다. 1,000~1,500자 기준 4~5회 정도 반복되는 것이 좋다고 하는데, 문제는 지금도 계속해서 검색엔진들의 알고리즘은 바뀌고, 이게 지금은 맞을 지 몰라도 나중엔 어떨지 모른다는게 문제겠죠. 그래도 본문에서 너무 과도하게 키워드가 언급되는 것은 어뷰징으로 간주될 수 있어서 조심해야하는 부분인건 맞습니다. 그런 부분에서 제가 쓴 원고가 어뷰징으로 오해받지 않으려면 어떻게 해야할까 고.. 2022. 8. 18.
컬러 팔레트를 만들어주는 도구 - Smart Swatch 컬러 팔레트는 최근에 웹을 만들때 사용 빈도가 제법 높기때문에, 생성을 도와주는 편리한 도구들이 많이 나와 있습니다. 피그마를 사용할때도 컬러 팔레트를 생성해주는 플러그인들이 많아서 요긴하게 사용하곤 했었죠. 그런데 막상 디자인 작업이 끝나고 퍼블리싱을 할때 일일이 컬러 팔레트를 변수로 만들거나 그럴때 좀 번거롭죠. 물론 Tailwindcss나 Bootstrap같은 CSS 프레임워크를 사용하게 된다면, 이미 잘 만들어진 컬러 팔레트들이 있기 때문에 해당 부분만 잘 활용해도 무난하게 퍼블리싱 작업을 진행할 수 있습니다. 하지만 그런 컬러 팔레트들을 직접 손쉽게 생성할 수 있다면 얼마나 좋을까요? 저는 tailwindcss를 좋아하긴 하지만, 주어진 컬러 팔레트만 사용하다보면 아무래도 색상이 좀 성에 안찰때.. 2022. 8. 16.
카드뉴스를 잘 만들어놓고 읽지 못하게 만들어 놓았다 즐겨찾는 모 서점 사이트에서 운동과 신체활동의 변화에 대해 서술한 책이 있어 관심있게 보다보니, 책 내용을 살짝 엿볼 수 있는 카드 뉴스가 보였다. 그런데 아이러니하게도 위의 이미지처럼 전혀 내용을 볼 수 없게 해놨다. 카드뉴스에서 꼭 보여줘야할 중요한 글귀가 적혀있는 부분이 좋아요와 공유버튼을 위해 희생되고 있는 상황이었다. 그러다 문득 오프라인에서도 책들을 비닐커버로 싸놓아 볼 수 없게 해놓았던 것이 떠올랐다. 아하! 이 서점은 오프라인의 경험을 온라인으로도 그대로 옮겨왔구나! 우리나라 온라인 서점 중 나름 Best3로 꼽는 곳이 교보문고, 알라딘, Yes24 라고 생각하는데, 이 사이트들은 제대로 뭔가 만족스러운 UI/UX를 제공해주는 곳이 거의 없다는 것도 공통점이다. 굳이 셋중에 그나마 낫다라고.. 2022. 8. 13.
콘텐츠디자인 - 왜 배송안내를 안 읽을까? 쇼핑몰을 운영하는 분들 대부분이 네이버 스마트 스토어로 시작하는 분들이 많은 것 같습니다. 제가 최근에는 쇼핑몰 일을 하지 않은지 오래되어 디자인 트렌드를 잘 모르고 있었는데, 최근에는 예전처럼 통 이미지로 상세 이미지를 제작하기보다 사진 따로 글 따로 분리해서 만드는 경향이 있는 것 같습니다. 저도 오래전부터 SEO 측면에서 유리하다는 점을 강조하며, 같이 일하는 사람들에게 늘 이 부분을 적극 강조해왔기에 이런 변화가 바람직하다고 생각하고는 있습니다만, 이러다보니 디자인에 통일성이 없고 일관성이 떨어지는 경우들도 종종 보이는 것 같습니다. 하지만 심미적인 부분은 차치하고, 뭔가 저비용 창업으로 인해 디자이너 없이 운영 하는 곳들이 많아졌고, 직접 디자인 하다보니 아주 기본적인 부분에서 눈에 걸리는 것들.. 2022. 8. 11.
헤드리스 커머스(Headless Commerce) ,헤드리스 CMS 새로운 커머스 트렌드, 헤드리스 커머스 많은 브랜드들이 쇼핑몰을 구축하기 위해서 카페24, 메이크샵, 고도몰, 쇼피파이와 같은 쇼핑몰 솔루션을 이용하고 있어요. 솔루션을 기반으로 하기 때문에 쉽고 빠르게 쇼핑몰을 만들 수 ... www.i-boss.co.kr 아이보스에서 Headless Commerce라는 개념을 들고와서 소개하는 글을 보았는데, 사람들이 생각보다 관심을 많이 갖고 있는 것 같습니다. 표현이 거창해서 그렇지 백엔드와 프론트엔드를 왜 분리하는지에 대해 생각해보면 쉽습니다. 예전에는 그냥 서버에서 HTML 문서를 만들어서 뿌리는 방식으로 서비스해도 무리가 없었지만, 이제는 핸드폰으로도 봐야되고, 스마트 워치, 인공지능 스피커 등 다양한 디바이스를 통해서 서버의 자원을 끌어다 써야합니다. 메세.. 2022. 8. 9.
Next.js 삽질 후기 - Toast UI Editor, TipTap, Quill 에디터 실패기 웹퍼블리싱만 하던 놈이 개발을 해보겠다고 호기롭게 덤빈 것이 후회되는 상황이 많이 발생하고 있는데, 그 중에 제일 장벽이 크게 느껴지는게 텍스트 에디터를 삽입하려다 실패한 것들입니다. Next.js는 SSR이 장점인 동시에, SSR때문에 초래되는 문제들이 있습니다. 리액트는 보통 CSR을 기본으로 돌아가고 있다보니 텍스트 에디터들이 굳이 SSR을 지원할 이유도 없고, 그러다보니 Next.js에 쉽게 붙이기가 어렵습니다. Dynamic import는 물론이고 이미지 업로드 기능이라도 붙여볼라치면 아주 지저분해지기 쉽상이죠. 이미지를 붙이는 가장 쉬웠던 방법은 Cloudinary 플러그인입니다. How to Serve Videos in Next.js Web Apps With Cloudinary Learn h.. 2022. 8. 3.
반응형