<aside> 💡 시간과 장소에 구애받지 않고 학습할 수 있으며 문제 해결 과정을 실시간으로 관찰할 수 있는 라이브 코딩 웹 IDE

</aside>

3Ever 최종 발표자료_제출본.pdf

https://youtu.be/gfLYe-VhBAg

주요 기능

• 회원가입 및 로그인
  • 자체적인 회원가입 및 소셜 로그인 제공
• 코드 편집기
  • 새 파일 및 폴더를 생성하고 프로젝트 구조를 조직할 수 있다.
  • 파일 내 코드를 편집하고 저장할 수 있다.
  • 질문 게시판 또는 강의 게시판에 프로젝트를 공유하여 다른 사용자와 코드를 동시 편집할 수 있다.
• 실시간 채팅 및 음성 채팅
  • 실시간으로 다수의 사용자와 함께 채팅할 수 있다.
  • 채팅 메시지를 검색할 수 있다.
  • 음성 채팅을 할 수 있다.

🚀 Frontend Stacks

<aside> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRnL6RSvqGaQKadF4Q5q2rnCpSrFH1atFw9eVYNarpROZUrqbbtuducsFRacmVkd28DKWw&usqp=CAU" alt="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRnL6RSvqGaQKadF4Q5q2rnCpSrFH1atFw9eVYNarpROZUrqbbtuducsFRacmVkd28DKWw&usqp=CAU" width="40px" /> React

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/2e71afb4-8cc3-4609-9456-b82e60beea47/ts.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/2e71afb4-8cc3-4609-9456-b82e60beea47/ts.png" width="40px" /> TypeScript

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/1b0c60d2-ead8-4239-beb8-ac3d1866f407/logo.svg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/1b0c60d2-ead8-4239-beb8-ac3d1866f407/logo.svg" width="40px" /> Vite

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/65adfa66-c64c-43dd-a777-df4af9fab6b1/chakra.jpeg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/65adfa66-c64c-43dd-a777-df4af9fab6b1/chakra.jpeg" width="40px" /> Chakra UI

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/d98acecd-b097-4d1b-9c3b-4c03deb08aa9/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA_2024-06-09_%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE_3.20.48.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/d98acecd-b097-4d1b-9c3b-4c03deb08aa9/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA_2024-06-09_%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE_3.20.48.png" width="40px" /> Yorkie/CodeMirror

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/e91c3377-ddb9-4830-8791-4fb03546d777/xtermjs.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/e91c3377-ddb9-4830-8791-4fb03546d777/xtermjs.png" width="40px" /> XtermJS

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/c748c25d-ef42-4f07-b3cd-e8a050405bc6/sockjs.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/c748c25d-ef42-4f07-b3cd-e8a050405bc6/sockjs.png" width="40px" /> StompJS

</aside>

<aside> 📌 react-accessible-treeview

</aside>

🚀 Backend Stacks

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4709fe22-3900-4a4b-bdc6-4562a02b8dbc/logo-java-512.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4709fe22-3900-4a4b-bdc6-4562a02b8dbc/logo-java-512.png" width="40px" /> JPA

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/de748031-5b34-4768-aaf7-2eb1fc5ed983/sb.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/de748031-5b34-4768-aaf7-2eb1fc5ed983/sb.png" width="40px" /> Spring Boot

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/adf8ed65-eaf9-4f2c-b025-6cf6b39a71a4/spring_security.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/adf8ed65-eaf9-4f2c-b025-6cf6b39a71a4/spring_security.png" width="40px" />

Spring Security

</aside>

<aside> 📌 JPA

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/cd700de2-8d98-41c6-b2ce-6e708f9f9dca/querydsl.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/cd700de2-8d98-41c6-b2ce-6e708f9f9dca/querydsl.png" width="40px" /> QueryDSL

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/8adfb108-a58e-4fd8-bb5b-23dd3066c475/maria.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/8adfb108-a58e-4fd8-bb5b-23dd3066c475/maria.png" width="40px" /> MariaDB

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/00be0963-75c9-45fd-b453-ecd715691e5f/logo.gif" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/00be0963-75c9-45fd-b453-ecd715691e5f/logo.gif" width="40px" /> WebSocket

</aside>

🛠  Infra

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/06f72110-44ed-4aae-809c-1605b4fca2a8/aws.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/06f72110-44ed-4aae-809c-1605b4fca2a8/aws.png" width="40px" /> AWS EC2

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/256df9a3-28e8-466f-b1ab-ad609e6d5a47/docker.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/256df9a3-28e8-466f-b1ab-ad609e6d5a47/docker.png" width="40px" /> Docker

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/8ac2b11e-8fb6-4a56-8402-7f06d4e5ab7c/actions.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/8ac2b11e-8fb6-4a56-8402-7f06d4e5ab7c/actions.png" width="40px" /> Github Actions

</aside>

👥  Collaboration

<aside> <img src="https://cdn-icons-png.flaticon.com/512/25/25231.png" alt="https://cdn-icons-png.flaticon.com/512/25/25231.png" width="40px" /> GitHub

</aside>

<aside> <img src="https://cdn.icon-icons.com/icons2/2389/PNG/512/notion_logo_icon_145025.png" alt="https://cdn.icon-icons.com/icons2/2389/PNG/512/notion_logo_icon_145025.png" width="40px" /> Notion

</aside>

<aside> <img src="https://cdn-icons-png.flaticon.com/512/5968/5968756.png" alt="https://cdn-icons-png.flaticon.com/512/5968/5968756.png" width="40px" /> Discord

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/fe881050-b573-42e2-9e32-20558d285666/zep.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/b05d3f0b-9454-4f8e-bece-c207ea15c67a/fe881050-b573-42e2-9e32-20558d285666/zep.png" width="40px" /> Zep

</aside>

<aside> <img src="https://cdn-icons-png.flaticon.com/512/5968/5968705.png" alt="https://cdn-icons-png.flaticon.com/512/5968/5968705.png" width="40px" /> Figma

</aside>