프론트엔드 개발자 이홍경 입니다.

배움과 성장을 위한 도전에 진심입니다.

꾸준한 학습을 통하여 끊임없는 성장을 도모하고 있으며, 홈서버를 구축하여 블로그 서비스를 운영하며 다양한 시도를 하고 있습니다.

개발 편의성을 중요하게 생각합니다.

플랫폼 내 결제 및 충전 시스템을 모듈화하여 동료들이 편리하게 활용할 수 있도록 개발한 경험이 있습니다.

기능에 따른 분리와 조합을 통해 함수를 효율적으로 활용할 수 있도록 노력합니다.

누구나 활용할 수 있는 모듈 개발을 목표로 삼고 있습니다.

하나의 기능을 위한 작은 단위의 기능을 만들고 조합하며 완성해 가는 과정을 통해 성취감을 느낍니다. 다양한 개발자에게 활용될 수 있는 모듈 개발을 목표료 오늘도 달려갑니다.

📬 [email protected]

📞  010-5181-3943

😺  Github

📚  Blog

🏫  코드스테이츠 풀스택과정 33기 수료

경력

🏢 비긴메이트

Node.js 개발자 2022. 09. ~ 2023. 09.

비긴메이트는 스타트업을 위한 글로벌 팀빌딩 플랫폼 입니다.

플랫폼 리뉴얼 전반적인 작업에 Node.js개발자로 참여 하였습니다.

플랫폼의 결제 및 충전 시스템 개발 경험이 있습니다.(PG사 api활용)

프로젝트

klog (배포)

개인 기술 블로그 입니다.

Next.js를 활용해 리뉴얼 하였습니다.

개인 서버를 활용해 배포하였습니다.

디자인 템플릿은 구매 하였습니다.

학습과 함께 기능 추가 및 개선 중입니다.

2024. 09 ~

👓 프론트엔드(깃헙)

블로그 전반적인 기능

• 블로그의 전반적 기능(CRUD)
• 회원가입 및 로그인
  • 닉네임 기반의 회원가입
  • Basic & Bearer token 기반 인증
• 채팅
  • 인증 유저 기반 채팅
  • toastify활용 메세지 알림
  • zustand활용 전역상태 및 소켓 관리

🕋 백엔드(깃헙)

서버의 전반적인 기능

• Nginx Web-Server
• Nest.js 활용 was
• postgres DB
• TypeORM
• TypeORM
• 무중단 서비스를 위한 가상서버 활용(cafe24)

🖥️ 사용 기술

Front-end

• Next.js v15 app router
• DX, SEO 최적화 및 학습 목적으로 Next를 사용하였습니다.
• zustand: 전역 상태 관리를 위해 사용하였습니다.
• socket.io-client: 소켓 통신을 위하여 사용하였습니다.
• server action: 서버에서 실행되는 비동기 함수로 간결하고 편리하며 보안적으로 폼데이터 다룰 수 있어 사용하였습니다.
• ISR: 블로그 특성상 자주 업데이트 되지는 않아 일정 주기로 업데이트가 필요해 사용하였습니다.

메인 화면

게시글

채팅

채팅 알림

회원 가입

Back-end

• Nest.js - 간편하면서도 효율적이고 체계적으로 서버를 구성할 수 있는 프레임워크를 학습 및 사용해 보고 싶어 사용하였습니다.
• Type-ORM: 다양한 ORM을 접하진 않았지만 Nest.js의 구조와 잘 맞는다고 생각하여 사용 하였습니다.
• 가상 서버: 원래 컴퓨터를 활용해 개인 서버를 만들어 서비스를 제공 하였지만, 24시간 전원을 공급하지 못하기에 변경하였음.

💡 알게된 점

Next.js와 Nest.js에 대해 틈틈이 학습하며 블로그를 다시 만들며 기능 추가 및 개선 중입니다.

확실히 프레임워크를 사용하다 보니 추가 학습해야 할 부분들도 있고 시행착오도 있지만, 그 전과 비교하면

개발의 피로도가 상당 부분 줄어들고 속도감이 있는 느낌이었습니다.

Next.js : CSR 뿐만 아니라 SSR, SSG, ISR등의 다양한 랜더링에 대하여 체험하고 학습하며 다양한 방법으로