API Cache를 사용해 SPA 페이지 사용자 경험 개선하기(w. axios, react)

API Cache를 사용해 SPA 페이지 사용자 경험 개선하기 (w. axios, react) 대부분의 SPA(Single Page Application)는 화면을 그리는 로직들이 모두 클라이언트에 존재하고, 화면을 그리는데 필요한 데이터만 서버에서 요청하여 가져오는 방식으로 구현하고 있습니다. 이렇게 할 경우 MPA(Multiple Page Application)보다 자연스러운 사용자 경험(UX)나 필요한 리소스만 부분적으로 로딩하기에 성능적으로 유리한 장점이 있습니다. 그러나 SPA…

검색엔진최적화(SEO) Best Practices, 이것만 따라해도 SEO 100점!

검색엔진최적화(SEO) Best Practices, 이것만 따라해도 SEO 100점! SEO는 search engine optimizationd의 줄임말로 검색엔진 최적화 라고 합니다. 구글과 네이버와 같은 검색엔진이 이해하기 쉽도록 홈페이지의 구조를 작성하여 검색 결과 상위에 노출될 수 있게 하는 작업 입니다. 검색창에 관련 검색어 상위에 노출되기 위한 요소가 크게 2가지로 나뉩니다. 외부에서 영향을 받는 요소 내부에서 해결 할 수 있는 요소 개발적으로 해결 할 수 있는 요소와 아닌 요소로도 구분 할 수 있을 듯..?…

서브도메인(subDomain)과 하위패스(subPath) 중 어떤 것이 SEO에 좋을까?

서브도메인(subDomain)과 하위경로(subPath) 중 어떤 것이 SEO에 좋을까? 이미 과 같은 최상위 도메인에 메인 서비스를 하는 상황 속에서, 채용(회사 소개 포함)이나 블로그와 같은 다른 용도의 페이지를 만들어 배포해야 하는 상황이었고, 도메인과 관련하여 기술팀과 마케팅팀 간 도메인 선정 과정에서 두 가지 방향으로 나뉘었다. 서브도메인 방식 : career.example.com | blog.example.com 하위패스 방식 : example.com/career | example.com/blog…

프론트엔드가 알고 있으면 좋을 디자인 이야기 - 다크모드

프론트엔드가 알고 있으면 좋을 디자인 이야기 - Darkmode 블로그를 만들고 나서, 이런 저런 기능들을 추가하다가 이젠 대세가 되어버린 Darkmode를 구현해야 겠다는 생각이 들었다. 단순히 글씨는 하얗게() & 배경은 어둡게() 하는 것이 아닌 눈에 피로감이 덜하고 안정감 있는 다크모드를 구현하고 싶었고 디자인으로서 다크모드를 어떻게 접근해야하는지, 어떻게 풀어내는 것이 좋은지 찾아보았다. 디자이너 없이 개발자 스스로 디자인을 해야할 때 참고하면 좋을 것 같다. 왜 Darkmode를 만드나요? 크게…

구글폰트와 웹폰트 최적화

Page 3 Of 4
🌝동글동글 🌚