Skip to content
@IT-Monsters

IT-Monsters

README.md

[IT λͺ¬μŠ€ν„°μ¦ˆ] λ§žμΆ€ν˜• IT개발 νŒ€ λΉŒλ”© μ„œλΉ„μŠ€

μ„œλΉ„μŠ€λ§ν¬

λͺ©μ°¨

  1. μ†Œκ°œ
  • μš°λ¦¬νŒ€ μ†Œκ°œ
  1. ν”„λ‘œμ νŠΈ
  • ν”„λ‘œμ νŠΈμ†Œκ°œ
  • κΈ°μˆ μŠ€νƒ
  • κΈ°μˆ μŠ€νƒ λ„μž…λ°°κ²½
  • νŠΈλŸ¬λΈ”μŠˆνŒ…
  • μ£Όμš”κΈ°λŠ₯
  1. νŒ€μ› κ°œλ³„ μ†Œκ°œ

1. μ†Œκ°œ

α„…α…¦α„‹α…΅α„‹α…₯ 2.png

ITλͺ¬μŠ€ν„°μ¦ˆλŠ” λ„μ „ν•˜λŠ” κ°œλ°œμžμ™€ κ°œλ°œνŒ€μ΄ μ„œλ‘œ 믿을 수 μžˆλŠ” νŒ€ λΉŒλ”© ν™˜κ²½μ„ μ œκ³΅ν•©λ‹ˆλ‹€.

μš°λ¦¬νŒ€ μ†Œκ°œ

ν”„λ‘œμ νŠΈ λͺ… : IT λͺ¬μŠ€ν„°μ¦ˆ

ν”„λ‘œμ νŠΈ ν˜•νƒœ : μˆ˜κ°•μƒ ν”„λ‘œμ νŠΈ

ν”„λ‘œμ νŠΈ κΈ°κ°„ : 2022λ…„ 8μ›” 28일 ~2022 λ…„ 10μ›” 8일

νŒ€μ›

Back-End : μ „μ§€λ§Œ(Project Leader) μ΄μ›κ·œ μ΄λ™κ·œ 김진무

Front-End: λ…Έμ§„μ„œ(Vice Leader) 원쀑희 ν™©νƒœμ˜

UI-UX Design: μœ€μ •μ•„

Marketing Design: κΉ€μ†Œμ •

2. ν”„λ‘œμ νŠΈ

ν”„λ‘œμ νŠΈ μ†Œκ°œ

0930_3α„Œα…©_α„Žα…¬α„Œα…©α†Ό_브로셔.png

μ•„λ¬΄λ‚˜ λ§€μΉ­λ˜λŠ” 랜덀 맀칭에 μ§€κ²¨μš°μ‹  ν”„λ‘œμ νŠΈ νŒ€!

μ†Œν†΅μ΄ μ•ˆλ˜λŠ” νŒ€μ›μ—κ²Œ 지쳐버린 ν”„λ‘œμ νŠΈ νŒ€!

  • μ΄μ œΒ ν•„μš”ν•œ λŠ₯λ ₯을 가진 μ°Έκ°€μžλ₯Ό κ²Œμ‹œκΈ€μ„ 톡해 λͺ¨μ§‘ν•΄λ³΄μ„Έμš”!
  • νŒ€μž₯λ‹˜κ»˜μ„œλŠ” 참가신청을 톡해 μš”μ²­ν•œ μ‚¬λžŒμ˜Β μ „λ¬Έμ„±μ„ ν™•μΈν•˜κ³  λŠ₯λ ₯을 κ°–μΆ˜ λΆ„μ΄λΌλ©΄Β μˆ˜λ½μ„ 톡해 νŒ€μœΌλ‘œΒ ν•©λ₯˜κ°€ κ°€λŠ₯ν•©λ‹ˆλ‹€!

λ‚΄ λŠ₯λ ₯을 μ œλŒ€λ‘œ λ°œνœ˜ν•  수 μžˆλŠ” νŒ€μ„ μ°Ύκ³  싢은 개발자!

