Skip to content
@Instagram-Clone-Coding

Instagram Clone Project

Instagram์„ ์ง์ ‘ [๐Ÿ”๋ถ„์„-โš™์„ค๊ณ„-๐Ÿ–ฅ๊ตฌํ˜„-๐Ÿ› ๋ฆฌํŒฉํ† ๋ง] ํ•˜๋Š” ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค.
README.md

Table of Contents

  1. ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ
  2. ํ”„๋กœ์ ํŠธ ๋ชฉํ‘œ
  3. ์‹œ์—ฐ ์˜์ƒ
  4. IA
  5. AWS Public Cloud Architecture
  6. Tech Stacks
  7. Contributors

-----------------------------------------------------

ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

์ธ์Šคํƒ€๊ทธ๋žจ ํด๋ก  ์ฝ”๋”ฉ์€ Spring Boot์™€ React๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์ด๋ฏธ์ง€ ๊ธฐ๋ฐ˜ ์†Œ์…œ ๋ฏธ๋””์–ด ์ธ์Šคํƒ€๊ทธ๋žจ ์„œ๋น„์Šค๋ฅผ ํ•˜๋‚˜ํ•˜๋‚˜ ๊ตฌํ˜„ํ•ด๊ฐ€๋Š” ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค.

(back to top)

-----------------------------------------------------

ํ”„๋กœ์ ํŠธ ๋ชฉํ‘œ

  • ์นœ์ˆ™ํ•œ ์„œ๋น„์Šค์ธ Instagram์„ ๋ถ„์„ํ•ด์„œ ๊ตฌ์กฐ๋ฅผ ์ง์ ‘ ์„ค๊ณ„ํ•ฉ๋‹ˆ๋‹ค.
  • ์—ญํ• ์„ ๋ถ„๋‹ดํ•˜์—ฌ ์„œ๋น„์Šค๋ฅผ ์ฝ”๋“œ๋กœ ๊ตฌํ˜„ํ•˜๊ณ  ๋ฐฐํฌํ•ด๋ด…๋‹ˆ๋‹ค.
    • ๊ตฌํ˜„ํ•˜๋Š” ๊ณผ์ •์—์„œ Front-end์™€ Back-end๊ฐ€ ํ˜‘์—…ํ•˜๋Š” ๊ณผ์ •์„ ์ดํ•ดํ•ฉ๋‹ˆ๋‹ค.
      • RESTful API๋ฅผ ์ง์ ‘ ์„ค๊ณ„ํ•˜๊ณ  API๋ฅผ ํ†ตํ•œ HTTP ํ†ต์‹ ์„ ๊ฒช์œผ๋ฉฐ ํ˜‘์—… ๋Šฅ๋ ฅ์„ ๊ธฐ๋ฆ…๋‹ˆ๋‹ค.
      • ์ž์‹ ์ด ๋งก์€ ๋ถ€๋ถ„์„ ๋‚จ์—๊ฒŒ ์„ค๋ช…ํ•  ์ˆ˜ ์žˆ๋Š” ์˜์‚ฌ์†Œํ†ต ๋Šฅ๋ ฅ์„ ๊ธฐ๋ฆ…๋‹ˆ๋‹ค.
    • ๋‹จ์ˆœํžˆ ๊ตฌํ˜„ ํ›„ ๋๋‚˜๋Š” ๊ฒƒ์ด ์•„๋‹Œ ์ฝ”๋“œ ๋ฆฌ๋ทฐ์™€ ํ”ผ๋“œ๋ฐฑ์„ ํ†ตํ•ด ํ•จ๊ป˜ ์„ฑ์žฅํ•ฉ๋‹ˆ๋‹ค.
    • ๊ธฐ์กด์˜ ์ฝ”๋“œ๋ฅผ ์ง€์†์ ์œผ๋กœ ๊ฐœ์„ ํ•˜๊ธฐ ์œ„ํ•ด ๋ฆฌํŒฉํ† ๋ง์„ ์ง„ํ–‰ํ•ฉ๋‹ˆ๋‹ค.
  • Spring Boot์™€ React๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ๋‹ค์–‘ํ•œ ๊ธฐ์ˆ  ์Šคํƒ์„ ํ•™์Šตํ•˜๊ณ  ์ ์šฉํ•ฉ๋‹ˆ๋‹ค.

(back to top)

-----------------------------------------------------

์‹œ์—ฐ ์˜์ƒ (์ถ”๊ฐ€ ์˜ˆ์ •)

ํ˜„์žฌ ๋‹ค์–‘ํ•œ ์‹œ์—ฐ ์˜์ƒ์„ ๋งŒ๋“ค๊ณ  ์žˆ๋Š” ์ค‘์ž…๋‹ˆ๋‹ค. ๋” ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ์„ ์ง์ ‘ ์ฒดํ—˜ํ•ด ๋ณด์‹œ๋ ค๋ฉด ๋ฐฐํฌ ์‚ฌ์ดํŠธ์— ์ ‘์†ํ•ด ๋ณด์„ธ์š”!๐Ÿ˜Š

๋กœ๊ทธ์ธ

แ„…แ…ฉแ„€แ…ณแ„‹แ…ตแ†ซแ„…แ…ฉแ„€แ…ณแ„‹แ…ตแ†ซแ„’แ…ชแ†ฏแ„ƒแ…ฉแ†ผแ„…แ…ฉแ„€แ…ณแ„‹แ…กแ„‹แ…ฎแ†บ

  • ๋กœ๊ทธ์ธ
  • ๋กœ๊ทธ์ธ ํ™œ๋™
  • ๋กœ๊ทธ์•„์›ƒ
