· software
GSAP, Next.js, pnpm을 사용한 애니메이션 포트폴리오 만들기
왜 이 스택인가? - Next.js – 서버 + 클라이언트 렌더링 및 최신 라우팅 - TypeScript – 안전성 및 유지보수성 - GSAP – 타임라인 기반 애니메이션 및 스크롤…
-
- · software
캔버스 너머: 프레이머와 SEO를 고려한 고효과 랜딩 페이지 구축 🚀
비전: 단순히 “예쁨”을 넘어 디자이너/개발자 하이브리드로서 나는 훌륭한 랜딩 페이지가 30%는 미학이고 70%는 심리학이라는 것을 깨달았다. 목표는 ...
- · software
Vite와 Webpack으로 프론트엔드 개발 효율성 향상
Vite 이해하기 Vite는 Vue.js의 창시자인 Evan You가 만든 build tool로, 속도와 효율성 때문에 큰 주목을 받고 있습니다. 전통적인 …
- · software
운영자 매뉴얼: v17.3에서 v21까지 Angular Signals 탐색
운영자 매뉴얼: v17.3부터 v21까지 Angular Signals 탐색하기 – Angular에서 반응성 진화에 대한 포괄적인 가이드
- · software
🚀 Extension Project III: 스프레드시트 혼돈에서 웹 앱으로
그래서 상황이 이렇다: 이번 학기에 나는 파트너 회사와 함께 실제 세계 과제에 뛰어들었다. 그들의 전체 재무 및 재고 관리가 spreadsheets에 갇혀 있었다.
- · software
Grid Align 설명: 완벽한 CSS 레이아웃을 위한 완전 가이드 (2026)
Grid Align: 추측을 멈추고 페이지의 모든 요소를 완벽하게 배치하세요 솔직히 말해서, 수년간 CSS 레이아웃은 완전한 골칫거리였어요. 우리 모두 그 상황을 겪어봤죠.
- · software
CSS Grid 트랙 마스터: 현대 레이아웃 완전 가이드 (2026)
소개 웹 페이지 레이아웃을 바라보며 “그 열들을 어떻게 이렇게 완벽하게 동작하게 할까?” 라고 생각해 본 적 있나요? 아니면 floats와 flex를 다루느라 고생한 적이 있나요?
- · software
JDP Floorplans 설명: 시간을 절약하는 레이아웃 결정
소개 JDP에서 첫 번째 컴포넌트를 작성하기 전에, 모든 뒤따르는 것을 형성하는 조용한 결정 하나가 있습니다: floorplan. 이를 제대로 잡으면,…
- · software
프론트엔드 개발: 모든 웹사이트의 얼굴
표지 이미지: Frontend Development – 모든 웹사이트의 얼굴 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/htt...
- · software
오늘의 React 코딩 챌린지: 통화 변환기 툴 만들기
오늘의 React 코딩 챌린지를 위한 커버 이미지: 통화 변환기 도구 만들기 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=a...
- · software
왜 현대 웹사이트는 오래된 웹사이트보다 더 빠르게 느껴지는가
웹사이트가 과거에 작동하던 방식 몇 년 전 인터넷을 사용하던 기억이 아직도 생생합니다 – 버튼을 클릭하고, 페이지 전체가 빈 화면으로 바뀌는 것을 보고, 기다리던…
- · software
이번 주말에 Website Tracker를 만들었습니다 — 배운 점
SiteOps – 단순한 북마크 관리자를 넘어선 것이 필요했던 개발자가 만든 로컬‑퍼스트 웹사이트 모니터링 대시보드