딸깍으로 내 서비스 UX 라이팅 개선하기

배경현재 운영중인 학점은행제 학점계산기 서비스에는비로그인 상태에서도 플랜을 쉽게 공유하고 저장할 있도록 플랜을 URL 저장하는 기능이 있다.연결해둔 채널톡으로 해당 기능과 관련한 CS가 접수되었다.Q : 저장했는데 북마크는 어디있나요?A : 현재 주소를 브라우저의 북마크에 추가하시면 플랜을 다시 확인하실 수 있습니다.개선하기해당 기능을 개선할 필요를 느꼈다.우선 UX 라이팅을 개선하기로 했다. 기존의 메세지 ‘저장되었습니다, 저장할 수 있습니다’는 지금 저장이 된건지 아닌지, 추가적인 액션이 필요한지 아닌지 헷갈렸다. 또한, 북마크 기능이라는 것이 명확하지 않았다. 서비스 자체의 북마크 기능인이 브라우저의 북마크 기능인지 알 수 없다. 따라서 메세지를 개선해주었다.또한, 백문이 불여일견이므로, 시작적인 ..

• format_list_bulleted 회고
• · 2026. 4. 20.

AWS Certified Developer - Associate(DVA-C02) 취득 후기

작년 4월에 AWS Certified Cloud Practitioner 취득하고 올해 4월에 AWS Certified Developer - Associate 취득했다. 시험 준비하면서 얻은 팁들을 정리하고 공유한다.시험정보시험 응시료 할인 바우처, 학습자료 등 AWS 자격증 관련 최신정보는 가장 활발한 커뮤니티인 레딧이 가장 좋은 것 같다.학습방법공식 가이드공식 가이드를 먼저 읽어보면 좋을 것 같다. AWS Skill Builder스킬 빌더에서 샘플 문제 조금과 강의 조금을 무료로 제공해준다. 구독 옵션도 존재하지만 무료 강의로 충분한 것 같다.덤프기존에 공부했던 덤프 사이트에 광고가 많이 뜨고 불편해서 이번에는 유튜브로 덤프를 풀었다. 시험명을 검색하면 바로 나오는 것 같다.가장 쉽고 빠르게 시험에 합..

• format_list_bulleted 후기
• · 2026. 4. 20.

사파리 Clipboard API NotAllowedError

문제상황특정 브라우저(Safari)에서만 Clipboard API 사용시 NotAllowedError가 발생하는 이슈가 있었다.문제의 코드 async function handleShare(text){ // 로깅용 fetch fetch(...) // 클립보드 복사 await navigator.clipboard.writeText(text); // ❌ : NotAllowedError!}Safari에서만 NotAllowedError가 발생한 이유The Clipboard API allows users to programmatically read and write text and other kinds of data to and from the system clipboard in secur..

• format_list_bulleted 트러블슈팅
• · 2026. 4. 9.

NCP Object Storage CORS 에러 해결법

문제상황사용성 테스트 플랫폼 UTMate 개발 중 1MB 정도 크기의 JSON 로그 파일을 NCP Object Storage에 저장하고, 이를 프론트엔드에서 가져오려고 했다.async function getLog(url){ cosnt result = await fetch(url); ...}CORS ERROR그런데 짜잔, CORS 에러가 발생했다. CORS 에러는 잊을만 하면 등장한다(나야 CORS)이쯤 되면 절대 당황하지 않고 침착하다. CORS 에러는 브라우저의 오리진과 리소스 오리진이 달라서 발생하는 이슈이므로, 리소스 서버의 응답에 CORS 관련 헤더를 추가해주면 된다.그런데 뭔가 이상하다. 외부 API를 쓰는 것도 아니고 스토리지 서비스를 쓸때 CORS에러가 발생하기도 하던가? 스토리지 서비스..

• format_list_bulleted 위키
• · 2026. 3. 17.

사용자 경험을 데이터로 증명하세요 : UTMate 회고

부스트캠프 웹·모바일 10기 그룹프로젝트를 진행하며 매주 회고를 남겨보았다. 지루하고 현학적인 기술 이야기보다 의사결정과정에 있어서 내가 어떤 생각을 했고 무엇을 느꼈는지를 중점으로 정리해 봤다.1주차 회고 : 주제 선정과 기획사용성 테스트 플랫폼 만들기.아이디어 회의새로운 사람들과 만남에 무척 긴장했었다. 그러나 곧 바보같은 걱정을 했다고 느꼈다. 부캠에는 다 잘하고 열심히 하는 사람밖에 없다는 걸 까먹었다.평소에 나는 프로젝트 아이디어가 떠오르면 잘 쌓아놨던 것 같은데, 이번에 내가 낸 아이디어는 내가 봐도 좀 구렸다. 모두가 다 좋아해야 한다는 생각에 자체검열을 하다보니 무난하고 구린 것만 제안하게 된 것 같다.그러다 보니 나는 내 기준 팀플 블랙리스트를 비토하는 데만 애썼던 것 같다. 좋은 쪽으로..

• format_list_bulleted 회고
• · 2026. 2. 12.

타입스크립트 개발자들이 enum을 싫어하는 이유

평소처럼 코드 리뷰를 하던 중, 한 타입 전용 패키지가 devDependencies(개발 의존성)가 아닌 dependencies(일반 의존성)에 추가된 것을 발견했다.해당 타입 패키지를 개발 의존성으로 변경하면 좋을 것 같아요!내 제안은 그럴듯해 보였고, 팀원도 흔쾌히 수용했다. 이때까지만 해도 내가 무슨 일을 저질렀는지 몰랐다.문제상황코드 수정 후, 평화롭던 빌드 파이프라인에서 에러가 발생했다.Error: Cannot find module 'types/my-package' or its corresponding type declarations....FAILED: build project당황스러웠다. 분명 타입 패키지인데 왜 빌드 타임에 모듈을 찾을 수 없다고 나오는 걸까? 다시 해당 패키지를 개발 의존성..

• format_list_bulleted 위키
• · 2026. 1. 26.