📌 문제 3003번: 킹, 퀸, 룩, 비숍, 나이트, 폰 첫째 줄에 동혁이가 찾은 흰색 킹, 퀸, 룩, 비숍, 나이트, 폰의 개수가 주어진다. 이 값은 0보다 크거나 같고 10보다 작거나 같은 정수이다. www.acmicpc.net 📌 내 코드 # 순서대로 킹, 퀸, 룩, 비숍, 나이트, 폰 a, b, c, d, e, f = input().split() # 입력 받은 a~f는 문자이므로 정수형으로 변환 a = int(a) b = int(b) c = int(c) d = int(d) e = int(e) f = int(f) print(a-1, b-1, c-2, d-2, e-2, f-8) 💡 풀이 입력 받은 값에서 기존의 체스말 갯수를 빼주면 된다고 생각했는데 틀렸다. 다시 문제를 읽어보니 내가 간과한 부분이 ..

📌 문제 10869번: 사칙연산 두 자연수 A와 B가 주어진다. 이때, A+B, A-B, A*B, A/B(몫), A%B(나머지)를 출력하는 프로그램을 작성하시오. www.acmicpc.net 📌 내 코드 a, b = input().split() a = int(a) b = int(b) print(a+b, a-b, a*b, int(a/b), a%b) 💡 풀이 채점 결과를 확인하니 예전에 풀었을 때보다 시간이 12ms 더 소모됐다. 그래서 이전 제출 코드를 확인해보니 sep="\n" 을 print()에 추가되어 있었다. 문제에서는 각 연산의 출력 결과를 한 줄에 다 하는 게 아니라 각각 한 줄씩 해줘야 했는데도 정답으로 인정됐다. 혹시 콤마 (,)를 기준으로 자동 줄바꿈이 일어난 건가 싶었는데, 파이참에서 돌..

