SEO 톺아보기 – 정말 SSR이 SEO에 좋을까?
SSR이 SEO에 유리한 이유를 크롤링·인덱싱·랭킹 관점에서 설명했습니다. 다만 서비스 성격과 검색 엔진 특성에 따라 CSR도 충분할 수 있으며, SEO는 렌더링 방식 외 요소까지 함께 봐야 합니다.
#SEO#SSR
3200
프론트엔드 기술 블로그 최신 글
필터 0
업무용 툴, 내 동료가 정말 만족했나요?
테이블센터의 검색과 탐색 경험을 10개월간 지표 기반으로 개선한 사례를 소개했습니다. 검색 속도와 만족도를 크게 높이고, 빠른 UT로 기능 방향을 검증했습니다.
#UI/UX#검색
2000
테크니컬 라이팅으로 시작해보는 기술블로그 작성법
기술 블로그를 쉽게 쓰기 위한 테크니컬 라이팅 원칙과 작성 순서를 정리했습니다. 목적과 독자를 먼저 정하고 구조화, 초안, 검토를 반복하라고 제안했습니다.
#iOS#문서화
3600
Custom Style System 구축하기
Custom Style System 구축하기
styled-components 기반 프로젝트에서 반복되는 레이아웃 스타일을 줄이기 위해 Custom Style System을 구축했습니다. props 매핑과 반응형 인터페이스로 VStack, HStack 같은 재사용 컴포넌트를 만들었습니다.
#styled-components#CSS-in-JS
2800
강력한 시각화 툴로 자리잡은 피그마 - 필수기능
피그마의 필수 기능을 소개하는 글의 제목과 연장 맥락만 확인됩니다.
#Figma#UI/UX
2000
jcenter, 이제 문 닫습니다
Android 개발 중 jcenter의 경고 문구를 확인한 뒤 종료 소식을 주제로 다뤘습니다. 경고를 계기로 관련 이슈에 대한 궁금증을 소개했습니다.
#Android
2200
누가 내 쿠키를 먹었을까?
iOS 웹뷰에서 백그라운드 복귀 시 세션쿠키가 사라지는 문제를 분석했습니다. 지속쿠키로 전환해 이슈를 크게 줄였습니다.
#iOS#웹뷰
2500
누가 내 쿠키를 먹었을까?
iOS 웹뷰의 백그라운드 메모리 정리로 세션쿠키가 소실되는 원인을 분석했습니다. 만료 기간을 둔 지속쿠키로 전환해 iOS 이슈를 약 99.66% 줄였습니다.
#iOS#web
200
파일 변수 Deep-Dive
상태의 추적 필요성에 따라 Redux, react-query, Zustand, 파일 변수의 역할을 분리했습니다. 서버 파일 변수는 AsyncLocalStorage로 요청별 컨텍스트를 격리해야 함을 설명합니다.
#Redux#react-query
400
파일 변수 Deep-Dive
파일 변수 Deep-Dive
웹 서비스 규모가 커지며 Redux 전역 관리의 한계를 줄이기 위해 상태를 유형별로 분리한 사례를 소개했습니다. 추적이 불필요한 값은 파일 변수로 관리하고, SSG와 하드 네비게이션 제약도 함께 설명했습니다.
#Redux#Zustand
2500
디자인 시스템, 디자인과 코드의 간극 줄이기
디자인 시스템, 디자인과 코드의 간극 줄이기
디자인 시스템에서 Figma와 코드 간 간극이 커지며 커뮤니케이션 비용과 개발 피로도가 늘어나는 문제를 다뤘습니다. Figma 규약 정비와 Plugin API 기반 도구로 명세 검증과 코드 변환을 자동화하는 방안을 소개했습니다.
#디자인 시스템#Figma
3500
모닥불 | EP.3 프론트엔드 개발에서 테스트 자동화, 꼭 해야 할까?
프론트엔드 개발에서 테스트 자동화가 왜 필요한지, 어떤 장점이 있는지 다뤘습니다. 토스가 테스트 코드를 쓰고 쓰지 않는 기준도 함께 소개했습니다.
#test#자동화
2600
Figma 플러그인, 디자이너가 직접 만들어 보기
Figma의 플러그인 확장성을 활용해 디자이너가 직접 플러그인을 만들어 본 경험을 공유했습니다. ChatGPT와 공식 문서를 참고한 제작 과정을 중심으로 정리했습니다.
#Figma#ChatGPT
2100
웹 컴포넌트로 프레임워크 마이그레이션 준비하기
웹 컴포넌트로 프레임워크 마이그레이션 준비하기
Vue2에서 React로 점진적 마이그레이션할 때 웹 컴포넌트를 도입한 사례를 소개했습니다. 프레임워크별 UI 중복 구현을 줄이고 디자인 일관성과 유지보수 효율을 높였습니다.
#웹 컴포넌트#Vue.js
3000