Showcases / 해부
이 사이트를 만들며 실제로 부딪힌 결정들을 전시합니다. 저자의 답을 보기 전에, 먼저 당신이라면 어떻게 했을지 골라 보세요.
ReactNext라는 사이트에서, 데모를 React로 만들지 않았다
쇼케이스 메뉴를 만들었다. 메인과 전혀 다른 디자인의 데모들 — 다크 테마 AI 챗, 에메랄드 톤 쇼핑몰 — 을 한 사이트에 들여야 한다. 메인은 막 전 라우트 검증을 끝낸 상태다. 당신이라면 어떻게 격리하겠는가?
판단해 보기 →전시 02 · 데이터 설계답글이 달린 댓글을 지우면, 답글은 누구의 것인가
에세이에 댓글과 답글을 붙였다. 어느 날 누군가 답글이 달린 자기 댓글을 지운다. 화면에는 무엇이 남아야 하는가?
판단해 보기 →전시 03 · 운영·수익들어오던 광고 수익을 새 페이지에서 뺐다
3년 운영한 블로그에 AdSense가 붙어 있고, 크진 않아도 매달 돈이 들어온다. 사이트를 '저자의 생각'을 읽는 곳으로 개편한다. 광고는 어떻게 하겠는가?
판단해 보기 →전시 04 · 제품 설계좋아요 버튼에 로그인을 요구하지 않았다
에세이에 👍 반응을 단다. 익명 방문자의 중복 클릭을 어떻게 막겠는가?
판단해 보기 →전시 05 · 콘텐츠 전략3년 치 글 277편을 지우지도, 새 옷을 입히지도 않았다
사이트의 정체성을 바꾼다. 옛 정체성으로 쓴 3년 치 글 277편은 어떻게 하겠는가?
판단해 보기 →전시 06 · 브랜드·디자인아테네 학당을 가져오는 대신, 소실점부터 다시 그렸다
소개 페이지 하단에 라파엘로 「아테네 학당」의 분위기를 들이고 싶다. 어떻게 하겠는가?
판단해 보기 →전시 07 · 콘텐츠 전략해부를 JSON으로 쓰지 않았다
해부 전시를 계속 쓰려고 한다. 구조 필드(질문·선택지·결정)와 장문의 근거 산문이 한 몸인 콘텐츠다. 일곱 편째부터 어떤 형식으로 작성하겠는가?
판단해 보기 →전시 08 · 제품 설계내 판단을 기록하는 도구에서, AI에게 판단을 맡기지 않았다
해부 컴포저에 BYOAI를 붙인다. 사용자가 자기 AI로 초안을 만들어 붙여넣는 흐름이다. 그런데 해부는 '내 판단의 기록'이다. AI에게 어디까지 시키겠는가?
판단해 보기 →전시 09 · 브랜드·디자인잘 돌아가던 회랑을, 굳이 다시 그렸다
소개 페이지 하단의 1점 투시 회랑이 이미 라이브로 잘 동작한다. 다만 위쪽이 살짝 잘려 미완성처럼 보이고, 애니메이션은 하나뿐이며 선이 단조롭다. 멀쩡히 돌아가는 그림을 어떻게 하겠는가?
판단해 보기 →전시 10 · 콘텐츠 전략쇼케이스에 잘 만든 데모를 더 채우지 않았다
사이트에 쇼케이스 메뉴가 있다. AI에게 시키면 멋진 데모를 얼마든지 더 뽑을 수 있다. 그런데 이 사이트는 'AI가 써준 기술 블로그'를 비판하며 개편한 곳이다. 쇼케이스를 무엇으로 채우겠는가?
판단해 보기 →전시 11 · 운영·수익한 글자 때문에 깨진 빌드를, 새 파일로 덮지 않았다
CSS 파일에서 닫는 중괄호 하나가 빠져 프로덕션 빌드가 깨졌다. 마침 그 파일의 검증된 새 버전을 통째로 들고 있다. 어떻게 복구하겠는가?
판단해 보기 →