lookin_min Portfolio

lookin_min's Portfolio

About Me

Skills

Career

Projects

WELCOME
Front-End & Full-Stack Developer

lookin_min, 조민수입니다.

함께 일하고 싶은 동료이자,
사용자 경험을 중시하는 개발자로 성장하고 있습니다.

ABOUT ME

조민수, Min-Su CHO

ancx1234@naver.com

학력

충북대학교 소프트웨어학과 졸업

병역

육군 병장 만기제대
(19.07 - 21.02)

대내외 활동

충북대학교 전자정보대학 제 22대 SUMMIT 학생회 복지국장

2023.01.01 ~ 2023.12.31

교내 소프트웨어 학술 동아리 PDA-PRO 학습부장

2022.01.01 ~ 2023.12.31

충북대학교 SW중심사업단 학부생 튜터

2022.09.01 ~ 2023.07.01

충북대학교 전자정보대학 제 21대 EQUALITY 학생회 정책기획국장

2022.01.01 ~ 2022.12.31

교내 소프트웨어 학술 동아리 CGAC 사무차장

2019.01.01 ~ 2019.07.22

자격증, 어학

SQLD(개발자)

2024.09.20

OPIc IH

2024.05.07

정보처리기사

2023.11.15

수상 경력
(클릭해 상세보기)

2023 오픈소스SW 동아리 최우수상

2023.12.08 / 충북대학교 SW중심사업단

2023 공개SW 개발자대회 동상 - (주)비아웹 대표상

2023.12.01 / 과학기술정보통신부 주관, (주)비아웹

2023 관광데이터 활용 공모전 우수상

2023.11.29 / 한국관광공사, (주)Kakao

2023 충북대학교 전자정보대학 캡스톤 디자인 대상

2023.11.03 / 충북대학교 전자정보대학

2022 충청권 ICT 메이커톤 우수상

2022.11.05 / 과학기술정보통신부 주관, 충북과학기술혁신원

2022 관광데이터 활용 공모전 장려상

2022.10.06 / 한국관광공사, (주)Kakao

2022 오픈소스전문프로젝트 교과기반 프로젝트 우수상

2022.06.30 / 충북대학교 SW중심사업단

MORE
(GitHub, velog)

SKILLS

Front-End

React Framework를 능숙하게 다루며JavaScript, TypeScript를 환경에 맞추어 선택해 사용합니다.

useState, useReducer같은 상태 관리 Hooks를 자유로이 사용하며, useMemo, useEffect 등의 렌더링 관련 Hooks 또한 무리 없이 사용합니다.

Props drilling 등의 문제에서 벗어나기 위해 Redux, Recoil 상태관리 라이브러리를 지속적으로 도입해왔습니다.

React 내에서 React-responsive와 MediaQuery를 통해 반응형 UI를 설계하고 구축할 수 있습니다.

REST API의 구조를 인지하고 있으며 비동기 통신을 위해 Axios, React-query, Redux-thunk를 자유로이 사용합니다.

Bootstrap, Mui와 같은 오픈소스를 적극적으로 활용하고, 단순한 차용보단 기반 디자인에 맞춘 커스텀을 지향합니다.

UI/UX 기획 및 설계 단계에서 적극적으로 참여하고, flex, grid display를 통한 layout 구성에 능합니다.

크로스 브라우징 이슈에 민감하게 대응하고, 웹 표준과 웹 접근성을 고려한 설계와 시맨틱 마크업을 고려합니다.

현재는 PWA를 관심있게 지켜보고 있으며, 웹 성능 최적화와 Webpack를 공부하고 있습니다.

Back-End & Database

REST 원칙을 이해하고, REST API와 RESTful API를 설계할 수 있습니다.

Python 기반의 FastAPI Framework을 통해 웹 서버를 구축할 수 있습니다.

Express 기반의 간단한 웹 서버를 구축할 수 있습니다.

RDBMS의 MySQL 쿼리를 자유롭게 작성할 수 있으며, INDEX, VIEW 등의 기술에 대한 이해를 갖추고 있습니다.