안녕하세요, 꾸우._. 입니다. 이번에는 프로덕트 설계 시 뼈대가 되는 와이어프레임과 출시 전 제품 시뮬레이션을 위해 만들어지는 프로토타입에 대해 알아보고 정리해보겠습니다. 📌 와이어프레임 (Wireframe) 와이어프레임은 제품을 구성하는 서로 다른 레이아웃을 Lo-fi (Low-Fidelity) 단계로 구현한 것을 의미합니다. 즉, 간단한 모양만을 사용해 인터페이스를 시각적으로 표현한 것을 말한다고 볼 수 있습니다. 그러나 와이어프레임은 실제 완성된 제품과는 전혀 다른 모습입니다. 즉, 디자인적 요소가 포함되기 전 상태이며, 화면 내 인터페이스에서 생략된 부분은 자리 표시자 (X로 표시된 원, 사각형 등)로 나타낸 것입니다. 구조 (페이지 구성 요소 방식), 기능 (인터페이스 동작 방식), 콘텐츠 (..

📌 시작하며 5주차까지 회고록 마무리를 지은 후, 6주차 회고를 쓰려고 했으나..과제를 진행하면서 데이터 분석에서 엄청나게 헤맨 탓에 회고를 놓쳤다...ㅠ 또 미룬 나 자신 정신차려 (챱챱) 일단은 노션 페이지에 기록해둔 내용들을 바탕으로 2주치 회고록을 작성해보겠다. 📌 6주차. 쉽지 않다, 데이터 분석 6주차에 배운 것 중 생각나는 건 '플로우차트'와 '데이터 분석' 이다. 마침 친구와 앱 아이디어 공모전을 준비 중이었는데, 친구가 플로우차트, 내가 와이어프레임을 맡아 작업 중이었던 상황에 당장 필요하다 여긴 부분이었다. 우선 친구가 작성한 플로우차트를 내가 읽어낼 수 있어야 하기에 그런 이유도 있었지만 전에 진행했던 프로젝트에 대해 유저 플로우가 하나도 수립되어 있지 않아서 추가로 작성해둬야 했기 ..

안녕하세요, 꾸우._. 입니다. 이번주에는 웹 랜딩 페이지 분석과 API 분석을 통해 개발 프로세스에 대해 정리해보겠습니다. 분석할 프로덕트는 지난 주차 과제들에서 몇 차례 언급했던 음원 플랫폼 'FLO'입니다. 📌 웹 랜딩 페이지 들여다보기 FLO를 웹에서 접속했을 때 보이는 랜딩 페이지는 아래와 같습니다. 개발자 도구를 통해 본 HTML 구조는 크게 '헤더', '섹션 홈', '푸터', '플레이어' 로 구성된 것을 확인할 수 있었으며, 자세한 구조는 아래와 같습니다. Header Inner FLO 스와이퍼 배너 오늘 발매 음악 오늘 인기 오디오 TOP20 추천 플레이리스트 1 : 오늘 뭐 듣지? 장르 콜렉션 추천 플레이리스트 2 : 노래는 내가 틀게, 넌 운전만 해 Editor's Pick 하단 컨텐츠..

안녕하세요, 꾸우._. 입니다. 이번에는 UX 설계를 위한 정보구조도 (IA), 화면 흐름도 (User Flow) 작성 방법에 대해 알아보고 정리하는 시간을 가져보겠습니다. 📌 IA (Information Architecture) IA는 서비스의 전체적인 구조를 지탱하는 뼈대입니다. 즉, 우리가 사용자에게 제공하려는 정보와 이용에 관한 구조적인 설계를 의미합니다. 즉, 서비스 제공 전, 정보 설계를 구축해 전체 서비스의 구조를 설계함으로써 사용자가 뭔하는 정보를 쉽고 빠르게 찾도록 하는 데 목적을 두고 있다고 볼 수 있습니다. 📌 IA 설계 방법 IA는 서비스 전체를 아우르기 때문에 설계 시 고려해야 할 사항을 외부와 내부로 나눌 수 있습니다. 외부 요소에 대해 먼저 파악한 후 내부 요소를 적용시켜 IA..

안녕하세요, 꾸우._. 입니다. 이번 6주차에는 패스오더의 메인 기능들에 대한 흐름을 알아보고 플로우 차트를 작성하고, 패스오더와 같은 스마트 오더 서비스와 관련하여 데이터를 수집, 분석, 시각화해보겠습니다. 📌 패스오더의 Flow Chart 패스오더의 메인 서비스는 스마트 오더이기 때문에 패스오더의 화면에서 보여지는 주요 기능들을 기반으로 총 3가지 유형의 플로우를 작성하게 되었습니다. [홈] 화면에서 매장 선택 후 주문 [주문내역] 화면에서 통해 기존에 주문했던 메뉴 재주문 [자주 가요] 화면에서 매장을 선택해 메뉴 주문 💡 [홈] 화면에서 매장 선택 후 주문하기 첫 번째로, 사용자가 홈 화면에서 매장 선택 후 주문 시 발생하는 플로우입니다. 위의 플로우를 나눠 확대시켜 보겠습니다. [홈] 화면에서 ..

안녕하세요, 꾸우._. 입니다. 이번에는 좋은 UX를 위한 제품 개선 시 고려할 요소들에 대해 알아보겠습니다. 📌 제품 개선 시 생각해 볼 요소 제품/서비스에 있는 문제를 발견하고 개선하기 쉽게 서비스를 아래의 요소들로 분류해 볼 수 있습니다. 💡 콘텐츠 텍스트, 그림, 소리, 동영상 등을 묶어 지칭한 것 콘텐츠는 사용자의 흐름을 해치지 않고 패턴을 분석해 배치 텍스트, 이미지뿐만 아니라 필요한 정보는 동영상으로 더 확실하게 알려줄 수도 있음 지속적인 업데이트도 중요 콘텐츠가 주가 되는 서비스에서 새로운 콘텐츠가 제공되지 않으면 더이상 사용할 필요를 못 느낄 수 있음 💡 정보 서비스 내에서 사용자가 반드시 알아야 하는 정보를 의미 금융 / 쇼핑 / 의료 정보를 제공하는 서비스의 경우 정보가 변경되면 공지..

안녕하세요, 꾸우._. 입니다. 이번 포스팅에서는 요구사항 수집을 위해 VOC 수집 및 분석 과정에 대해 알아보고 정리해보겠습니다. 📌 VOC (Voice of Customer) VOC는 사용자들이 상시적으로 제품과 서비스에 대한 요청을 보내거나 불만을 제시하는 것을 말합니다. 우리가 흔히 볼 수 있는 앱 스토어 리뷰나 서비스 내 문의 게시판 또는 콜센터 등의 채널로 유입됩니다. PM은 VOC를 받아 일정 기간을 두고 정리합니다. 이를 주기적으로 수집∙분석하여 문제 해결의 방향을 잡거나 결정적 실마리를 찾아낼 수 있습니다. 📌 VOC 가 중요한 이유 VOC를 얻기 위해 올바른 도구, 전략을 사용하면 앱을 사용하는 여정의 모든 지점에서 사용자의 요구를 충족시킴으로써 고객 여정 전반에 걸쳐 좋은 CX (Cu..