Contact & Channels

✨ 저는 이러한 사람이에요.

<aside> 📌 기술적 도전 즐기며 성장하고 있습니다.

다양한 기술을 습득하며 프로젝트에 효과적으로 적용할 수 있어요. 사용자 경험을 살려 웹 시스템 구축 전환을 한 경험이 있어요.

개발 프로세스를 점진적으로 개선해나가는 습관을 지니고 있습니다. 개발자 경험(DX)과 사용자 경혐(UX)를 개선하는 것을 좋아해요.

최신 기술과 효율적인 방식을 탐구하는 데에 열정을 가지고 목표 설정 후 방향성을 가지고 행동해요.

</aside>

React, TypeScript, react-query, JavaScript, HTML5, CSS3, Storybook

Nest.js, Node.js, Express, MySQL, MongoDB ,Supabase

국가보안기술연구소 아웃소싱 - 시나리오 기반 제어 프로토콜 솔루션 웹 개발

기간: 23.09 ~ 23.12 (4개월)
인원: FE / BE 2명(페어 프로그래밍)
주요 성과
- 설치형 시스템 → 웹 서비스(SPA) 형태로 전환
- 요구사항 명세서를 분석하고, 문서 작성과 실무 개발 프로세스를 경험
- 반응형 및 웹 접근성을 고려하여 UI 구축
- 보안 가드 및 화이트 리스트 설정으로 보안 로직 강화
구현 기능

Frontend (Vue.js / TypeScript)
- 회원가입 및 로그인
  - JWT 만료 시 Regen Token으로 클라이언트 로직 구현 및 적용
  - 로그인 시에만 이용 가능하도록 페이지 보안 가드 설정
- 메인 페이지
  - 로컬 스토리지를 활용하여 최근 설정 항목 리스트 즐겨찾기 기능 제공
- 프로토콜 통신 설정 입력 페이지 및 결과 출력
  - 유효성 검증을 통한 입력값 설정
  - 설정값 저장 후 실시간 로그 데이터 출력 페이지 이동
- 로그 조회 페이지
  - 날짜에 따라 해당 데이터 조회 기능 구현

Backend (SpringBoot / Kotlin)

Authentication JWT 토큰으로 사용자 로그인 관리
- SSE 사용하여 세션 만료 시간 알람 설정
Authorization WhiteList IP 구현
- Data JOOQ로 접근 가능 IP, 활성화 관련 데이터 DB 관리
- WhiteList IP CRD 기능 및 API 구현
- IP filter 구현하여 허용 여부 판단 및 Security Filter 테스트

CI/CD (Jenkins & GITEA webhooks)