MongoDB, Firebase 를 통한 NoSQL DB 경험과 서비스 개발 경험이 있습니다.

ETC

C언어와 C++ 의 언어 구조를 인지하고, 강사로서 교육한 경험이 있습니다.

Flutter를 통한 Cross-Platform Application 개발에 능하고, 서비스 배포 경험이 있습니다.

Android Studio 기반 Native Application 개발 및 서비스 배포 경험이 있습니다.

Agile 방법론에 대해 깊이 이해하고 있으며, Jira를 통해 이를 프로젝트에 도입하는 것을 지향합니다.

Git-flow / GitHub-flow 브랜치 전략을 이해하고, 도입해왔습니다.

UI/UX 기획 설계 단계에 참여하고, Figma를 간단히 다룰 수 있습니다.

for Front-End dev.

for Full-Stack dev.

ETC

CAREERS

남박사로봇코딩학원 (청주)

2022.07 ~ 2023.10

근무형태 : 아르바이트

직책 : 코딩 강사

[주 업무]

C, C++, Python 등 기초 프로그래밍 언어 강의

코딩 올림피아드 대비 알고리즘 문제 해설 강의

HTML5/CSS3/JavaScript 웹 프로그래밍 기초 강의

Arduino, 3D Printing 등 기타 강의

PROJECTS

한 눈에 모아보기

서비스 도메인 환경

웹 서비스
모바일 앱 서비스
복합 서비스

개발 언어 및 프레임 워크

React(JS+TS)
FastAPI(Python)
Flutter
MySQL
MongoDB
Firebase

