인기 글
-
조금 아는 거로 있어 보이기
Figma로 정리하는 UXUI 협업 프로세스
이제 UXUI 업무를 하는 분들에게 Figma는 많이 익숙해지기도 했고, 또 그만큼 잘 사용하는 것도 같습니다. 이전 콘텐츠에서는 Figma로 시작하는 UI 디자인 실무라는 주제로 Figma를 잘 사용하기 위한 4가지 주요 개념을 정리해 보았는데, Figma로 시작하는 UI 디자인 실무Figma와 UI 디자인은 이제 떼려야 뗄 수가 없는 사이가 된 것 같습니다. 사실 생각해보면, Figma가 세상에 나온 이유가 UI 디자인을 쉽게 하기 위함이니 당연한 이야기라 할 수 있습니다. 그러나 UI 디blog.hohakdang.com 이번에는 디자인 관점이 아닌 실제 프로젝트를 구성하고, 다른 팀들과 협업하는 관점에서 Figma를 어떻게 활용하면 좋은지를 살펴보겠습니다. 사실 여러 서비스 구축/운영 프..
-
조금 아는 거로 있어 보이기
Atomic Design Pattern과 UI 디자인 실무
UI 디자인에 직접 경험이 없다면, 많은 경우 '디자인'이라는 단어를 단순히 '심미적으로 보기 좋게 그린다'는 정도로 생각하실 것 같습니다. 그러나 실제 업무를 진행하다 보면, UI 디자인에서 말하는 디자인은 (당연히 심미적인 부분도 중요하지만) '구조를 설계한다'는 의미가 더 적절할 것 같습니다. 불과 몇 년 전(2015~2016년)만 해도 상당수 UI·UX 디자인 작업은 PPT와 PhotoShop의 콜라보로 이루어졌지만, 이제는 거의 대부분의 실무에서 Figma, Framer, Adobe XD 같은 프로그램을 사용하고 있는 것 같습니다. 이러한 UI 디자인 프로그램들은 픽셀을 기반으로 벡터 그래픽을 그린다는 점에서 기존 디자인 프로그램들과 비슷하지만 컴포넌트를 활용해 구조를 설계하기에 더 적합하다는..
전체 글
-
프로젝트에서 말하는 1MM, 1MD가 대체 뭔가요?
프로젝트를 하다 보면 이런 말들을 자주 듣게 됩니다. "이번달 리소스가 0.5MM 남습니다.", "이 작업은 공수가 얼마나 들까요?" 처음 듣게되면 생소할 수 있습니다. 앞으로 이 문장의 질문자 혹은 답변자가 되어야 하는 작업자 입장에서 꼭 알아야 할 리소스의 기본 개념과 계산법을 설명해드리겠습니다. 1. 리소스(Resource)란? 리소스는 일을 완료하기 위해 투입되는 작업자의 노동력과 시간 을 뜻합니다. 프로젝트에서 주어진 업무를 완료하는데 얼만큼의 인력과 시간이 필요한지 측정하기 위해 이 개념을 사용합니다. 2.MD와 MM, 어떻게 읽고 계산하나요?가장 핵심이 되는 단위는 MD(Man-Day)와 MM(Man-Month)입니다.1 MD (Man-Day)정의 : 작업자 1명이 하루(8시간) 동안 일한..
2026.02.23 13:32 -
건강한 웹사이트란 무엇일까?
화면을 빠르고, 안정적으로 렌더링하는 웹사이트를 우리는 건강한 웹사이트라고 할 수 있어요. 친절하게도 구글에서 건강한 웹사이트가 무엇인지 체크할 수 있는 정량적 지표를 제공해주고 있는데요. 바로 그 지표가 되는것이 Web Vitals 입니다. Web Vitals은 사용자가 웹사이트를 경험할 때 ‘건강 상태’가 어떤지를 구체적 수치로 보여주는 지표로크게 LCP(처리시간), INP(응답시간), CLS(시각적 안정성)로 구성되어있어요.LCP : 화면의 로딩 시간을 측정INP : 브라우저가 사용자의 행위에 반응하는 시간을 측정CLS : 화면이 로딩되면서 밀리는 현상이 얼마나 적은가를 측정위 세가지 기준을 간단히 말하면 화면을 빠르고, 안정적으로 렌더링하는 브라우저가 건강한 웹사이트라고 할 수 있겠습니다. 그럼..
2026.01.29 18:03 -
크롤링, 기획자가 보안부터 챙겨야 하는 이유
💡이 글을 통해 알게 되는 것크롤링이 무죄가 된 이유와 전망크롤링 기술의 합법적 활용 사례크롤링 사건경쟁사의 서버에서 데이터를 대량으로 수집한 일명 '여기어때 크롤링 사건'. 많은 분이 기억하시겠지만, 대법원의 최종 결론은 '전부 무죄'였습니다. (대법원 2022. 5. 12. 선고 2021도1533 판결) 일반적인 상식으로는 "남의 정보를 몰래 가져갔으니 범죄 아닌가?"라고 생각하기 쉽습니다. 하지만 대법원은 형사법의 대원칙인 '죄형법정주의(엄격해석의 원칙)'를 들어 범죄가 성립하지 않는다고 판단했습니다. 오늘은 대법원이 검찰의 기소 내용을 하나하나 깨트린 3가지 핵심 법리를 정리해 드립니다.사건의 발단후발 주자의 욕심2015년 당시, 숙박 앱 시장의 압도적 1위는 10년 업력의 ‘야놀자’였습니다. ..
2025.12.08 16:53 -
UX 기획 3원칙 : 기획서가 견고한 시스템 아키텍처가 되기까지
💡이 글을 통해 알게 되는 것컨셉스키마 (feat. Glossary)List, Form, Detail (feat. Hard Coding or Data Binding)CRUD (feat. Policy & RBAC)UX 기획 3원칙 : 단계별 프로세스좋은 UX 기획은 단순히 ‘예쁜 화면’을 그리는 것이 아닙니다. 서비스의 뼈대가되는 컨셉 스키마를 세우고, 사용자가 만나는 화면을 설계하며, 그 화면이 동작하는 규칙을 정의하는 일련의 과정입니다. STEP 1. What ⇒ 컨셉 스키마STEP 2. Where ⇒ List, Form, DetailSTEP 3. How ⇒ CRUD & Policy 이 3단계 프로세스는 아이디어를 제대로 작동 가능한 서비스로 발전시키는 가장 논리적이고 효율적인 방법이라 할 수 있습니..
2025.11.20 11:00 -
내 정보를 변경하려고할 때 왜 다시 비밀번호를 입력할까? (Feat.세션, 토큰)
UX 기획자라면 한 번쯤 들어봤을 사용자의 영혼 담긴 외침. "아니, 로그인했는데! 내 정보 좀 바꾸겠다는데 왜 또 비밀번호를 입력하라는 거야? 나 못 믿어?!!" 네... 사실 반은 맞고 반은 틀립니다. 서비스를 만드는 입장에서 사용자를 못 믿는 게 아니라, 사용자의 '로그인된 환경'을 믿지 못하는 거죠. 이 짜증 나는 화면 뒤에는 사실 사용자의 소중한 정보를 지키려는 개발자들의 눈물겨운 노력이 숨어있답니다. "그래서 이게 왜 이렇게 된 건데?"라고 개발자에게 물어보기 전, 우리 먼저 살짝 알아보고 센스 있는 기획자가 되어보자구요! 😉 사실 우린 '진짜' 로그인 상태가 아닐지도? 🤔 우리가 아이디와 비번을 탁! 치고 로그인에 성공하면, 서버는 우리에게 일종의 '자유이용권'을 줍니다. 덕분에..
2025.10.17 16:26 -
프로젝트 설계자
『프로젝트 설계자』벤트 플루비야, 댄 가드너 지음박영준 옮김한국경제신문 p.44-46프로젝트를 신속히 진행할 수 있는 길이 무엇인지 이해하고자 할 때는 프로젝트의 전체 과정을 두 단계로 나누어 생각하는 방법이 유용하다. 조금 단순하긴 하지만, 효과가 있다. 첫 번째 단계는 기획(planning)이고, 두 번째는 수행(delivery)이다. 산업 분야에 따라 용어는 조금씩 다르다. 영화 산업에서는 ‘개발과 제작’이라고 표현하고, 건설 분야에서는 ‘설계와 시공’이라고 부른다. 하지만 어느 곳에서나 기본적인 개념은 똑같다. 먼저 생각하고, 그다음에 행동하는 것이다.프로젝트는 비전에서 시작된다. 다시 말해 이 프로젝트를 통해 탄생할 멋지고 아름다운 무언가에 대한 막연한 이미지를 그려내는 것이다. 이 비전을..
2025.09.01 08:16 -
지능의 기원
『지능의 기원』맥스 베넷 지음김성훈 옮김 / 정재승 감수더퀘스트 p.424-426새들은 태어날 때부터 나는 법을 아는 것이 아니다. 모든 아기 새는 나는 법을 배워야 한다. 먼저 날개를 퍼덕이는 것부터 시작해, 하늘에서 맴도는 것을 익히고 활공을 시도하고 충분히 반복해서 연습한 후에 결국 나는 법을 터득한다. 하지만 하늘을 나는 것이 새에게 유전적으로 새겨져 있는 것이 아니라면 어떻게 아기 새가 독립적으로 그런 복잡한 기술을 배울 수 있는가?하늘을 나는 것처럼 복잡한 기술은 유전체에 직접 새겨 넣기에는 정보의 밀도가 너무 높다. 그래서 유전적인 학습 시스템(겉질 등)과 본능(뛰고 싶은 본능, 날개를 퍼덕이고 싶은 본능, 활공을 시도하고 싶은 본능 등)을 내재적으로 부호화 하는 것이 더 효율적이다. ..
2025.08.08 08:08 -
인증, 인가, 그리고 RBAC: UX 기획자를 위한 ‘권한 설계’의 기본
우리 서비스를 이용하는 모든 사용자가 같은 화면을 보고 있을까요? 그렇지 않습니다. 어떤 사람에게는 ‘관리자 설정’ 버튼이 보이고, 다른 사람에게는 감춰져 있죠. 마치 멤버십 라운지처럼, 입장 조건과 내부 공간은 다르게 설계돼야 합니다. 이 차이를 만드는 핵심 개념은 바로 세 가지입니다.인증 (Authentication): “당신은 누구인가요?” — 사용가 누구인지 확인하는 절차인가 (Authorization): “무엇을 할 수 있나요?” — 권한에 따라 기능을 제한하는 방식RBAC (Role-Based Access Control): 역할 기반으로 권한을 묶어 관리하는 방식 이 용어들은 단순한 개발 개념이 아닙니다. UX 기획자가 꼭 알아야 할 핵심 설계 원칙이기도 합니다. 이제, 사용자에게 신뢰를..
2025.07.31 16:04
