Project(프로젝트) 3

Vite - FE 빌드 도구

Vite란?Vite는 차세대 프론트엔드 빌드 도구로, 특히 React, Vue, Svelte 같은 모던 프레임워크와 함께 빠른 개발 환경을 제공한다.Vite의 주요 목표는 빠른 개발 서버와 최적화된 프로덕션 빌드이다.왜 Vite가 빠를까?Vite는 기본적으로 ES 모듈을 사용한다. 전통적인 빌드 도구들은 프로젝트 전체 파일을 번들로 묶어서 하나의 큰 파일로 만든다.하지만, Vite는 ES 모듈을 이용해 필요한 파일만 브라우저로 바로 전달해 준다. 이게 왜 빠르냐면:예전에는 빌드 과정에서 모든 파일을 한 번에 처리해야 했지만, Vite는 필요한 파일만 바로바로 가져다 쓴다.변경된 파일만 핫 리로드(Hot Module Replacement, HMR)를 통해 빠르게 반영된다. 즉, 코드 변경을 즉시 브라우저에..

[Next.js, Firebase] 실시간 채팅 플랫폼 개발 프로젝트

들어가며본 프로젝트는 Next.js와 Firebase를 사용하여 개발한 P2P 기반의 실시간 채팅 플랫폼이다.여러 프로젝트를 개발하면서 실시간 채팅 플랫폼을 개발해보고 싶다는 생각으로 시작하게 되었다.실시간 통신이라고 하면 제일 먼저 socket 통신이 떠오르는데, 본 프로젝트는 서버리스를 기반으로 하여 Firebase의 실시간데이터베이스를 활용하였다.개요개발 기간7일인원1명 (개인 프로젝트)역할프로젝트 구상전체 개발프론트엔드Next.jsTailwind CSSFigma백엔드-데이터베이스Firebase형상관리Github배포gh-pages 프로젝트 명세회원 가입된 사용자는 친구 추가를 할 수 있다.회원은 회원명과 태그로 구분한다.디스코드의 네이밍 시스템을 벤치마킹했다.회원명은 회원 가입 시 제공된 이름, 태..

직접 개발한 포트폴리오 사이트

들어가며나, 그리고 지도 교수님을 위해본인은 2024년 2월에 4년제 대학에서 소프트웨어 공학을 전공하며 졸업했다. 졸업을 앞두고 4학년 1년은 할 것들이 정말 많았다. 힘든 만큼 내가 이룬 것도 있지만 말이다.몇 개월은 인공지능을 활용해 서비스 가능한 시스템을 졸업 작품으로 연구하고 개발했다. 또 몇 개월은 그 시스템을 인정받기 위해 논문을 두 차례 투고했다.한국컴퓨터정보학회(KSCI)에서 구두 발표하고 우수논문상을 수여받았고, 한국전자통신학회에 게재되었고 KCI에도 등재되었다.게다가, 이 졸업 작품이 성공적으로 개발되도록 방향을 정하는데 도움을 주신 지도교수님과 함께 특허도 출원했다. 내 이름으로 된 특허가 있다니,, 다시 생각해도 나의 지도교수님은 학생들을 위해서라면 가시밭길이라도 걸어가시는 분이셨..