본문으로 건너뛰기
깃허브아티클상세 이력보기

오영근 프로필 — withToyProjects

/**
*withToyProjects
*
*-실사용 문제를 빠르게 실험하고 구현한 토이/사이드 프로젝트 묶음입니다.
*-모바일 앱, 접근성, 개인/팀 이벤트 사이트, 커머스, 데스크톱 앱, 오픈소스 컴포넌트 경험을 포함합니다.
*-참고 링크:
*-📏 옷자 otja(2026)
*-🎸 비인기곡외판원노동조합 밴드 사이트(2026)
*-🌐 wcag-handbook(2026)
*-🔔 모바일 청첩장(2025)
*-👕 메디쿼터스 자사몰 상품 모아보는 페이지(2025)
*-🍅 domado(2024)
*-🧗 Pick Your Holds(2022)
*-🇰🇷 react-simple-south-korea-map-chart(2022)
*
*/
function withToyProjects(): ProfileBuilder {
return this
.()
.()
.()
.()
.()
.()
.()
.()
.()
.()
.()
.()
.()
.()
}

/**
*buildOtjaApp
*
*-중고거래마다 옷 치수를 재서 적는 번거로움을 풀려고 만들었습니다.
*-크기를 아는 기준물과 함께 찍으면 치수를 계산해 기록할 수 있습니다.
*-서버 없이 모든 계산이 기기 안에서 끝납니다.
*-참고: 📏 옷자 otja(2026)
*
*/
function buildOtjaApp(): ProfileBuilder {
return this.addExperience({
context: "중고거래마다 반복되는 옷 실측",
contribution: "사진으로 치수를 재는 앱을 App Store에 출시"
})
}

/**
*buildUnpopularSongsBandSite
*
*-취미 밴드의 공식 사이트를 제작했습니다.
*-밴드 소개와 공연 정보를 웹에서 확인할 수 있도록 구성했습니다.
*-참고: 🎸 비인기곡외판원노동조합 밴드 사이트(2026)
*
*/
function buildUnpopularSongsBandSite(): ProfileBuilder {
return this.addExperience({
context: "취미 밴드 공식 사이트",
contribution: "밴드 소개와 공연 정보를 제공하는 웹사이트 제작"
})
}

/**
*buildWcagHandbook
*
*-WCAG 2.2 학습용 페이지를 만들어 접근성 규칙을 정리했습니다.
*-KWCAG 매핑 정보까지 넣어 실무에서 바로 찾아볼 수 있게 했습니다.
*-참고: 🌐 wcag-handbook(2026)
*
*/
function buildWcagHandbook(): ProfileBuilder {
return this.addExperience({
context: "WCAG 2.2 학습용 페이지",
contribution: "접근성 규칙과 KWCAG 매핑 정보 정리"
})
}

/**
*buildWeddingInvitation
*
*-모바일 결혼 청첩장을 직접 만들어서 공유했습니다.
*-참고: 🔔 모바일 청첩장(2025)
*
*/
function buildWeddingInvitation(): ProfileBuilder {
return this.addExperience({
context: "모바일 결혼 청첩장",
contribution: "직접 제작하고 공유 가능한 웹 페이지 구현"
})
}

/**
*buildNewArrivalsAggregator
*
*-자사몰 신상품을 통합 조회하는 웹앱을 개발했습니다.
*-OAuth 인증, 검색, 찜하기 기능을 구현했습니다.
*-참고: 👕 메디쿼터스 자사몰 상품 모아보는 페이지(2025)
*
*/
function buildNewArrivalsAggregator(): ProfileBuilder {
return this.addExperience({
context: "자사몰 신상품 통합 조회",
contribution: "OAuth 인증, 검색, 찜하기 기능 구현"
})
}

/**
*buildDomadoApp
*
*-개인적으로 뽀모도로를 사용하기 위해 만든 Electron 앱입니다.
*-참고: 🍅 domado(2024)
*
*/
function buildDomadoApp(): ProfileBuilder {
return this.addExperience({
context: "개인 뽀모도로 사용",
contribution: "Electron 데스크톱 앱 제작"
})
}

