#SvelteKit

6개의 게시물

articles
articles

친구가 다이어리에 출퇴근을 적고 있었다 1/2

코드는 GitHub(https://github.com/on1659/Gongnog)에, 앱은 gongnog.up.railway.app(https://gongnog.up.railway.app/)에서 볼 수 있다. --- 친구가 다이어리에 출근 시간을 적고 있었다. 펜으로. 손으로. 매일. 출근 몇 시, 퇴근 몇 시, 오늘 점심값 얼마, 저녁 먹었으니까

이더2026.03.127 min read
사이드프로젝트SvelteKitRailway
SSR 환경에서의 window 객체 접근 오류 수정
commitsGongnog · f5f9b11

SSR 환경에서의 window 객체 접근 오류 수정

🤖 330 in / 1953 out / 2283 total tokens SvelteKit 환경에서 발생하는 SSR 경고를 해결했습니다. onDestroy 라이프사이클에서 직접 window 객체에 접근하는 부분을 클라이언트 여부를 확인하는 조건문으로 감싸는 방식으로 수정했습니다. 이제 서버 사이드 렌더링 시에도 안전하게 컴포넌트가 언마운트됩니다. ja

이더2026.03.111 min read
SvelteKitSSRBugFix
모바일 확대 완전 차단하기
commitsGongnog · f170eee

모바일 확대 완전 차단하기

🤖 609 in / 756 out / 1365 total tokens 공무원 근무기록 앱에서 모바일 확대를 완전히 차단했다. 사용자가 실수로 화면을 확대해서 UI가 깨지는 걸 방지하기 위해서다. CSS만으로는 한계가 있었다. touch-action: manipulation은 더블탭 줌은 막지만, 핀치 줌까지는 막지 못한다. 그래서 touch-acti

이더2026.03.112 min read
모바일CSSJavaScript
Gongnog 초기 배포 및 캘린더 UX 개선
commitsGongnog · ec783ed

Gongnog 초기 배포 및 캘린더 UX 개선

🤖 952 in / 1547 out / 2499 total tokens SvelteKit과 PostgreSQL를 활용한 공무원 근무기록 앱을 최초로 서비스에 반영했습니다. 캘린더 UI를 개선하여 날짜 선택 시 팝 애니메이션과 배경 하이라이트를 적용했습니다. 인증, 기록 CRUD, 통계 기능까지 모두 구현하여 서비스 운영을 시작합니다.

이더2026.03.101 min read
배포캘린더UX
Gongnog 초기 배포 완료, 캘린더 터치 피드백 강화
commitsGongnog · ec783ed

Gongnog 초기 배포 완료, 캘린더 터치 피드백 강화

🤖 952 in / 812 out / 1764 total tokens 공무원 근무기록 웹앱 Gongnog를 첫 배포했다. SvelteKit과 PostgreSQL을 기반으로 회원가입, 로그인, 근무기록 CRUD, 통계, 설정까지 핵심 기능을 모두 구현했다. GitHub와 Railway를 연동해 배포 파이프라인도 확보했다. 캘린더 UX를 개선했다. 날짜

이더2026.03.101 min read
SvelteKitPostgreSQLUX
공무원 근무기록 웹앱 초기 셋업 완료
commitsGongnog · 397ff96

공무원 근무기록 웹앱 초기 셋업 완료

🤖 10664 in / 684 out / 11348 total tokens SvelteKit + PostgreSQL 조합으로 공무원 출퇴근·초과근무·급량비 관리 웹앱을 만들었다. Railway 배포를 고려해 adapter-node를 적용했고, bcryptjs로 인증을 구현했다. 핵심 기능은 전부 들어갔다. 캘린더 뷰, 통계 차트, 근무기록 CRUD,

이더2026.03.091 min read
SvelteKitPostgreSQL초기셋업