κΈ°κ°€λ§‰νžŒ 아이디어λ₯Ό μ°Ύμ•„ λ„μ „ν•˜κ³  싢은 개발자!

  • μžμ‹ μ˜ 기둝듀을 κ³΅μœ ν•˜κ³ Β μ „λ¬Έμ„±μ„ λ½λ‚΄λ³΄μ„Έμš”.
  • Github, Notion, Blog 링크λ₯Ό κ³΅μœ ν•˜κ³  μΆ”μ²œμ„ λ°›μ•„Β λž­μ»€κ°€ 될 수 μžˆμŠ΅λ‹ˆλ‹€!
  • λ§ˆμŒμ— λ“œλŠ” νŒ€μ— μ°Έμ—¬ν•˜κ³ , μ™„λ£Œν•œ ν”„λ‘œμ νŠΈλŠ”Β μ»€λ¦¬μ–΄λ‘œ λ‚¨κ²¨λ³΄μ„Έμš”!

ν”„λ‘œμ νŠΈ Github

BackEnd

GitHub - Camof1ow/itMonsters

FrontEnd

GitHub - bennoholik/IT-Hunters: IT-Monsters

λžœλ”© νŽ˜μ΄μ§€ (Web/ Chrome)

ezgif-4-a177dd76b0.gif

κΈ°μˆ μŠ€νƒ

undefined (8).png

Tools

GitHub Postman Figma Notion IntelliJ IDEA Visual Studio Code Apache Jmeter

FrontEnd

React React Query Recoil TailwindCSS TypeScript

BackEnd

Spring Nginx MySQL Redis QueryDSL

Deploy

AWS EC2,CloudFront,Route53,certificate Manager, S3,codeDeploy,ELB