[ lookin_min's Portfolio ]

2024.04

팀 구성

1인 프로젝트

역할

Front-End

UI/UX

Project 목적

포트폴리오를 위한 웹 사이트 제작

활용 기술 스택

React

TypeScript

Styled-components

@media, Recoil, Recharts

Vercel

@babel webpack

Click to GitHub

주요 기능

소개용 웹 페이지

방문자에 따른 정보 공개 상태 처리

@media를 통한 반응형 UI

경험 사항

포트폴리오 웹사이트 구축 및 배포

React TS, Styled-components를 통한 CSS-in-JS 개발

Vercel을 통한 Git 연동 Continuous Deployment

Recoil 기반 방문자 상태 관리

[ EDU:CONNECT ]

2023.11.17 ~ 2023.11.18

팀 구성

3인, FE 1 + BE 2

역할

Team Leader

Front-End

UI/UX

Prompt Engineering

Project 목적

AI 기반의 온라인 LMS 웹 서비스 제작

학습자와 교육자 모두 AI 기반 기능을 사용할 수 있는 AI 친화적 웹 서비스 제작

TypeScript 기반 Front-End 개발, 반응형 UI 역량 함양

활용 기술 스택

React, TypeScript

Styled-components

Redux, React-query, Axios, React Hooks

반응형 UI : MediaQuery, React-responsive

FastAPI

ChatGPT API, Prompt Engineering

Mui, Boostrap, sweetAlert2

Figma

Click to GitHub

주요 기능

Redux 기반 로그인

강의실 제작 및 학습 컨텐츠 제작

AI 기반 Quiz 생성, AI 기반 Q&A 시스템

강의자료(.pdf) 업로드 및 저장

학습자 현 상태 피드백 제공

경험 사항

2023 충청권 ICT 메이커톤 본선 진출

비록 수상에는 실패했지만, Figma 기반의 UI/UX 설계부터 React TS를 통한 개발 과정까지의 경험

Swal 기반 로딩 UI 등의 상호작용 UI 제공

React.lazy, Suspense 기반 Lazy-loading 및 useMemo 등의 캐싱을 통한 성능 최적화

Prompt Engineering을 통한 생성형 AI(LLM) 효율적 활용 경험

GitHub-flow 브랜치 전략을 통한 전략적 협업 관리 진행

서비스의 성격과 팀 역량을 고려한 기술 활용의 중요성 인지

[ Coding Coach : COCO ]

2023.04 ~ 2023.11

팀 구성

3인, FE 1 + BE 1 + DevOps 1

수상 내역

2023 오픈소스SW 동아리 최우수상

2023 공개SW 개발자대회 동상

2023 캡스톤 디자인 대상

역할

Team Leader

Front-End

UI/UX 설계

Prompt Engineering

Database

Project 목적

초보자를 위한 AI 활용 온라인 저지 웹 서비스 제작

코딩 강사 경험에서 발전한 에듀테크 기반 서비스 제작

React + FastAPI + MySQL 까지의 Full-stack 개발 역량 함양

활용 기술 스택

React

JavaScript

Redux, React-query, Axios, Suspense

MediaQuery, React-responsive

FastAPI, Python, MySQL

ChatGPT API, Prompt Engineering

Mui, Boostrap, sweetAlert2

Git, Jira, Figma

Click to GitHub

주요 기능

로그인 및 회원가입

게시판, 알고리즘 문제 풀이, 채점상황 확인, 스터디룸 내 Q&A, 맞춤형 로드맵

ChatGPT 기반 Q&A 시스템, FAISS 기반 유사/비유사 로직 코드 제공

AI 기반 알고리즘 문제 생성, AI 시스템 플러그인 기능

마이페이지 내 Recharts 기반의 시각적 경험의 학습 상태 확인

경험 사항

Git-flow 브랜치 전략 도입, Jira를 통한 Agile 도입으로 효율적 협업 진행

요구사항 명세서, UML 다이어그램 등 문서(산출물) 기반 체계적 설계 경험

JWT 토큰 인증 기반 방식, Redux 상태 관리 로그인 기능 개발

Q&A 기능 리팩토링 (리스트뷰 -> 'Accordian')으로 시인성, 사용 편리성 강화

마이페이지 내 API 호출 로직 개선을 통한 중복 데이터 접근 최소화 및 Suspense의 Lazy-loading 성능 최적화를 통해 1s 이상 렌더링 시간 감소

채점 결과 제공 페이지 내 다수의 AI 기능 호출 로직 개선 및 세부 기능 코드 스플리팅으로 1s 이상 렌더링 시간 감소

Swal 및 직접 제작한 로딩 화면 UI 등의 상호작용 UI를 통해 향상된 사용 경험 제공

Prompt Engineering을 통한 생성형 AI(ChatGPT) 효과적 활용 경험

근무 학원과의 연계 배포를 통한 약 40명의 사용자 피드백 및 유지보수

MSA 구축을 통한 확장성, 유지보수성의 장점 / 배포 및 운영 관리의 복잡함의 단점 경험

Apache 2.0 License 기반의 GitHub 배포를 통한 오픈소스로서 2차 가공 기회 제공

[ OFFSIDE ]

2023.05 ~ 2023.10

팀 구성

5인, UI/UX 기획 1 + 앱 개발 4

수상 내역

2023 관광데이터 활용 공모전 우수상

역할

Team Leader

Flutter 기반 앱 개발

UI/UX 설계

Project 목적

K리그 관중 증가에 따른 K리그 타겟 모바일 애플리케이션 제작

관중들이 경기 직관 시에 즐길 수 있는 먹거리 및 관광지 정보 제공

지역 관광 활성화를 위한 지역 관광지 정보 제공

활용 기술 스택

Flutter

Dart

Provider, MediaQuery

Firebase

Kakao API, Tour API 4.0

Figma

Git, Jira

Click to GitHub

주요 기능

카카오 로그인 및 시스템 회원가입

팀 커뮤니티, 위치 기반 관광지 검색, K 리그 경기장 주변 관광지 정보 제공

여행 계획 수립 및 일정 관리, K 리그 경기 정보 제공

경험 사항

Flutter내 MVVM 아키텍처 적용 애플리케이션 제작 및 배포

Git-flow브랜치 전략 도입, Jira를 통한 Agile 방법론 도입으로 효율적 협업 진행

지난 2022 대회 보다 성장한 결과 (장려상 -> 우수상)

Firebase 기반 실시간 채팅 기능 (팀 커뮤니티) 제작

K리그 경기 정보 제공 API의 부재 -> 구글, K리그 홈페이지 Crawling을 통한 실시간 경기 정보 제공

[ 자극에 대한 역치 감소 ]

2023.03 ~ 2023.06

팀 구성

3인, FE 1 + BE 1 + Data 정제 1

역할

Team Leader

Front-End

Back-End

UI/UX 설계

Data Processing

Project 목적

자극적 제목의 낚시성 기사에 대한 비판적 사고 함양

2023 빅데이터 시스템 교과목 프로젝트

활용 기술 스택

React JS

Bootstrap, CSS3

Suspense, React Hooks, Recharts

FastAPI, Python

MongoDB

Click to GitHub

주요 기능

카테고리 별 기사 분류

자동생성 낚시성 기사 / 직접생성 낚시성 기사 / 자동생성 비낚시성 기사 구분 게임 기능

기사 검색 → 해당 기사 진실/거짓 판단

경험 사항

약 73만개의 대용량 비정형 데이터 처리 웹 서비스 개발

Suspense를 통한 Lazy-loading 도입으로 웹 성능 최적화

Recharts를 통한 차트 서비스 개발

검색 서비스 성능 개선을 위한 MongoDB 쿼리 최적화, 로딩 화면 제공

NoSQL Database Handling

[ P.I.Shield ]

2022.11.04 ~ 2022.11.05

팀 구성

4인

수상 내역

2022 충청권 ICT 메이커톤 우수상

역할

Team Leader

Flutter 기반 앱 개발

FastAPI 기반 REST API 설계 및 제작

openCV, EasyOCR 기반 이미지 처리

Project 목적

무심코 찍고, SNS에 업로드 하는 이미지 속 개인정보 유포 불감증에 대한 대안 제시

AI 기반 기술을 사용한 REST API 및 애플리케이션 제작

활용 기술 스택

Flutter

Future - await

FastAPI, Python

EasyOCR, openCV

Click to GitHub

주요 기능

이미지 내 개인정보 텍스트(주소, 주민번호 등) 마스킹 솔루션

이미지에서 개인정보 Text 인식

인식 Text 분석을 통한 개인정보 유무 판단 및 모자이크 후처리 이미지 저장

경험 사항

FastAPI 기반 REST API 설계 및 제작 후 해당 API를 활용한 애플리케이션 제작

시간 제약으로 인한 텍스트 분류 모델 구축의 어려움 -> Python 내 정규식을 통해 개인정보 텍스트 분류

AI 기술(이미지 처리)을 사용한 앱 서비스 제작

무박 2일간 대회를 통한 몰입도 높은 개발 과정 경험

[ Festival-ing : Fing ]

2022.05 ~ 2022.10

팀 구성

6인

수상 내역

2022 관광데이터 활용 공모전 장려상

역할

Team Leader

Flutter 기반 앱 개발

Front-End

UI/UX 설계

Project 목적

COVID 19 하락세 및 관광 수요 증가에 편승한 애플리케이션 제작

전국 축제에 대한 홍보 및 지역 경제 활성화 독려 애플리케이션 제작

활용 기술 스택

React JS

Flutter

React Hooks, MediaQuery

Firebase

Kakao API, Tour API 4.0

Figma, GitHub Pages

URL

https://lookinmin.github.io/

Click to GitHub

주요 기능

전국 축제 관련 개최 시기, 위치 등 정보 제공

축제 개최지 주위 식당, 숙박, 전통시장 등 추가 정보 제공

현재 내 위치 기반 주변 축제 정보 제공

경험 사항

Flutter + Firebase 기반 애플리케이션 제작

마케팅 수단으로서의 웹 페이지 제작 및 SEO 최적화

반응형 UI 및 스크롤 애니메이션 등 동적 사용자 경험 제공

GitHub Pages를 통한 웹 페이지 배포

Google PlayStore 정책 미숙지로 인한 앱 배포 실패로 정책 숙지의 중요성 인지