본문 바로가기

Product 💙17

쿠키, 세션, 캐시, 토큰, 웹스토리지(로컬, 세션) 😵‍💫 쿠키, 세션, 로컬스토리지 모두 key-data 저장소데이터 저장 기한이 다르다. 웹 스토리지는 브라우저에서 데이터를 클라이언트 측에 저장하는 기술. 로컬 스토리지 : 웹 페이지의 데이터 저장의 영구성 보장 (자동 로그인)브라우저 종료, 재부팅에도 유지되며 로컬 스토리지에 저장된 데이터는 도메인 별로 구분되고 자바스크립트로 통해 접근할 수 있다. 세션 : 웹 브라우저나 탭ㅇ 꺼지면 사라지는 데이터 (은행 로그인, 비로그인 장바구니)서버측에서 사용자의 상태를 관리한다. 클라이언트가 서버에 접속하면 서버는 클라이언트에게 고유 ID를 부여하고해당 클라이언트의 데이터를 서버에서 관리한다. 주로 사용자 인증정보를 저장하거나 클라이언트의 상태를 유지하기 위해 사용한다.서버에 데이터가 저장되므로 보안에 좋지만 데이터.. 2024. 8. 7.
[번역] 구글 검색이 8% 떨어졌다. PM은 어떻게 해야 할 원문 Medium | There is an 8% drop in Google Search. What would you do? PM Interview Question → There is an 8% drop in Google Search. What would you do? Recently, there has been an 8% drop in Google Search — a significant fluctuation considering the colossal user base that relies on this… rohitverma141.medium.com 원활한 문장 흐름을 위해 약간의 오역 또는 초월번역이 있을 수 있습니다. 명확한 내용은 원문을 확인하시기를 바랍니다. 최근 구글 검색에서 8%의 하락이 있.. 2024. 4. 3.
반응형을 어떻게 잡는 게 효과적일까 (반응형 기준점) 프로젝트 도중 반응형 기준점을 잡는 과정에서 명료하게 작업하지 못해 뒤늦게 반응형 기준점을 공부해 적어두려 한다. 반응형 기획 시 화면별 주의요건 - IA 정보구조가 나와있어야 한다. - 모바일/PC 중 어느것이 우선인지 정해야 한다. - 가변단계 정의 (아래 표 참고) - 가변단계에 따른 화면 레이아웃 정의 - 가변 단계에 따른 UI 변동사항 정의 (이미지, 폰트, 아이콘, 링크, 그리드, 가독성, 터치행위(손,펜)) 기준점은 화면에 맞춰 즉각 변화하기보다 중간값을 잡아서 약간의 변수도 커버할 수 있도록 하려한다. width 기준 (min 작업 / max 여백) min max M 300 459 T 460 939 L 940 1399 D 1400 Title Device Responsive width hei.. 2024. 1. 25.
Jira 개념, 이걸 어떻게 써야하나 회사에 지라를 도입하기로 결정하였으므로 공부할 겸 지라 개념과 간단한 내용을 적어보겠다. 우선 지라는 이슈트래킹시스템으로 이슈를 만들고 이를 추적하면서 진행도를 파악할 수 있는 도구이다. 지라에서 프로젝트보다 상위 개념은 도메인 도메인은 처음 가입하고 시작할 때 만들게 된다. 도메인은 하나의 큰 파일함이고 그 안에 프로젝트라는 서류뭉치들을 여러 개 담을 수 있다. 프로젝트는 이슈(Issue)라는 개념을 기본단위로 사용한다. 이슈는 에픽 - 스토리 - 작업(Task) - 버그 - 세부작업(Sub-task)로 기본적으로 나누는데 나는 에픽이 최상위 개념으로 프로젝트, 로드맵의 가장 큰단위의 작업. 즉 큰 그림 정도로 이해했다. 에픽 아래로 이슈 크기에 따른 계층 구분이 생기는데 에픽을 이루기 위해 수행되어야.. 2024. 1. 25.
적당히 입털기 좋은 UX/UI 법칙 UX/UI의 10가지 심리학 법칙(도서) 제이콥의 법칙 사용자는 이미 알고 있는 방식으로 작동하길 바란다. 피츠의 법칙 대상에 도달하는 시간은 대상까지의 거리-크기와 함수 관계에 있다. 모바일은 엄지손가락이 이동할 수 있는 영역에 중요한 것을 두어야 한다. 힉의 법칙 의사결정에 걸리는 시간은 선택지의 개수와 복잡선과 비례해 늘어난다. 밀러의 법칙 사람은 작업기억에 7(+- 2)개의 항목밖에 저장하지 못한다. 정보 제공은 한번에 5개 이하로 해야 한다. 포스텔의 법칙 자신이 행하는 일은 엄격하게, 남의 것을 받아들일 때는 너그럽게. 피크엔드 법칙 인간은 경험 전체의 평균,합계가 아니라, 마지막 결정적인 순간의 감정을 바탕으로 경험 전체를 판단한다. 심미적 사용성 효과 보기 좋은 디자인은 사용성이 뛰어나다 .. 2024. 1. 10.
피그마로 원형차트 도넛차트 만드는 법 맨날 원형차트 만들려고 원 그리고 나 혼자 계산해서 퍼센트 따져서 줄긋고 삽질만 했었는데 이번에 완전 쉽고 빠르게 차트 만들 수 있는 방법을 알게 됨 귀중한 정보는 유튜브 '루씨의 UXUI 디자인' 채널에서 알게 되었다. 1. 플러그인 '차트메이커 chart maker' 바, 라인, 원, 스캐터, 레이더 형식의 차트를 만들 수 있다. 2. 플러그인 'nb chart' nb차트 플러그인도 차트메이커 처럼 차트를 만들 수 있다. 3. 직접 만들기 일단 원을 그린다. 원을 선택하면 표시처럼 Arc 라는 포인터가 생긴다. 이걸 선택해 드래그 하면 오른쪽 사진처럼 원이 갈라진다. 갈라진 원은 nn%가 나오므로 대충 값을 맞출 수 있다. 도넛차트를 만들고 싶다면 원 가운데 Ratio를 잡고 이동하면 원 가운데가 뚫.. 2023. 12. 12.
팝업 그리고 모달의 종류 학교를 다니기 시작할 때부터 컴퓨터를 써온 사람으로 '팝업' 이라는 단어는 흔히 들어왔지만 '모달' 이라는 단어는 개발공부를 처음 시작하면서 듣게 되었다. 그것도 팀플 첫날. '방 개설할 때 모달로 띄워서 하면 되지 않을까요?' '그럼 모달은 찬란님이 만들어 보시겠어요? 어렵지 않아요' 분명 팀원들은 날 배려해 쉬운 부분을 떼어준 것인 것 같은데 '모달? 그게 몽데... 내가 아는 건 모발모발 뿐인데...' 어떻게 저떻게 팀원들의 진행과정을 보면서 '아 모달이 팝업같은 거구나' 하고 알았을 뿐 정확한 정의를 알지는 못했다. 이후 기획자로 전향하면서 자연스럽게 화면설계서에 필요한 요소들을 설명하기 위해 그리고 디자이너-개발자와 소통하기 위해 page 이외의 요소들에 대해 한번은 스스로 정의해 둘 필요가 있.. 2023. 12. 11.
자바스크립트로 구글 기사 100개 크롤링하기 (VSC, JS, .xlsx) 서비스 분석하면서 꽤 많은 기사를 찾아보게 된다. 특히 과제를 진행할 때는 매주 몇 십 개의 기사를 찾고 읽고 정리하다 보니 자연그럽게 쉽고 빠르게 기사를 모으는 방법을 찾게 되었다. 그때마다 '크롤링을 해볼까?' 하는 생각이 들었지만 쉽게 설명해주는 글들을 막상 따라해보면 이렇게 조금 바꿔보고 싶고, 이게 추가되면 좋겠고 하는 것들이 있어서 n차례 시도해보다가 결국 내가 그냥 간단한 버전으로 GPT랑 만들었다. 나는 원래 갖고있던 VSC를 이용했고 javascript 로 코드를 짰다. 확실히 아직 파이썬보다는 자바스크립트가 눈에 익어서 편하다. 처음에 다른 능력자들의 코드로 만들 때는 엑셀로 결과물을 저장했는데 중간에 오류가 생겨도 파일을 열어봐야 결과 확인이 가능해서 .txt 파일로 만들고 바로바로.. 2023. 11. 7.
목표지표를 위한 KPI & OKR 설정 # OKR 이란? OKR (Objective and Key Result) 의 약자로 ”목표 및 핵심 결과 지표“ 라고 한다. 조직 차원에서 목표를 설정하고 그 결과를 추적하기 위해 사용하는 방법. Objective는 기간 동안 팀 또는 개인이 달성하고자 하는 목표. Key Result는 목표 달성 여부를 파악하기 위한 4~5가지의 정량적 결과를 의미. 목표와 목표를 달성했다고 판단할 수 있는 지표를 수립하여 지표 달성을 위해 노력하는 것. OKR 설정 예시 목표 # 1 : 매출 수익 증대 핵심 결과 # 1 : 계약 달성율 25% 증가 핵심 결과 # 2 : 연평균 구독 수익을 $300에서 $500로 증가 핵심 결과 # 3 : 평균 판매 일수를 20일에서 17일로 단축 목표 # 2 : 브랜드 인지도 향상 핵.. 2023. 11. 2.
[부스러기] 포스타입 POSTYPE 서비스명 : 포스타입 (바로가기) 서비스 설명 : 오픈마켓형 유저 콘텐츠 플랫폼 핵심기능 : 크리에이터의 콘텐츠 업로드, 판매를 위한 후원, 멤버십, 스토어 기능 / 이용자의 콘텐츠 구매 기능 출시일 : 2015-07 MAU 추이 : 매출 : 2021 (2,526,140) / 2022 (2,953,344) 최근 이슈 : 2023-10-05 창작 플랫폼 포스타입 누적 거래액 1천억원 돌파..."폭넓은 수익화 기능을 통해 크리에이터와 팬을 더 잘 이어줄 수 있도록 서비스를 개선하겠다." 2023-02-07 500만 창작 플랫폼 포스타입, 크리에이터 커머스 기능 출시 2022-12-16 국내 웹툰 플랫폼 관심도...네이버, 카카오, 포스타입, 리디 순 2022-12-15 창작 콘텐츠 플랫폼 포스타입, 100억.. 2023. 10. 14.
서비스 기획에서 정보구조(Information Architecture, IA)란 무엇인가? 이전에도 한번 정보구조도 관련 글을 작성했지만 한번 더 정리하자는 의미로 다시 작성한다. (이전 글) IA (Information Architecture) 정보구조도에 대하여 IA (Information Architecture) 정보구조도 에 대하여 1. IA 란 2. IA 작성 목적과 이유 3. IA 작성으로 얻게 되는 효과 4. IA 설계 시 고려사항 5. IA 종류 1. IA 란 IA Information Archutecture 정보구조도 디지털 제품 내의 콘텐츠 구조 및 구성에 중점을 keep-dreaming.tistory.com 정보구조(Information Architecture, IA) 란 서비스 기획의 [설계] 단계에서의 산출물 중 하나. 전체 서비스에 분포된 정보들의 위치와.. 2023. 10. 14.
서비스 기획에서의 분석(Desk Research)이란 서비스 기획을 위한 과정에서 가장 중요한 부분은 데스크리서치 라고 생각한다. 멘토님께서 말씀하신 내용 중 4개월 프로젝트 과정 중 2개월을 데스크리서치에 쏟아붓는다는 말씀을 해주셨다. 그만큼 분석을 통한 인사이트를 뽑아내는 것이 중요하다는 것으로 생각하면 되겠다. 하나의 프로덕트를 분석할 때는 1. 회사의 비즈니스 전략과 비전 분석 2. 프로덕트 자체 분석 3. 서비스가 위치한 시장 분석 4. 서비스 사용자에 대한 분석 5. 타사벤치(벤치마킹) 6. UIUX 트렌드와 프로덕트의 UIUX 비교 분석 이 정도의 분석을 진행할 수 있다. 개인적으로 이중 UIUX 관련 분석은 1~4번 분석을 통해 얻은 인사이트와 개선 방향에 필요하다면 하는 것이 좋은 것 같다. UIUX가 중요하지 않다는 것 아니지만 매번 새로.. 2023. 10. 11.

티스토리툴바