πŸ› κΈ°μˆ  μŠ€νƒ λ„μž… λ°°κ²½

  • βœ”οΈFrontEnd

    TypeScript

    • μ½”λ“œ μž‘μ„±μ‹œ ν˜•λ³€ν™˜μ— κ΄€λ ¨ν•œ 였λ₯˜λ₯Ό λͺ…ν™•ν•œ νƒ€μž… 지정을 톡해 미리 예방 κ°€λŠ₯ν•˜λ―€λ‘œ μƒμ‚°μ„±μ˜ ν–₯상을 도λͺ¨ν•˜κΈ° μœ„ν•΄ λ„μž…ν•˜μ˜€μŠ΅λ‹ˆλ‹€

    ReactQuery

    • 각 νŽ˜μ΄μ§€ λ³„λ‘œ ν•„μš”ν•œ 데이터λ₯Ό λ°”λ‘œ 가지고 μ˜¬μˆ˜μžˆμ–΄μ„œ μƒνƒœκ΄€λ¦¬κ°€ ν•„μš”μ—†λŠ” μ»΄ν¬λ„ŒνŠΈμ— ν•œν•˜μ—¬ λ¦¬μ—‘νŠΈ 쿼리λ₯Ό μ μš©ν•˜μ—¬ μ²˜λ¦¬ν•  수 μžˆλ„λ‘ ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

    Recoil

    • λ‹€λ₯Έ μ „μ—­ μƒνƒœ 관리 툴인 Redux에 λΉ„ν•΄ λ¦¬μ†ŒμŠ€λ₯Ό 덜 μ‚¬μš©ν•˜λ©° λ Œλ”λ§μ‹œμ˜ 뢀담을 덜고 μ•ˆμ •μ μΈ μ „μ—­μƒνƒœκ΄€λ¦¬λ₯Ό μœ„ν•˜μ—¬ λ„μž…ν•˜κ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

    Tailwind CSS

    • μ½”λ“œμ˜ 가독성과 적응 ν•˜λŠ”λ°μ— μ‹œκ°„μ΄ 걸리긴 ν•˜μ˜€μ§€λ§Œ, Tailwind CSS의 Utility-First 컨셉 덕뢄에 νŽΈλ¦¬ν•˜κ³  쉽고 λΉ λ₯΄κ²Œ μ›ν•˜λŠ” λ””μžμΈμ„ κ°œλ°œν• μˆ˜ μžˆμ–΄μ„œ λ„μž…ν•˜κ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

  • βœ”οΈBackEnd

    QueryDSL

    • 검색 μ‹œ 동적Query λ₯Ό ν†΅ν•˜μ—¬ 검색 νš¨μœ¨μ„±μ„ 높이고 κ²°κ³Όλ₯Ό 좜λ ₯ν•˜λŠ” 데 λ§Žμ€ μ‹œκ°„μ„ λ‹¨μΆ•ν•˜κΈ°μ— λ„μž…ν•˜κ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

    Oauth2

    • λ§Žμ€ μ΄μš©μžλ“€μ˜ νŽΈμ˜μ„±κ³Ό κ°œμΈμ •λ³΄λ₯Ό 직접적인 μž…λ ₯을 톡해 λ°›μ§€μ•ŠμœΌλ―€λ‘œ λ³΄μ•ˆμ„± ν–₯상에 도움이 λ˜λŠ” 뢀뢄이 μžˆμ–΄ μ μš©ν•˜μ˜€μŠ΅λ‹ˆλ‹€

    Nginx

    • μžλ™λ°°ν¬ μ‹œ λ¦¬λ²„μŠ€ ν”„λ‘μ‹œ κΈ°λŠ₯으둜 Processλ₯Ό μž¬μ‹œμž‘ν•  ν•„μš”μ—†μ΄ 접속 Port 변경을 톡해 무쀑단 배포가 κ°€λŠ₯ν•˜μ—¬μ„œ λ„μž…ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

    AWS

    • 많이 μœ μ €λ“€μ΄ μ‚¬μš©ν•˜λŠ” 만큼 μ„œλΉ„μŠ€ μ‹ μš©λ„κ°€ λ†’κ³  그에 λŒ€ν•œ μ°Έκ³ ν• λ§Œν•œ Reference듀이 λ§Žμ€ μ„œλΉ„μŠ€μ΄κΈ°μ— μœ μ§€λ³΄μˆ˜μ„±μ— μžˆμ–΄μ„œ λ§Žμ€ 강점을 κ°€μ§„λ§ŒνΌ κ°œλ°œμ— 큰 이점을 κ°€μ Έμ£ΌλŠ” 뢀뢄이 μžˆμ–΄ 적극 ν™œμš©ν•˜κ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

    SSE

    • μ‹€μ‹œκ°„ μ•Œλ¦Όμ˜ 경우 μ„œλ²„μ—μ„œ ν΄λΌμ΄μ–ΈνŠΈ μͺ½μœΌλ‘œμ˜ 단방ν–₯ ν†΅μ‹ λ§ŒμœΌλ‘œ μΆ©λΆ„ν•˜λ―€λ‘œ WebSocket λŒ€μ‹ μ— ν™œμš©ν•˜κ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

πŸ”Ž μ£Όμš”κΈ°λŠ₯

νŒ€μ› λͺ¨μ§‘ κ²Œμ‹œκΈ€ μž‘μ„±

drawing drawing

  • λͺ¨μ§‘ κ²Œμ‹œκΈ€ μž‘μ„±μ‹œ μ›ν•˜λŠ” 기술 μŠ€νƒκ³Ό ν•¨κ»˜ ν•„μš”ν•œ 인원을 μ„€μ •ν•˜μ—¬ μ°Έμ—¬ν•  인원듀이 ν”„λ‘œμ νŠΈ λ‚΄μš©μ— λŒ€ν•΄ 확인 ν•  수 μžˆλ„λ‘ ν•©λ‹ˆλ‹€.