๊ฒŒ์‹œ๋ฌผ

แ„€แ…ฆแ„‰แ…ตแ„†แ…ฎแ†ฏแ„Œแ…ฉแ„’แ…ฌแ„‰แ…ณแ„แ…ณแ„…แ…ฉแ†ฏแ„Œแ…ฉแ‡‚แ„‹แ…กแ„‹แ…ญแ„Œแ…ฅแ„Œแ…กแ†ผ

  • ๊ฒŒ์‹œ๋ฌผ ๋ฌดํ•œ ์Šคํฌ๋กค ์กฐํšŒ
  • ๊ฒŒ์‹œ๋ฌผ ์ข‹์•„์š”
  • ๊ฒŒ์‹œ๋ฌผ ์ €์žฅ

แ„€แ…ฆแ„‰แ…ตแ„†แ…ฎแ†ฏแ„‹แ…ฅแ†ธแ„…แ…ฉแ„ƒแ…ณ

  • ๊ฒŒ์‹œ๋ฌผ ์—…๋กœ๋“œ
ํŒ”๋กœ์šฐ

แ„‘แ…กแ†ฏแ„…แ…ฉแ„‹แ…ฎแ„‹แ…ฅแ†ซแ„‘แ…กแ†ฏแ„…แ…ฉแ„‹แ…ฎ

  • ํŒ”๋กœ์šฐ
  • ์–ธํŒ”๋กœ์šฐ
DM

แ„†แ…ฆแ„‰แ…ฆแ„Œแ…ตแ„‡แ…ฉแ„‚แ…ขแ„€แ…ตแ„Œแ…ฉแ‡‚แ„‹แ…กแ„‹แ…ญแ„Žแ…ฑแ„‰แ…ฉแ„‹แ…ตแ„†แ…ตแ„Œแ…ต

  • ๋ฉ”์‹œ์ง€ ๋ณด๋‚ด๊ธฐ/์ทจ์†Œ
  • ๋ฉ”์‹œ์ง€ ์ข‹์•„์š”/์ทจ์†Œ
  • ์ด๋ฏธ์ง€ ๋ณด๋‚ด๊ธฐ
  • ์ฑ„ํŒ…๋ฐฉ ๋ชฉ๋ก ์กฐํšŒ
  • ์ฑ„ํŒ…๋ฐฉ ์กฐํšŒ

(back to top)

-----------------------------------------------------

IA

แ„‹แ…ตแ†ซแ„‰แ…ณแ„แ…กIA

(back to top)

-----------------------------------------------------

AWS Public Cloud Architecture

image

(back to top)

-----------------------------------------------------

Tech Stacks

โš›Front-endLanguageTypeScript
LibraryReact
State ContainerRedux
ComponentStyled-Components
AsynchronousAxios
MessagingSockJS, StompJS
Open APINaver Map API
๐ŸŒฑBack-endLanguageJava 11
FrameworkSpring Boot 2.5.4
ORMSpring Data JPA, Querydsl
SMTPGmail SMTP
AuthorizationSpring Security, JWT
MessagingWebSocket, STOMP
API DocumentationSwagger
DatabaseMySQL, H2, Redis, GeoIP
TestJUnit5, Mockito
Open APIKakao Map API
๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘ฆโ€๐Ÿ‘ฆCollaborationApi TestPostman
CommunicationNotion, Google Meet
Version ControlGithub
๐Ÿ› AWS Public Cloud ServiceEC2, RDS, S3, ElastiCache, VPC, Internet gateway, NAT gateway, NLB, ALB, Route 53, Certificate Manager

(back to top)

-----------------------------------------------------

Contributors


๊น€์„ ํ•„
๐ŸชBack-end
โœˆTeam Leader
๐Ÿ’ป
์ตœ๋‹คํ›ˆ
๐Ÿง€Back-end

๐Ÿ’ป
ํ•œ์ˆ˜ํ™”
โ˜•Front-end

๐Ÿ’ป
๊น€์˜์ธ
๐Ÿ–Front-end

๐Ÿ’ป

(back to top)

Pinned Loading

  1. Spring_instagram-clone Spring_instagram-clone Public

    Instagram Clone Coding - Backend using Spring Framework

    Java 80 23

  2. React_instagram_clone React_instagram_clone Public

    Instagram Clone Coding - Frontend using React

    TypeScript 13 6

  3. Spring-Hexagonal-Instagram-Clone Spring-Hexagonal-Instagram-Clone Public

    HTML

Repositories

Showing 4 of 4 repositories
  • Spring-Hexagonal-Instagram-Clone Public
    Instagram-Clone-Coding/Spring-Hexagonal-Instagram-Cloneโ€™s past year of commit activity
    HTML 0 MIT 0 0 2 Updated Jun 23, 2023
  • React_instagram_clone Public

    Instagram Clone Coding - Frontend using React

    Instagram-Clone-Coding/React_instagram_cloneโ€™s past year of commit activity
    TypeScript 13 6 9 6 Updated May 4, 2023
  • Spring_instagram-clone Public

    Instagram Clone Coding - Backend using Spring Framework

    Instagram-Clone-Coding/Spring_instagram-cloneโ€™s past year of commit activity
    Java 80 MIT 23 11 0 Updated Mar 21, 2023
  • .github Public

    ์ธ์Šคํƒ€๊ทธ๋žจ ํด๋ก  ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

    Instagram-Clone-Coding/.githubโ€™s past year of commit activity
    0 2 0 0 Updated Mar 13, 2023

Most used topics

Loadingโ€ฆ
Developer Program Member