Toris Dev Blog 소개
웹 개발과 AI 생산성 도구에 관한 경험과 지식을 공유하는 기술 블로그입니다
📝블로그 소개
Toris Dev Blog는 웹 개발, 프론트엔드 기술, 생산성 도구에 관한 경험과 지식을 공유하기 위해 만들어졌습니다. 특히 Next.js, React, TypeScript를 중심으로 한 현대적인 웹 개발 방법론과 도구를 다룹니다.
이 블로그는 개발자들이 실전에서 마주하는 다양한 문제들과 그 해결 방법, 그리고 효율적인 코딩 패턴을 공유하는 것을 목표로 합니다. 또한 AI 기반 도구를 활용한 개발 생산성 향상 방법에 대해서도 깊이 있게 다룹니다.
Next.js, Supabase, Tailwind CSS, TypeScript를 주요 기술 스택으로 사용하고 있으며, 블로그 자체도 이러한 기술들로 구현되어 있습니다.
👨💻운영자 소개
JS(TypeScript)를 기반으로 프론트엔드를 시작해, 백엔드(Spring, JSP, jQuery)까지 아우르는 1년차 백엔드 경험이 있는 프론트엔드 개발자입니다.
React, Next.js를 활용한 웹 서비스 구축과 전자정부프레임워크 기반 시스템 유지보수 경험을 보유하고 있으며, 이벤트 시스템, UX 개선, 콘텐츠 자동화 등 실무 중심의 프로젝트에 참여했습니다.
기획부터 운영까지 end-to-end 개발 경험을 통해 비즈니스 기여에 집중하며, 기술에 대한 호기심과 학습 의지가 강하고, 사용자 중심의 서비스 개선에 관심이 많은 개발자입니다.
주요 기술 스택
- React / Next.js
- TypeScript
- Spring / Java
- Node.js
관심 분야
- 사용자 경험 개선
- 풀스택 개발
- 서비스 기획 및 운영
- 협업 및 커뮤니케이션
🛠️기술 스택
Frontend
- React
- Next.js
- React Native
- Expo
- TypeScript
- JavaScript (ES6)
- HTML5
- CSS
- Tailwind CSS
Backend
- Node.js
- Spring
- Java8
- JSP
- jQuery
- MyBatis
- iBatis
Database
- MongoDB
- MySQL
- MariaDB
- Supabase
DevOps & Tools
- Git
- Docker
- AWS
- Vercel
- Notion
- Slack
💼경력
셈웨어
2024.08 - 2024.08프론트엔드 개발자
React, Next.js 기반 웹 서비스 개발 및 전자정부프레임워크 기반 시스템 유지보수
🏢회사 프로젝트
잇다
2025.01 - 2025.08 (8개월)개발자 3명, PM 1명, 외부 업체 협업
교원들이 콘텐츠를 제작·공유하고, 이벤트 참여를 통해 상호 작용할 수 있는 플랫폼 구축
기술 스택
SpringMyBatisiBatisJSPMariaDBGit+1
주요 성과
- • 관리자 전용 OTP 인증 시스템 직접 구현
- • 콘텐츠 제작·공유 활성화로 교원 참여 콘텐츠 2.5배 증가
- • 신규 채널 생성 수 2배 증가
- +1개 더
알지오매스
2024.08 - 2024.12 (5개월)콘텐츠 기획 및 개발 인원 2명, 디자이너 2명, 기획자 1명
초·중등 학생 대상의 수학 문제 풀이 콘텐츠를 시각적으로 구성하고, 학습 경험을 제공하는 웹 서비스 개발
기술 스택
ReactTypeScriptCSS
주요 성과
- • 재사용 가능한 컴포넌트 구조로 개발 효율성 향상
- • 사용자 친화적인 학습 인터페이스 구현
셈웨어 회사 페이지 리뉴얼
2024.08 - 2024.08프론트엔드 개발 사원
셈웨어 회사 공식 웹사이트의 메인페이지, 헤더, 푸터 등 UI 컴포넌트를 최신 디자인 트렌드와 반응형 기준에 맞춰 리뉴얼
기술 스택
Reactstyled-componentsJavaScript (ES6)CSS
주요 성과
- • 최신 디자인 트렌드와 반응형 기준에 맞춘 웹페이지 개발 완료
- • API 기반 라이브러리 전환으로 유지보수성과 확장성 강화
- • 사용자 경험 중심 UI/UX 개선으로 서비스 완성도 향상
SteamUp 학습도구 공학용 라이브러리 API 마이그레이션
2024.08 - 2024.08프론트엔드 개발 사원
기존 SteamUp 내장 라이브러리를 API 기반 서비스 라이브러리로 마이그레이션하고, 프론트엔드와 연동하여 UI 컴포넌트 개발
기술 스택
ReactTypeScriptJavaScript (ES6)CSS
주요 성과
- • API 전환을 통한 유지보수성과 확장성 강화
- • 프론트엔드와 성공적으로 연동하여 서비스 안정성 확보
- • 사용자 경험 중심 UI/UX 개선으로 웹페이지 완성도 향상
🚀개인 프로젝트
Toris Blog
2024.03Next.js 기반 정적 블로그 구조 설계 및 콘텐츠 작성 기능 구현. 다크모드, 코드 하이라이팅, 카테고리/태그 필터 등 주요 기능 개발
기술 스택
Next.jsTypeScriptTailwind CSSMDXVercelGitHub Actions
주요 기능
- • 다크모드 지원
- • 코드 하이라이팅
- • 카테고리/태그 필터
- +4개 더
ym_guide
2025.12청년들을 위한 금융, 정책, 복지 혜택 큐레이션 플랫폼. 청년정책 OPEN API를 통한 정책 검색, 맞춤형 혜택 추천, 금융 교육 기능을 제공하는 서비스
기술 스택
Next.jsTypeScriptTailwind CSSSupabasePostgreSQL
주요 기능
- • 카테고리별 정책 필터링 및 검색
- • 간단한 질문 기반 맞춤형 혜택 추천
- • 청년정책 OPEN API 연동 및 실시간 업데이트
- +2개 더
🔨 개발중
love-trip
2025.08연인과의 여행을 위해 교통편, 숙소, 데이트 장소, 경비를 한 번에 추천해주는 커플 맞춤 여행 서비스. Tour API 기반 실시간 관광 정보 제공 및 네이버 지도 통합
기술 스택
Next.jsTypeScriptSupabaseTour APINaver Maps APIpnpm
주요 기능
- • 출발지/목적지/예산 기반 최적 여행 코스 자동 생성
- • Tour API 기반 실시간 관광 정보 제공
- • 네이버 지도 통합으로 직관적인 코스 확인
- +4개 더
PEPEBear
2025.11Solana 블록체인 기반 커뮤니티 중심 밈 암호화폐 프로젝트. 게이미피케이션 요소(포인트, 레벨, 업적), 실시간 토큰 홀더 추적, 단계별 성장 시스템을 제공하는 Web3 서비스
기술 스택
Next.jsTypeScriptReactSolanaWeb3Anchor Framework
주요 기능
- • Solana 지갑 연동 (Phantom, Solflare 등)
- • 게이미피케이션 요소 (포인트, 레벨, 업적 시스템)
- • 실시간 토큰 홀더 추적 및 랭킹 변화 애니메이션
- +3개 더
🔨 개발중
bubbleBible-FE
2025.08매일 한 구절로 신앙 루틴을 만드는 모바일 우선 성경 플랫폼. 개인 묵상과 교회·소그룹 중심의 공동체 기능을 결합한 성경 서비스의 프론트엔드
기술 스택
ReactTypeScriptNext.jsTailwind CSSPWAPush Notifications
주요 기능
- • 성경 본문 뷰어 (하이라이트, 북마크, 폰트 조절)
- • 포인트·레벨 시스템 (읽기·댓글·좋아요 활동별 보상)
- • 교회 그룹 커뮤니티 (묵상 나눔, 기도제목 공유)
- +4개 더
CryptoTrade.gg
2025.02 - 2025.04암호화폐 트레이드 전적 조회 서비스
기술 스택
TypeScriptNext.js
주요 기능
- • 암호화폐 트레이드 전적 조회
- • 데이터 시각화
문의하기
블로그에 관한 피드백이나 협업 제안은 언제든지 환영합니다.