[인스타그램 클론코딩] 관련 포스트 목록

★ 채팅기능 추가: [인스타그램 클론코딩] 채팅기능 추가 ★

개요

[Lambda + Prisma2+리액트] 인스타그램 클론 코딩

[인스타그램 클론코딩] 카테고리별 설명 범위

소스코드

• 웹 (리액트)
• 앱 (리액트 네이티브)
• 백앤드
• Cognito Pre-SignUp 이벤트 핸들러

인증

• [인스타그램 클론코딩] 회원가입 구조
• [인스타그램 클론코딩] API 인증 구조
• AWS Amplify란?
• Amplify 초기화
• Cognito 소셜 로그인 추가 (이론)
• Cognito 소셜 로그인 추가 (실전) - 구글
• Cognito Pre-SignUp 트리거
• 서버리스 프레임워크란?
• 서버리스 프레임워크 초기화 및 AWS에 연결
• [인스타그램 클론코딩] Cognito Pre-SignUp 람다 함수
• AWS Lambda 핸들러 구조

리액트

• [인스타그램 클론코딩] 웹 로그인 구조
• [인스타그램 클론코딩] AuthContext
• [인스타그램 클론코딩] 웹 회원가입 구현
• [인스타그램 클론코딩] 웹 로그아웃 구현
• [인스타그램 클론코딩] 웹 로그인 구현
• [인스타그램 클론코딩] 웹 구글 로그인 구현
• [인스타그램 클론코딩] 웹에서 백엔드로 Cognito 토큰 전송

리액트 네이티브

• [인스타그램 클론코딩] 앱 로그인 구조
• [인스타그램 클론코딩] 앱 회원가입 구조
• [인스타그램 클론코딩] 앱 회원가입 구현
• [인스타그램 클론코딩] 앱 로그아웃 구현
• [인스타그램 클론코딩] 앱 로그인 구현 (구글 로그인 포함)
• [인스타그램 클론코딩] 앱에서 백엔드로 Cognito 토큰 전송
• ★ [인스타그램 클론코딩] 댓글 UI 구현1 - 여러가지 대안들.. 그리고 문제점
• ★ [인스타그램 클론코딩] 댓글 UI 구현2 - 스택 네비게이션을 이용한 댓글 입력창
• ★ [인스타그램 클론코딩] 댓글 UI 구현3 - 원하는 컴포넌트 위치로 스크롤
• ★ [인스타그램 클론코딩] 사진 업로드 구현1 - SelectablePhoto
• ★ [인스타그램 클론코딩] 사진 업로드 구현2 - AWS S3에 비동기 업로드 (Promise 이용)

백앤드

• 서버리스 GraphQL 백앤드 구성
• 서버리스 GraphQL 백앤드 구축
• Cognito ID 토큰 복호화
• [인스타그램 클론코딩] 사용자 인증 & GraphQL Context 활용
• Prisma란?
• Prisma2 설치 (CLI, 클라이언트)
• Prisma1 vs Prisma2 비교
• GraphQL with Prisma2 설계 구조
• Prisma2 데이터 모델링1 - 1:1 Relation
• Prisma2 데이터 모델링2 - 1:N Relation
• Prisma2 데이터 모델링3 - Self Relation
• [인스타그램 클론코딩] Prisma2 데이터 모델링
• Prisma2 CLI를 사용하여 데이터베이스 테이블 생성
• Prisma2 클라이언트 생성
• [인스타그램 클론코딩] GraphQL 데이터 모델링
• GraphQL 데이터 모델링 도구 (@graphql-tools, schema-marging)
• [인스타그램 클론코딩] Prisma2를 활용한 GraphQL Resolvers
• [인스타그램 클론코딩] createAccount
• [인스타그램 클론코딩] toggleLike
• [인스타그램 클론코딩] toggleFollow
• [인스타그램 클론코딩] upload