profile
Always Awake
post-thumbnail

#52.TIL | 서비스 제품 설계

정보구조도, Information Architecture의 앞글자를 따서 부르는 UX용어서비스 구축 시 기본 설계 구조도이며, 일종의 사이트맵 형식을 구체화한 문서서비스의 기능들이 어떻게 구성되어 있는지, 화면의 상하구조 파악에 도움을 줌계층 패턴 주로 웹서비스탭

2022년 8월 31일
·
0개의 댓글
·
post-thumbnail

#51.TIL | 서비스 요구사항 정의, 프로젝트 일정관리, QA, 오픈, 회고 방법론

기획하는 단계에서 ‘왜 이 제품 / 서비스를 만들어야 하는가?’에 중점을 둔 문서각 이해관계자들의 과점 차이를 해소, 기획한 의도 및 주요기능을 유관부서 등에게 명확하게 전달하는 문서개요기회 및 임팩트시장에서 서비스가 어떤 영향을 주는지(데이터)제품 정의 및 요구사항,

2022년 8월 31일
·
0개의 댓글
·
post-thumbnail

#50.TIL | 서비스 기획, 목표 설정, 제품 로드맵

고객 니즈 파악국내외 시장조사, 비슷한 서비스 벤치마킹고객 트렌드 분석서비스 추진 배경, 목적 및 목표 설정PRD 작성 (제품 요구사항 정의서) \- 리서치 자료, 담당자, 제품의 주요 기능명, 설명 리스크 검토 진행 (법적, 개인정보 등의 이슈 확인)서비스 정책, 프

2022년 8월 31일
·
0개의 댓글
·
post-thumbnail

#49.TIL | UI/UX Case Study - 쇼핑 앱(지그재그 vs 하이버)

2015년 6월 출시, 6500곳 이상의 스토어 입점중동대문 의류를 판매하는 쇼핑몰을 기반으로 성장출시 이후 누적 거래액은 3조원 이상, 누적 다운로드는 3500만건2021년 카카오 인수, 여성 패션 플랫폼 최초로 2021년 연 거래액 1조원을 돌파MAU 370만명20

2022년 8월 28일
·
0개의 댓글
·
post-thumbnail

#48.TIL | UI/UX Case Study - 음악 서비스 앱(Spotify vs Naver Vibe)

