[실전 프로젝트] UX Flow / 와이어 프레임 / API

1. UX Flow

[12.22 (목)] 임민영 튜터님 피드백

타겟은 최대한 넓게 설정하여 시작 → 수면

www.notion.so

2. 와이어 프레임

Figma

Created with Figma

www.figma.com

3. API

API

A new tool for teams & individuals that blends everyday work apps into one.

www.notion.so

+ 리액트에서 음성 녹음하기

react로 음성 녹음 기능을 구현해보자

갑자기 왜? 친구들과 프로젝트를 하던 중, 음성녹음 기능을 필요로 하는 웹을 구현하게 되었습니다...

velog.io

+ 음악 반복 재생 하기

Javascript: Audio 사운드 하나를 연속하여 반복/중복 재생하는 방법

Audio객체는 play()가 호출되어 재생이 시작 되면, 끝까지 재생이 완료되기 전에는 반복 호출하여 재생할 수 없다. 아래 코드는 for문으로 Audio객체.play()를 10회 반복 호출하지만, 브라우저에서 실행

curryyou.tistory.com

+ 리액트에서 챗봇 만들기

[무료] 따라하며 배우는 노드, 리액트 시리즈 - 챗봇 사이트 만들기 - 인프런 | 강의

이 강의를 통해서 Google에서 제공하는 API를 사용해서 챗봇을 만들어 볼 수 있습니다., 챗봇 웹앱을 만들면서 익히는 노드 + 리액트! 📝 강의 소개 안녕하세요 ^ ^ 이 강의에서는 리액트와 노드를

www.inflearn.com

+ 버블 차트 (워드 클라우드)

CirclePacking

Supercharged React dataviz components, built on top of d3js.

nivo.rocks

+ PWA에서 푸시 알림 기능

알림과 푸시를 사용해 PWA를 재참여(re-engageable)가능하게 만드는 방법 - 프로그레시브 웹 앱 | MDN

앱을 오프라인에서 동작하도록 컨텐츠를 캐싱하는 능력은 훌륭한 기능입니다. 사용자가 홈 화면에 웹 앱을 설치하도록 허용하는 것은 더 좋습니다. 하지만, 사용자의 동작에 의존하는 대신 푸

developer.mozilla.org

[실전 프로젝트] 푸쉬 알람 여부 (0)	2021.12.27
[실전 프로젝트] API 설계, 기능 자료 조사, 프로젝트 기본 틀 잡기 (0)	2021.12.24
[실전 프로젝트] 주제 회의 / UX Flow (0)	2021.12.22
[실전 프로젝트] Geoloacation, 카카오 Map API, PWA, 프론트엔드 규칙 (0)	2021.12.21
[실전 프로젝트] 와이어 프레임/진행 방향 수정, Git 세팅 (0)	2021.12.20