기획 처음하는 사람 기획 처음하는 사람

제대로 알고 쓰자!웹 사이트에 존재하는 수많은 Web Component. 얼핏 보면 비슷하지만 엄밀히 다르다.모두 우리의 필요에 의해 만들어진 것으로 각각의 섬세한 특징과 사용법을 가지는 특별한 존재들이다.이를 분명하게 구분하여 사용한다면 더 깔끔하고 효율적으로 동작하는 웹 사이트가 될 수 있을 것이다.헷갈리는 컴포넌트를 대상으로 분명한 목적과 차이점을 생각해보는 시리즈를 써보고자 한다.Tooltip과 Popover 컴포넌트는 마치 Toast와 Snackbar의 관계와 같다. Popover는 Tooltip의 확장 형태로 더 많은 정보와 추가 콘텐츠를 포함할 수 있는 UI 요소로,많은 UI 라이브러리나 디자인 시스템에서 둘을 구분하지 않고 하나의 컴포넌트로 표현하기도 한다.다만 둘을 엄밀히 구분할 때 사용..

신입 기획자로 일을 시작하면서, 슬슬 개인 프로젝트에 대한 욕심이 생겼다.어떤 기획을 시작해볼까 고민하다 서비스의 뒷 단에서 많은 기능을 수행하는 백오피스에 도전하고 싶어졌다.프론트 페이지에 비해 레퍼런스도 적고 혼자 진행하기에는 양이 많지만 그만큼 배우는 것도 많을 것 같다.백오피스에 대한 개념부터 실제 서비스를 대상으로 한 기획까지 진행 과정에 대한 시리즈로 진행할 예정이다.목표백오피스의 개념을 정의한다백오피스 기획 단계, 항목을 정리한다각 단계별 고려 사항, 작성 문서를 정리한다백오피스(Back Office)는 무엇인가백 오피스는 일선 업무 이외에 후방에서 일선 업무를 지원하고 도와주는 부서 또는 그런 업무를 말한다.(출처 : 위키백과 https://ko.wikipedia.org/wiki/백_오피스..

제대로 알고 쓰자!웹 사이트에 존재하는 수많은 Web Component. 얼핏 보면 비슷하지만 엄밀히 다르다.모두 우리의 필요에 의해 만들어진 것으로 각각의 섬세한 특징과 사용법을 가지는 특별한 존재들이다.이를 분명하게 구분하여 사용한다면 더 깔끔하고 효율적으로 동작하는 웹 사이트가 될 수 있을 것이다.헷갈리는 컴포넌트를 대상으로 분명한 목적과 차이점을 생각해보는 시리즈를 써보고자 한다. 두 번째 포스팅 주제는 화면 속의 화면, Dialog와 Pop-up 창에 대해 이야기 해 보자. 다음과 같은 구성으로 진행된다.Dialog? Modal?새로운 창, Pop-upDialog vs Pop-up1. Dialog? Modal?현재 열려있는 페이지에 포함된 창으로 페이지 위에 깔린 '레이어'를 말한다.다이얼로그는..

제대로 알고 쓰자!웹 사이트에 존재하는 수많은 Web Component. 얼핏 보면 비슷하지만 엄밀히 다르다.모두 우리의 필요에 의해 만들어진 것으로 각각의 섬세한 특징과 사용법을 가지는 특별한 존재들이다.이를 분명하게 구분하여 사용한다면 더 깔끔하고 효율적으로 동작하는 웹 사이트가 될 수 있을 것이다.헷갈리는 컴포넌트를 대상으로 분명한 목적과 차이점을 생각해보는 시리즈를 써보고자 한다. 첫 번째 포스팅 대상은 정보 전달의 목적으로 정말 자주 사용되는 Toast와 Snack bar.그리고 같은 목적(정보 전달)을 가진 컴포넌트 Dialog와 시스템의 Alert에 대해서도 간단하게 다뤄보려고 한다.사용자에게 간단한 정보를 전달하기 위한 여러 컴포넌트들을 종합적으로 분석해보자. 다음과 같은 구성으로 진행된다..