시리즈 흐름1편: DevTools로 LinkedIn API 요청 구조 관찰2편: 검색 기능 필터·페이지네이션 구조 확인3편: 공개 API로 Response JSON 직접 읽기 + CRUD 실행
왜 이번 실습이 필요했나
1·2편에서 LinkedIn API를 관찰했지만 Response가...
검색창에 'Product Manager'를 입력하고 Enter를 눌렀을 때, 구체적으로 뒤에서 무슨 일이 벌어지는지 궁금했습니다. 1편에서 피드 API를 관찰했으니 이번엔 '검색'으로 범위를 좁혀 같은 방식으로 따라가 봤습니다.
결론부터 말하면, 예상했던 것보다 훨씬...
이 글은 Substack에 발행된 "ProtoLane UX Insights" 1호 뉴스레터의 요약본입니다.
전체 내용은 개인적인 문제의식과 실제 시행착오를 중심으로 Substack에서만 공개됩니다.
Why This Newsletter Exists
많은 기획 콘텐츠는 결과만 보여줍니다. 완성된 케이스, 성공한 프로젝트, 정리된 이론 말이죠.
하지만 실제로 더 도움이 되는 건“그 결과에 도달하기까지...
전시 리뷰를 마무리하며
이번 전시를 통해 확인한 AIoT의 변화는 단순히 기술이 더 똑똑해졌다는 사실이 아니었습니다. 이제 AIoT는 ‘보여주기 위한 기술 데모’의 단계를 넘어, 실제 현장의 판단과 행동을 바꾸는 시스템으로 자리 잡고 있었습니다.
영상 분석, 산업 안전, 스마트 오피스, 헬스케어 등 다양한...
1:N 관계부터 복합 UNIQUE까지, 실행으로 배운 데이터 설계
들어가며
PM이 SQL을 배워야 할까? 개발자가 아닌데 DB 구조까지 알아야 할까?
이 질문에 대한 답을 찾기 위해 3주간 직접 DB 실습을 계획하여 진행했습니다.
실무에서 데이터 구조를 이해하지 못해 개발자와 소통이 막히고 기획이 자주 뒤집히는 경험을...
화면에 보이는 데이터는 전부 서버에서 가져온 것입니다. 그런데 그 과정은 눈에 보이지 않습니다.
Chrome DevTools의 Network 탭은 브라우저가 서버와 주고받는 모든 대화를 실시간으로 보여주는 창입니다. 쉽게 말하면 화면 뒤에서 어떤 일이 벌어지는지 들여다보는 도구입니다.
항상 DevTools 내에 Elements 탭 영역만 업무에...
불변성 패턴부터 N:M 관계까지, 실행으로 배운 데이터 설계
들어가며
1편에서는 북마크, 댓글, 권한 관리를 통해 1:N 관계와 FK, 복합 UNIQUE, soft delete 등의 DB 실습을 실행했습니다.
이번 2편은 그 연장선입니다. 버전 관리와 태그 시스템, 두 가지 실습을 통해 불변성 패턴과 N:M 관계를...
검색창에 'Product Manager'를 입력하고 Enter를 눌렀을 때, 구체적으로 뒤에서 무슨 일이 벌어지는지 궁금했습니다. 1편에서 피드 API를 관찰했으니 이번엔 '검색'으로 범위를 좁혀 같은 방식으로 따라가 봤습니다.
결론부터 말하면, 예상했던 것보다 훨씬 복잡했고 확인하지 못한 부분도 있었습니다. 그 과정 그대로 기록합니다.
왜 검색...