λͺ¨μ§‘ μš”μ²­ μ‹œ μ•Œλ¦Όκ³Ό νŒ€μ›

drawing drawing drawing

  • μš”μ²­λœ κ²Œμ‹œκΈ€μ— μ§€μ›μš”μ²­μ„ μ•Œλ¦Όμ„ 톡해 확인이 κ°€λŠ₯ν•˜λ©° κ°œμΈνŽ˜μ΄μ§€μ˜ μ°Έμ—¬μžμ˜ 보유 기술 μŠ€νƒ 및 포트폴리였 확인 κ°€λŠ₯ν•©λ‹ˆλ‹€.
  • κ²Œμ‹œκΈ€ μž‘μ„±μžλŠ” ν™•μΈν•œ 정보λ₯Ό 톡해 승인과 κ±°μ ˆμ„ ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

μ‹€μ‹œκ°„ μ±„νŒ…κΈ°λŠ₯

drawing drawing

  • μŠΉμΈμ„ 톡해 κ°€μž…λœ νŒ€μ›μ€ μ±„νŒ…μ°½μ— μ°Έμ—¬ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
  • 참가쀑인 멀버λ₯Ό 확인 ν•  수 있고 ν”„λ‘œν•„μ„ 톡해 참가쀑인 λ©€λ²„μ˜ 개인 νŽ˜μ΄μ§€μ™€ 보유 κΈ°μˆ μŠ€νƒ ν¬νŠΈν΄λ¦¬μ˜€λ“±μ„ 확인 κ°€λŠ₯ν•©λ‹ˆλ‹€.
  • λ‚˜κ°€κΈ° λ²„νŠΌμ„ 톡해 ν”„λ‘œμ νŠΈνŒ€μ—μ„œμ˜ λ„μ€‘ν•˜μ°¨ 결정을 내릴 수 μžˆμŠ΅λ‹ˆλ‹€.

κ²Œμ‹œκΈ€ 검색기λŠ₯ 및 ν•„ν„°

drawing drawing drawing

  • 적용된 ν•„ν„°λ₯Ό ν†΅ν•œ λΉ λ₯Έ 검색이 κ°€λŠ₯ν•©λ‹ˆλ‹€.

drawing drawing

  • 제λͺ©μœΌλ‘œ λͺ¨μ§‘ κ²Œμ‹œκΈ€ 검색이 κ°€λŠ₯ν•©λ‹ˆλ‹€.

Popular repositories Loading

  1. Backend Backend Public

    Java

  2. Frontend Frontend Public

    ITλͺ¬μŠ€ν„°μ¦ˆλŠ” λ„μ „ν•˜λŠ” κ°œλ°œμžμ™€ κ°œλ°œνŒ€μ΄ μ„œλ‘œ 믿을 수 μžˆλŠ” νŒ€ λΉŒλ”© ν™˜κ²½μ„ μ œκ³΅ν•˜λŠ” ν”Œλž«νΌμž…λ‹ˆλ‹€.

    TypeScript

  3. .github .github Public

Repositories

Showing 3 of 3 repositories
  • Frontend Public

    ITλͺ¬μŠ€ν„°μ¦ˆλŠ” λ„μ „ν•˜λŠ” κ°œλ°œμžμ™€ κ°œλ°œνŒ€μ΄ μ„œλ‘œ 믿을 수 μžˆλŠ” νŒ€ λΉŒλ”© ν™˜κ²½μ„ μ œκ³΅ν•˜λŠ” ν”Œλž«νΌμž…λ‹ˆλ‹€.

    IT-Monsters/Frontend’s past year of commit activity
    TypeScript 0 0 0 0 Updated Feb 11, 2023
  • .github Public
    IT-Monsters/.github’s past year of commit activity
    0 0 0 0 Updated Feb 11, 2023
  • Backend Public
    IT-Monsters/Backend’s past year of commit activity
    Java 0 0 0 0 Updated Sep 17, 2022

Top languages

Loading…

Most used topics

Loading…