📌 문제 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..

안녕하세요, 꾸우._. 입니다. 이번에는 현업에서 서비스 설계 시 사용하는 디자인 기법에 대해 알아보고 정리해보겠습니다. 앞서 이전에 포스팅한 디자인 씽킹과 더블 다이아몬드 프로세스에 관련해서는 링크를 첨부하니 참고하시길 권장합니다. 11. 디자이너의 관점으로, Design Thinking Process과 Double Diamond Process 안녕하세요, 꾸우._. 입니다. 오늘은 지난 고객 집착에 이어 Design Thinking에 대한 프로세스와 함께 Design Thinking에 항상 함께 따라오는 Double Diamond Process에 대해 다뤄보고 정리해보겠습니다. 📌 Desig jkkou.tistory.com 📌 디자인 씽킹 (Design Thinking) 디자인 씽킹은 디자이너의 관점..

📌 시작하며회고가 필수는 아니지만, 되도록이면 권장한다고 했었다. 그래서 사실 매주 과제 제출한 후에 회고를 써야지 했는데, 과제만 끝내고 나면 녹초가 돼서 늘어지는 바람에 결국 이제서야 첫 회고를 작성한다.제때 쓰진 못해도 그때 당시 생각, 감정 같은 것들은 메모라도 해둘걸 그랬다 싶다. 그렇지만 이왕 이렇게 밀린 거 기억을 회상하면서 주차별로 간단하게 회고를 정리해볼까 한다. 부트캠프 시작 전, 나는 개인적으로 프로젝트 매니저에 대해 공부하고 싶어 인터넷 강의를 수강하는 중이었다. PM이라는 직군으로 취업을 희망하게 된 것은 작년 하반기에 참석했던 웹 개발 부트캠프에서였다. 모든 개발 프로젝트 마무리 후, 마지막 주에 취업 준비와 관련된 활동을 하면서 1:1 비대면 멘토링 활동을 했었다. 그 때 포..

안녕하세요, 꾸우._. 입니다. 이번주에는 패스오더를 분석하면서 선정한 MVP를 바탕으로 A/B 테스트 계획을 세워보겠습니다. 📌 시작 전 워밍 업 지난 과제에 이어 워밍 업 프로덕트로 다시 플로를 선택했습니다. 지난 주 UX 개선점을 정리했으나, 다소 주관적이었던 점을 고려해 해당 프로덕트를 다시 찬찬히 훑어보았는데요. 그 때 플로가 제공하는 서비스에 대한 몰랐던 사실을 알 수 있었습니다. 그래서 해당 프로덕트를 조금 더 깊게 들여다보고 싶어 선정하게 되었습니다. 💡 FLO의 각 Funnel 플로에서의 퍼널은 사용자가 어떤 서비스를 사용하느냐에 따라 크게 2가지로 나뉩니다. 스트리밍 서비스 사용자 회원가입 → 첫 달 100원 → 유료 구독 → 제휴 통신사 회원 유도 → T 멤버십 고객 한정 6개월 30..