본문 바로가기

전체 글64

쿠키, 세션, 캐시, 토큰, 웹스토리지(로컬, 세션) 😵‍💫 쿠키, 세션, 로컬스토리지 모두 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.
왜 애플은 내 비번은 13일 뒤에 바꾸게 해줄까 3월 첫번째 월요일까지 야무지게 월차를 쓰고 출근한 화요일. 출근하자마자 지난주 나의 행동을 반성하게 됐다. 나는 왜 노트북 비밀번호를 바꿨을까? 솔직히 말하면 바꾼 비밀번호를 잊어버린 것은 미필적 고의에 가깝다 인정한다. 바꾸는 순간 생각을 했던거지, 나는 이걸 잊을 것 같다는 걸 그리고 직장인의 덕목 중 하나라 생각하는 '메모'를 잊을 것 또한 나의 큰 실수이긴 하다. 하지만 사람이 휴가를 다녀오면 그 정도는 잊을 수 있는것 아닌가? 물론, 비밀번호야 잊을 수 있지 하지만 아무리 로그인을 자주 안했다 해도 애플 계정 비번은 적어놨어야 한다고 본다. 이제와 내 탓을 하며 후회해봤자 무엇하나 이미 벌어진 일인 것을. 출근한지 30분도 안되서 Mac OS를 사용하는 사람이 해서는 안되는 행동 1위인 비밀번.. 2024. 3. 12.
반응형을 어떻게 잡는 게 효과적일까 (반응형 기준점) 프로젝트 도중 반응형 기준점을 잡는 과정에서 명료하게 작업하지 못해 뒤늦게 반응형 기준점을 공부해 적어두려 한다. 반응형 기획 시 화면별 주의요건 - 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.
첫 프로젝트 기획을 마치고 최근 회사 홈페이지 제작을 맡아서 진행했다. 처음 진행하는 협업이라 우당탕탕인데 이번에 확실히 느낀 것은 내 기획서를 협업자들이 안본다는 것 그리고 처음 잡아줘야 하는 부분이 생각보다 많다는 것 내 기획서를 협업자들이 안본다? 이게 뭐냐면 내 기획서가 잘 못되거나 별로라서 안보는 게 아니라 그냥 사람들은 다른사람의 글을 안 읽는다. 내가 아무리 기획서에 세밀하게 적어놔도 디자이너, 개발자는 안보고 대충 최종 화면 그려진 것만 보고 작업한다. 결국 기획과 다르게 구현된 부분을 찾아내는 것도 내 몫이고 그걸 수정해달라 요청하는 것도 내 몫이다. 기획서에 써져있는데 혼자 상상하고 추측해서 구현해놓은 화면을 보면, 기획자는 답답해요~ "선생님 마음대로 작업하실거면 기획자가 왜있어요~ 혼자 다 하시죵~^^" 라고.. 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.
[부스러기] 포스타입 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.

티스토리툴바