| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 | 31 |
- 개발일기
- 웹개발
- 프론트엔드 개발
- a11y
- 모노레포
- 프론트엔드
- capacitor
- i18n
- githubactions
- 컴포넌트설계
- flutter
- styledcomponents
- VITE
- react
- 상태관리
- typescript
- ModuleFederation
- frontend
- vue3
- 자바스크립트
- reactquery
- 프론트엔드아키텍처
- useEffect
- turborepo
- javascript
- 다국어
- Next.js
- ionic
- styled-components
- pnpm
- Today
- Total
목록전체 글 (53)
yunkogong
안녕하세요 🐶반려동물이랑 갈 수 있는 곳만 모아놓은 지도, 가도돼멍을 만들었습니다. 전국 애견동반 장소 10,825곳을 실내/야외 동반 여부, 견종 크기, 목줄·입마개 조건까지 필터로 걸러서 찾을 수 있어요.왜 만들었는지부터 말씀드릴게요.강아지 데리고 어디 좀 나가려고 할 때마다, 검색하다가 시간 다 보내신 적 없으신가요.저는 이게 매번 스트레스였어요.블로그에 "애견동반 가능"이라고 적혀 있어서 갔는데 테라스만 되는 곳이었거나,소형견만 된다는 걸 도착해서야 알게 되거나,결국 출발 전에 하나하나 전화로 물어보고 가거나.그래서 없으면 직접 만들자 싶었어요.그렇게 나온 게 가도돼멍입니다. 가도돼멍은 어떤 사이트인가요전국에 반려동물 동반이 가능한 곳들을 지도에서 바로 찾을 수 있는 사이트입니다.지금 등록되어 ..
2026년 7월 21일. 지금까지 만졌던 프로젝트는 배포·인프라를 담당하는 사람이 따로 있었는데, 이번 프로젝트는 프론트인 내가 배포까지 다 책임져야 하는 상황이었다. 까먹기 전에 일기처럼 남겨둔다. 거창한 인프라 튜토리얼이 아니라 그냥 "오늘 프론트가 서버까지 만진 하루"의 기록이다.⚠️ 아래 도메인·파일명·경로는 전부 예시 값이다. 실제 값은 각자 환경에 맞게 바꿔 쓰면 된다.처음엔 GitHub Actions로 시작했다CI/CD 자체는 다른 프로젝트에서 만져본 경험이 있어서 여기서 크게 막힐 건 없었다. .github/workflows/에 PR CI·개발 배포·운영 배포 세 개를 나눠서 넣었다.PR CI는 tsc·lint만 돌리고 끝. 개발 배포는 develop 브랜치 머지에서, 운영 배포는 GitH..
2026년 7월 15일. 신규 웹앱 프로젝트를 처음부터 끝까지 나 혼자 구성할 기회가 생겼다. 까먹기 전에 일기처럼 남겨둔다. 거창한 아키텍처 가이드가 아니라 그냥 "오늘 이런 걸 결정했고, 왜 그렇게 골랐는지"의 기록이다.백지 저장소를 처음 연 순간새로 만든 저장소를 처음 열었을 때는 늘 그렇듯 뭐부터 손대야 할지 잠깐 멍했다. 앱은 하나가 아니었다. 관리자 화면·사용자 진입 화면·공통 UI가 얽힐 예정이었고, 나중에 관리자 대시보드 앱이 따로 붙을 여지도 있었다. 그래서 시작하자마자 "이건 어차피 나중에 나눠질 프로젝트"라는 게 명확했다. 처음부터 모노레포로 가야 나중에 안 아프겠다는 판단이 섰다.pnpm workspace를 고른 이유npm workspaces도 있었고 yarn berry도 후보였지만..
2026년 7월 14일. 새로 짜던 홈페이지에 언어 전환 버튼을 달았다. 한국어·영어·일본어 세 개였다. 버튼을 눌렀더니 화면이 그대로였다. 새로고침해야만 바뀌었다. 까먹기 전에 일기처럼 남겨둔다. 거창한 다국어 설계 가이드가 아니라 그냥 "오늘 이게 이상했고, 이렇게 잡았다"는 기록이다.처음부터 새로 짜던 프로젝트였다7월 초부터 홈페이지 하나를 처음부터 새로 만들고 있었다(앞선 글에서 프로젝트 A라고 부른 그 프로젝트다). Vite + React + Tailwind 기반이었고, 다국어는 react-i18next로 달았다. 홈, 회사 소개, 서비스 안내, 뉴스, 자료실 같은 섹션들이 있고, 각 섹션은 정적 텍스트와 API 데이터를 섞어서 보여주는 구조였다.헤더에 언어 선택기 컴포넌트를 올리고, 클릭하면 ..