UX는 사용자의 문제 해결여정에 초점, UI는 제품 표면의 모양과 기능에 초점 (구글 프로덕트 매니저, 켄 노턴)UI(User Interface)사용자가 제품/서비스를 사용할 때 마주하게 되는 시각적인 부분폰트, 컬러, 레이아웃, 로고 등의 요소를 말함UX(User

2022년 8월 23일
·
0개의 댓글
·
post-thumbnail

#47.TIL | 사용자 & 서비스 분석 (UX 리서치, 페르소나, 저니맵)

제품에 대한 시장의 반응 및 선호도를 조사하는 것에서 더 나아가 사용자들의 행동과 태도를 관찰하고 문제 해결방법의 근거를 찾아서 실질적인 해법을 찾는 것을 의미정성적 리서치 -> why?사용자 인터뷰, 포커스 그룹 인터뷰(FGI), 필드 스터디 등정량적 리서치 -> H

2022년 8월 20일
·
0개의 댓글
·
post-thumbnail

#46.TIL | 문제발견, 제품의 차별화 및 기회 창출

→ 시작은 고객의 페인포인트를 해결하는데 있다.서비스에 맞는 별도의 체계와 기준을 마련하여 페인포인트 분석 필요고객여정지도(Customer Journey Map)데이터분석(텍스트분석) 방법 활용분류 분석: 제품 및 속성에 대한 분류 체계를 마련하여 분석하는 방법감성 분

2022년 8월 17일
·
0개의 댓글
·
post-thumbnail

#45.TIL | PM의 전문성, Product People(제품인)

테크니컬리스트 PM기술혁신을 통해 사용자의 니즈를 충족시키는데 관심신기술 중심 산업제너럴리스트 PM대부분이 여기에 속함사용자의 문제해결과 사용자 경험에 관심주된 과제는 growth(데이터와 가설, 실험을 중심으로 한 실질적인 성장. 스케일링이라고도 함)지표를 드라이브하

2022년 8월 17일
·
0개의 댓글
·
post-thumbnail

#44.TIL | 일잘러 PM의 조건(문제해결, 시각화, 책임감)

문제해결(Responsibility)시각화(Skill)책임감(Attitude)즉, 내게는 문제를 해결할 책임이 있다. 모호한 문제를 명확히 밝히고 해결책을 모색하기 위해서는 이를 스스로 시각화 할 수 있어야 한다.액션아이템을 구체적으로 정의낼 수 있어야 하고, 즉답이

2022년 8월 17일
·
0개의 댓글
·
post-thumbnail

#43.TIL | 프로덕트 매니저가 하는 일, 팀에서의 위치

추상적인 컨셉에서 구체화되어 실행과 운영으로 진행“미니 CEO” - CEO는 회사와 조직, 사업 전반을 경영, pm은 제품을 중심으로 프로덕트 전체를 경영(하지만, 프로덕트와 관련한 모든것에 관여)→ 프로덕트의 정의와 규모에 따라 달라짐sales팀, product팀,

2022년 8월 17일
·
0개의 댓글
·
post-thumbnail

#42.TIL | 프로덕트 매니저직무

서비스 기획자프로덕트 매니저(PM)프로덕트 오너(PO)UI/UX 기획자프로덕트 디자이너프로젝트 매니저(PM)프로그램 매니저(PM)사용자와 고객입장전략 방향 제시고도화A부터 Z까지데이터를 기반으로커뮤니케이션서비스 플로우 설계 및 UI/UX주도, 리드즉, 프로덕트의 가치를

2022년 8월 17일
·
0개의 댓글
·
post-thumbnail

#41.TIL | localStorage사용하여 DataGrid Column저장 & 로딩할때 props Column과 비교하여 업데이트해주기 (feat. storybook)

위 화면과 같이 DataGrid의 default column순서를 변경 시켜 내가 중요하다고 생각되는 정보의 순서만 보고 싶은데, 새로고침했을때 다시 default 순서로 돌아간다면 사용자에게 하여금 매우 불편한 경험을 느끼게 해준다.(매번 똑같은 정렬을 해야 하니)그

2022년 4월 30일
·
0개의 댓글
·
post-thumbnail

#40.TIL | 📊 React Apex Chart 종류, 데이터 타입, 사용법 정리

1. 📊 React Apex Chart ApexCharts is a modern charting library that helps developers to create beautiful and interactive visualizations for web pages.

2022년 4월 24일
·
0개의 댓글
·

#39.TIL | 리액트 상대 경로 탈출하기(Craco)

리액트에서 페이지를 만들다 보면 여러 컴포넌트들과 recoil을 사용한다면 atom을 import해와야 한다. 그렇게 파일의 규모가 방대해지다 보면 위와 같이 수 많은 ../ 으로 이루어진 import 지옥을 경험할 수 있다. 만약, 리팩토링 등을 이유로 파일의 위치가

2022년 2월 24일
·
0개의 댓글
·
post-thumbnail

#38.TIL | Component 성능 최적화(React.memo)

데이터의 양이 많아지면 렌더링하는데 시간이 많이 걸리고 애플리케이션이 느려지게 된다. 이러한 경우에는 컴포넌트 성능 최적화를 통해 렌더링 시간을 단축 시킬 수 있다.자신이 전달받은 props가 변경될 때자신의 state가 바뀔 때부모 컴포넌트가 리렌더링될 때forceU

2022년 2월 10일
·
0개의 댓글
·
post-thumbnail

#37.TIL | React Testing, TDD

Test 내가 작성한 코드가 잘 작동하는지 검증하는 작업. 의도대로 잘 동작하는지 직접 일일히 마우스로 클릭하고, 키보드로 입력하여 확인할 수 있지만 모든 기능을 다 확인하는것은 사실상 어려움.(모든 기능 작성 및 테스트 완료 후 수정사항이 생길때마다 test를 해야

2022년 2월 10일
·
0개의 댓글
·
post-thumbnail

#36.TIL | Immer

기존 리액트에서 배열이나 객체를 업데이트 해야 할때는 직접 원본을 수정하면 안되고, 아래와 같이 불변성을 지켜주면서 업데이트를 해주어야 했다.배열도 마찬가지로 push, splice 등 원본을 바꾸는 메서드가 아닌 concat, filter, map 등 새로운 배열을

2022년 2월 7일
·
0개의 댓글
·

#35.TIL | MVC & Flux Architecture

controller, model, view로 구분이 됨.View:사용자에게 보여지는 요소들(컴포넌트, JSX 등)Model: 데이터들을 정의하고, 관리하는 요소들(state 등)Controller: client에서 이벤트 등이 발생하면 Model의 데이터를 변경하는 요

2022년 2월 6일
·
0개의 댓글
·
post-thumbnail

#34.TIL | Debouncing

이번 프로젝트에서 검색창을 통한 filtering을 구현하였다. onChange가 일어날때마다 이벤트가 일어나는 target의 값을 recoilState에 업데이트 시켜줬다. 물론, 값이 입력될때마다 api와 통신은 하지 않았지만, 만약 데이터양이 방대해져 입력값을 통

2022년 1월 17일
·
0개의 댓글
·
post-thumbnail

#33. TIL | forEach, Object.keys(), Object.values()

위와 같은 데이터를 사용하여 industry비중을 나타내는 pie Chart를 구현하는 중에 series를 weight(비중)으로, 또 labels를 industry로 사용하니 위와 같이 중복되는 label들도 따로 표현되는 문제가 생기게 되었다. 그래서 내가 위 데이

2022년 1월 13일
·
0개의 댓글
·