https://github.com/yym1623/instagram

인스타그램 클론코딩
https://github.com/yym1623/instagram

express mysql vite vue3

Last synced: 24 days ago
JSON representation

인스타그램 클론코딩

• Host: GitHub
• URL: https://github.com/yym1623/instagram
• Owner: yym1623
• Created: 2022-11-17T05:33:22.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-08-07T02:50:04.000Z (5 months ago)
• Last Synced: 2024-11-05T20:18:49.217Z (2 months ago)
• Topics: express, mysql, vite, vue3
• Language: Vue
• Homepage: https://y-instagram.netlify.app
• Size: 1.63 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

[![npm](https://img.shields.io/npm/v/standard.svg)](https://www.npmjs.com/package/npm-auto-version)

![vite](https://img.shields.io/badge/Vite-646CFF)

![vue](https://img.shields.io/badge/Vue3-4FC08D)

![Node.js](https://img.shields.io/badge/Node.js-339933)




인스타그램 ([DEMO](https://y-instagram.netlify.app))

![image](https://github.com/yym1623/instagram/assets/43946794/15304330-3677-4ada-8b91-9b51d58ec33f)

토이 프로젝트(FrontEnd - 윤영민)

프로젝트 기간 : (2022.12 ~ 2023.02)

## 목차

* 개발도구

* 프로젝트 소개

  * 시나리오

  * 프로젝트 목표

  * 요구사항

  * 기타설정

* 이후의 계획

## 개발도구

* FrontEnd - Vue3 (vite)

* BackEnd - node(express)

* DataBase - MySQL

* server - AWS EC2

## 프로젝트 소개

> #### 시나리오

인스타그램에 대한 디자인 및 기능들을 그대로 재현해본다

> #### 프로젝트 목표

큰 웹에 대한 기능들을 그대로 만들면서 여러 기술들을 습득한다 (socket으로 실시간 채팅기능도 구현하기 위해 실제 웹서버에 배포해본다 - aws)

> #### 요구사항

* 라우터 및 컴포넌트 단위로 페이지를 구성한다

* 반응형으로 (PC, Teblet, Mobile) 구성한다

* axios로 node쪽에서 api와 통신해서 데이터를 가져온다

* aws 및 aws 데이터베이스를 사용해서 데이터도 직접 적재한다

* socket, 데이터베이스, 서버(aws), node(express) 백 구현

> #### 기타설정

* 데이터는 vuex를 이용해서 관리한다 -> 진행중

## 이후의 계획

이번에 만든 프로젝트에는 여러 기술들이 들어간거와 백쪽에서도 cors, session, .env 등등 여러 기술들도 맛 볼수 잇었다

반응형 디자인 및 디자인에 대한 퍼블 기술도 조금이나마 는거 같아서 만족을 했다

이후에도 여러 많이 사용하는 웹들 위주로 만들어보며 다른 사람들이 만든 코드들도 보면서 해봐야 할 거 같다

이번 프로젝트를 통해 블로그보단 공식문서를 참고해야 한다는걸 느꼈다