전체 글

| 서론 안녕하세요 팡일입니다! 오늘은 우아한테크코스 8기 프리코스의 오픈미션 18일차 포스팅입니다. 오늘은 진행한 점들에 대해서 기록하고 공유하려고 합니다! | 오늘 한 일 1) QA QA 진행하기 받은 QA 정리하기 2) 리스트 페이지 내용 검색…

| DOMPurify로 XSS 취약점 완벽히 해결하기 안녕하세요 팡일입니다. 현재 제작중인 회고 서비스, 'Relog'에서 발견한 취약점 중 하나를 개선한 이야기를 공유해보려고 합니다. 이전에는 임시 주석을 달아서 해결하려고 했지만, 이 부분으로 해…

| 서론 안녕하세요 팡일입니다! 오늘은 우아한테크코스 8기 프리코스의 오픈미션 17일차 포스팅입니다. 오늘은 진행한 점들에 대해서 기록하고 공유하려고 합니다! | 오늘 한 일 1) QA QA 진행하기 받은 QA 정리하기 2) 리스트 페이지 정렬 버튼…

| 서론 안녕하세요 팡일입니다. 프론트엔드 프로젝트를 일정 수준 이상 키우다 보면 자연스럽게 ‘코드 품질’이라는 벽을 마주하게 됩니다. 기능은 돌아가는데, 코드 스타일은 들쑥날쑥하고, 타입은 점점 any의 바다로 밀려오고, 조금만 방심하면 오류가 사…

| 서론 안녕하세요 팡일입니다! 오늘은 우아한테크코스 8기 프리코스의 오픈미션 16일차 포스팅입니다. 오늘은 진행한 점들에 대해서 기록하고 공유하려고 합니다! | 오늘 한 일 1) QA QA 진행하기 받은 QA 정리하기 2) 마이페이지 수정 전 입력…

| 서론 안녕하세요 팡일입니다! 오늘은 우아한테크코스 8기 프리코스의 오픈미션 15일차 포스팅입니다. 오늘은 진행한 점들에 대해서 기록하고 공유하려고 합니다! | 오늘 한 일 1) QA QA 진행하기 받은 QA 정리하기 2) 작성 페이지 다음, 이전…

| 서론 안녕하세요! 팡일입니다. 프로젝트에서 마크다운을 렌더링하는 기능을 만들다 보면, 체크박스(To-do 리스트)가 필요해지는 순간이 한 번쯤은 찾아옵니다. 리로그(Re-Log)도 마찬가지였습니다. 사용자들이 회고를 작성할 때, 작업 목록을 체크…

| 서론 안녕하세요 팡일입니다! 오늘은 우아한테크코스 8기 프리코스의 오픈미션 14일차 포스팅입니다. 오늘은 진행한 점들에 대해서 기록하고 공유하려고 합니다! | 오늘 한 일 1) 기타 관리자 페이지 제작 2) QA 진행 | 어려웠던 점 & 배운 점…

| 서론 안녕하세요, 팡일입니다. 현재 오픈 미션으로 re-log라는 서비스를 개발하고 있는데요? re-log는 사용자가 꾸준히 자신의 생각과 감정을 기록하며 성장할 수 있도록 돕는 회고 서비스입니다. 서비스를 운영하면서 “지금 사용자들이 얼마나 활…

| 서론 안녕하세요 팡일입니다! 오늘은 우아한테크코스 8기 프리코스의 오픈미션 13일차 포스팅입니다. 오늘은 진행한 점들에 대해서 기록하고 공유하려고 합니다! | 오늘 한 일 1) 테스트 vitest, playright 적용해보기 2) QA QA 아…

| 서론 안녕하세요 팡일입니다! 지난 Vitest를 활용한 컴포넌트·유닛 테스트에 이어서, 이번에는 Playwright 기반의 E2E(End-to-End) 테스트 구축기를 공유해보려고 합니다. | Playwright 시작 준비 — 설치부터 기본 실행…

| 가볍고 정확한 테스트로 개발 경험을 한 단계 끌어올리기 안녕하세요! 팡일입니다. 이번 글에서는 작고 빠른 단위 테스트(Unit Test)와 컴포넌트 단위 테스트(Component Test)를 책임지는 Vitest 기반의 테스트 환경을 다뤄보겠습니…