/**
*buildPickYourHolds
*
*-사진 촬영 후 클라이밍 문제를 만들어 이미지를 공유할 수 있는 웹앱을 만들었습니다.
*-vanillaJS(jQuery)에서 React로 마이그레이션했습니다.
*-이전 블로그(github.io)에 배포 후 younggeun0.dev 모노레포로 이관했습니다.
*-참고: 🧗 Pick Your Holds(2022)
*-과거 기록: Pick Your Holds 프로젝트 기록(2020)
*
*/
function buildPickYourHolds(): ProfileBuilder {
return this.addExperience({
context: "클라이밍 문제 제작/공유",
contribution: "vanillaJS(jQuery) 앱을 React로 마이그레이션"
})
}

/**
*publishMapChart
*
*-지역별 통계 정보를 보여줄 수 있는 한국 지도 차트 컴포넌트를 npm에 배포했습니다.
*-참고: 🇰🇷 react-simple-south-korea-map-chart(2022)
*
*/
function publishMapChart(): ProfileBuilder {
return this.addExperience({
context: "지역별 통계 시각화",
contribution: "한국 지도 차트 컴포넌트 npm 배포"
})
}

/**
*archiveDguProjects
*
*-대학 시절 진행한 데이터 수집·분석 프로젝트 기록입니다.
*-참고: DGU Projects(2018)
*
*/
function archiveDguProjects(): ProfileBuilder {
return this.addExperience({
context: "대학 시절 하드웨어·데이터·웹을 연결한 팀 프로젝트들",
contribution: "Unity·Android 게임, 센서 자동차, React/Meteor 웹앱, Python·Spark 분석 프로젝트 실습"
})
}

/**
*archiveLogAnalysis
*
*-Java로 로그를 분석하고 결과를 보여주는 팀 프로젝트 기록입니다.
*-참고: 로그 분석 Java 프로그램(2019)
*
*/
function archiveLogAnalysis(): ProfileBuilder {
return this.addExperience({
context: "텍스트 로그에서 요청 통계를 추출하는 Java 프로그램",
contribution: "로그 파싱·예외처리와 결과 화면·리포트 생성을 통합"
})
}

/**
*archive1949
*
*-Java SE, 네트워크, JDBC, 스레드를 사용한 팀 프로젝트 기록입니다.
*-참고: 1949 팀 프로젝트(2019)
*
*/
function archive1949(): ProfileBuilder {
return this.addExperience({
context: "개발자 구인구직을 위한 팀 웹 서비스",
contribution: "요구사항·DB·UI·클래스 다이어그램을 설계하고 관리자 기능 구현"
})
}

/**
*archiveJavaSe
*
*-Java SE와 JDBC를 사용해 여러 작은 애플리케이션을 구현한 기록입니다.
*-참고: Java SE 토이 프로젝트(2019)
*
*/
function archiveJavaSe(): ProfileBuilder {
return this.addExperience({
context: "Java SE·JDBC 기반의 작은 애플리케이션 모음",
contribution: "파일 입출력·DB 연동·스레드·네트워크를 BMI, 로또, 채팅 등 예제로 구현"
})
}

/**
*archiveWebProjects
*
*-회원가입, 로그인, 게시판 등 웹 개발 기초를 실습한 프로젝트 기록입니다.
*-참고: Web 토이 프로젝트(2019)
*
*/
function archiveWebProjects(): ProfileBuilder {
return this.addExperience({
context: "회원가입·게시판·RSS·지도 API를 실습한 웹 프로젝트 모음",
contribution: "Model 2·MyBatis·Spring 기반으로 CRUD, 파일 처리, 페이징 기능 구현"
})
}

/**
*archiveStudyStory
*
*-팀 스터디 내용을 공유하는 웹 프로젝트 기록입니다.
*-참고: StudyStory 팀 프로젝트(2019)
*
*/
function archiveStudyStory(): ProfileBuilder {
return this.addExperience({
context: "스터디를 만들고 참여하는 커뮤니티 웹 서비스",
contribution: "요구사항·DB·클래스 다이어그램을 설계하고 로그인·회원가입·통합 담당"
})
}