본문 바로가기

Programing/TIL85

2024-07-17 최종 프로젝트 기획 아이디어 스케치 주요 여행 앱 온보딩 전략주요 여행 앱의 온보딩 전략.pdf사례1. HOPPER의 3장 튜토리얼 온보딩사례2. AIRBNB의 추천인 혜택 온보딩10가지 유저 온보딩 질문 전략Travel Agents의 Ask To Imporve Client Onoarding 전략 원문Have you used a travel agent before? :: 이전에 여행 앱을 이용해보신 적이 있나요?이용해본 적이 있다면 그 서비스에서 이탈하고 넘어온 것일 수 있으니 해당 앱에서의 불만 요소를 판단해서 잠재적 위험 요소를 제거해주어야 함.How many people are coming and what are their ages?몇 명이 참석하고, 연령대는 어떻게 구성되길 원하나요? -> 파티 추천 알고리즘에 직접적으로 연결 가능.. Programing/TIL 2024. 7. 18.
2024-07-16 User Flow Chart 부트캠프 과정에서 User Flow를 처음 경험해보았다.UI/UX 디자이너와 함께 협업을 하면서 처음 접하게 된 개념인데, 사용자가 앱의 어디에서 시작해서 앱의 사용을 종료할 때까지 앱의 다양한 기능과 화면을 통해 어떤 흐름으로 페이지와 기능을 이용하는지 관계도를 나타내는 것이다. 사실 지금까지 웹 사이트를 제작하면서 이 user flow를 고려해가면서 페이지 구성을 하지는 않았다. 그러나 웹 사이트의 정형화된 패턴에서 크게 벗어나지 않게 제작했기 때문에 이 user flow를 후에 작성하더라도 큰 문제는 없었을 것이다. 하지만 user flow를 고려하면서 '분기'도 명시하면서 유저와의 인터렉션도 고려하게 되었다. 또한 user flow를 작성하다 보니 라우트 구조까지 머릿속에 그려졌는데 인증/인가와 .. Programing/TIL 2024. 7. 16.
2024-07-12 Next.js 팀프로젝트 회고(readme) 실제 서비스가 아니라, 토이 프로젝트입니다.글에서 등장하는 인물들은 모두 관련 없는 연예인이며 그저 왕팬입니다.Indie N Bob프로젝트 소개배포 링크어떤 사이트인가요?타인의 자본(제작자의 자본)에 종속되지 않고, 자신의 돈으로 직접 앨범을 제작하고, 홍보 역시 자신의 돈으로 하는 등 독립적으로 활동하는 뮤지션인 인디밴드가 본인의 공연 및 앨범을 홍보하고 사용자들은 본인이 좋아하는 곡, 밴드, 좋았던 공연을 공유하는 커뮤니티 사이트 입니다.사이트 이름인 Indie-N-Bob 인디씬의 싱어송라이터, 밴드 가수들이 밥 걱정 없이(경제적 걱정 없이를 은유적으로 표현) 음악 활동을 이어나갈 수 있도록, 공연 정보를 공유하고, 팬들이 직접 가수를 추천하여 널리 알려질 수 있도록 돕는 커뮤니티를 표방하기 위해 작.. Programing/TIL 2024. 7. 13.
2024-07-11 Next.js 마이페이지 구현 로직 폴더구조```📦 .eslintrc.json.gitignore.vscode│  ├─ extensions.json│  └─ settings.jsonREADME.mdcomponents.json├─ next.config.mjs├─ package.json├─ postcss.config.mjspublicGallery_View_icon.svg├─ src│  ├─ app│  │  ├─ (provider)│  │  │  ├─ (root)│  │  │  │  ├─ auth│  │  │  │  │  ├─ login│  │  │  │  │  │  └─ page.tsx│  │  │  │  │  └─ signup│  │  │  │  │     └─ page.tsx│  │  │  │  ├─ concerts│  │  │  │  │.. Programing/TIL 2024. 7. 12.
2024-07-11 supabase를 클라이언트-서버 컴포넌트에서 사용할 때 클라이언트를 계속 생성해야 하는가? Next.js는 서버 컴포넌트와 클라이언트 컴포넌트 둘 다 지원하는 프레임워크이다. 보통 React.js를 배우고 나서 Next.js로 넘어 가게 될 텐데 매우 혼란스러운 개념이 생긴다.리액트는 기본적으로 클라이언트 컴포넌트이기에, 내가 지금 구현한 페이지의 렌더링 방식이 어떤 것인지 고민할 필요가 없어서 리액트를 배우는 과정에서도 이를 다루진 않는다. 하지만 SSG를 만들어내서 SEO에 유리한 서버 컴포넌트도 작성할 수 있는 Next.js로 넘어 오면서, 기존 리액트에서 쓰던 방식을 그대로 써도 되는 게 있고 안 되는 것이 생기면서 초심자 입장에서는 머리가 복잡해진다. 그 중 하나가 supabase를 세팅하는 부분이 상당히 복잡해졌다는 것인데, 클라이언트, 서버, 추가로 미들웨어까지 세팅을 해주어야 한.. Programing/TIL 2024. 7. 11.

티스토리툴바