0359 · 회고11월 15일[우테코] 18편 : 오픈미션 12일차| 서론 안녕하세요 팡일입니다! 오늘은 우아한테크코스 8기 프리코스의 오픈미션 12일차 포스팅입니다. 오늘은 진행한 점들에 대해서 기록하고 공유하려고 합니다! | 오늘 한 일 1) 기타 CI/CD 구축 -> 하지만 실패 2) QA QA에 대해 고민하…우아한테크코스 · 우테코 · 우테코 8기
0358 · 회고11월 15일[우테코] 17편 : 오픈미션 11일차| 서론 안녕하세요 팡일입니다! 오늘은 우아한테크코스 8기 프리코스의 오픈미션 11일차 포스팅입니다. 오늘은 진행한 점들에 대해서 기록하고 공유하려고 합니다! | 오늘 한 일 1) 랜딩 페이지 후킹할 수 있도록 컨텐츠 수정하기 2) 리팩토링 감정 칩…우아한테크코스 · 우테코 · 우테코 8기
0357 · FE11월 15일[SvelteKit] 완벽한 ‘공유 기능’을 향한 여정: 서버, 서버리스, 그리고 방향 전환의 교훈| 서론 — “내 회고, 어떻게 ‘잘’ 공유할 수 있을까?” 안녕하세요 팡일입니다! Re-Log 프로젝트를 만들면서 가장 먼저 떠올린 기능 중 하나가 바로 공유였습니다. “내 회고를 다른 사람에게 링크로 건네줄 수 있다면 얼마나 편할까?” 처음엔 단…
0356 · 회고11월 13일[우테코] 16편 : 오픈미션 10일차| 서론 안녕하세요 팡일입니다! 오늘은 우아한테크코스 8기 프리코스의 오픈미션 10일차 포스팅입니다. 오늘은 진행한 점들에 대해서 기록하고 공유하려고 합니다! | 오늘 한 일 1) Write 페이지 감정 버튼 기능 추가 2) detail 페이지 감정…우아한테크코스 · 우테코 · 우테코 8기
0355 · FE11월 13일[SvelteKIt] Svelte의 prop과 store로 유연한 UI 만들기| 서론: “이 화면에서는 버튼이 비활성화되어야 해요.” 안녕하세요 팡일입니다. 웹 애플리케이션을 만들다 보면, 같은 UI 컴포넌트를 여러 맥락에서 사용해야 하는 경우가 정말 많습니다. 제 회고 기록 서비스 re-log의 감정 선택(Emotion S…
0354 · FE11월 13일[CSS] CSS 변수와 Tailwind로 디자인 시스템 구축하기| 서론: “이 버튼 색깔만 살짝 바꾸면 되는데…” 안녕하세요 팡일입니다. 우리는 흔히 프로젝트가 커질수록 컴포넌트는 수십, 수백 개로 늘어나고, 처음에는 단순했던 스타일 작업도 점점 복잡해집니다. 예를 들어, “우리 서비스의 포인트 컬러를 조금 더…
0353 · 회고11월 12일[우테코] 15편 : 오픈미션 9일차| 서론 안녕하세요 팡일입니다! 오늘은 우아한테크코스 8기 프리코스의 오픈미션 9일차 포스팅입니다. 오늘은 진행한 점들에 대해서 기록하고 공유하려고 합니다! | 오늘 한 일 1) Write 페이지 임시 저장 기능 추가 2) Update 페이지 기본 …우아한테크코스 · 우테코 · 우테코 8기
0352 · FE11월 12일[SvelteKit] Svelte + Firestore로 구현한 ‘자동 저장’ 기능 구축기| “저장 버튼을 누르기 전에 브라우저가 닫혔습니다.” 안녕하세요 팡일입니다! 혹시 이런 경험 있으신가요? 상상만 해도 아찔한 상황입니다. 몇 시간 동안 공들여 작성한 글이 예기치 못한 브라우저 오류나 탭 닫기 한 번에 사라진다면, 누구라도 깊은 허…
0351 · FE11월 12일[SvelteKit] 하나의 컴포넌트, 두 개의 얼굴 (mode, prop 하나로 글쓰기/수정 기능 모두 구현하기)| 도입: 혹시 아직도 복붙하고 계신가요? 안녕하세요 팡일입니다. 웹 서비스를 만들다 보면 누구나 마주치는 기능이 있습니다. 바로 ‘작성’과 ‘수정’ 기능입니다. ‘새 글 작성’ 페이지를 열심히 만든 뒤 얼마 지나지 않아 똑같이 생긴 ‘글 수정’ 페…
0350 · 회고11월 12일[우테코] 14편 : 오픈미션 8일차| 서론 안녕하세요 팡일입니다! 오늘은 우아한테크코스 8기 프리코스의 오픈미션 8일차 포스팅입니다. 오늘은 진행한 점들에 대해서 기록하고 공유하려고 합니다! | 오늘 한 일 이전/이후 버튼 추가 작성 완료 버튼을 모바일과 데스크탑마다 상이하게 배치 …우아한테크코스 · 우테코 · 우테코 8기
0349 · FE11월 11일[SvelteKit] 프론트엔드 UX 개선의 디테일: tabindex="-1"와 .blur() 활용법| 서론 훌륭한 사용자 경험(UX)은 종종 눈에 잘 띄지 않는 작은 디테일에서 시작됩니다. 특히 사용자가 키보드만으로 서비스를 원활하게 이용할 수 있도록 하는 '키보드 네비게이션'과, 현재 활성화된 요소를 명확히 보여주는 '포커스(Focus) 관리'…
0348 · FE11월 11일[SvelteKit] UX 개선기: 반응형 디자인과 상태 관리| 서론 안녕하세요, 팡입니다! 현재 진행 중인 회고 기록 서비스 “Re:Log” 프로젝트에서 사용자 경험(UX)을 개선한 과정을 공유하고자 합니다. 특히 여러 개의 입력 섹션으로 구성된 회고 작성 페이지는 사용자가 가장 많은 시간을 보내는 핵심 영…