About

예술적인 개발자
홍상준 입니다.

안녕하세요 숭실대학교 컴퓨터학부에서 게임 개발웹 프론트 엔드공부를 해왔고, 현재는 클라이언트 개발자를 꿈꾸는 홍상준 입니다.
배웠던 것을 활용하고, 만들었던것이 작동하는 모습을 볼때 뿌듯함을 느끼며, 새로운 지식을 배우며 성장하고 다양한 문제를 해결할때 성취감을 즐거움을 느낄줄 아는 개발자 입니다.

대학 연합 동아리인 ProjectLamB의 창립 멤버로, 개발자, 테크 디렉터 로 활동하고 있습니다. Unity로 게임개발을 했었고 만들었던 게임을 런칭하고 판매했던 경험이 있고,
다양한 공모전 활동의 경험이 있습니다. 그리고, 숭실대 게임 개발 동아리인 겜마루에 소속되어 쉐이더를 통한 이펙트 제작 특강을 진행하기도 했습니다. 또한 평소 C/C++/Python으로 백준을 풀면서 알고리즘 공부를 했습니다. 게임 외적인 프로젝트로 Riot API를 이용해 유저의 게임데이터를 가져오고 R studio를 이용해 유저의 플레이 동향에 대한 통계적 가설을 세우고 분석하는 프로젝트를 진행했습니다. 안면인식, 시선 추적 오픈소스를 이용한 웹 기반 온라인 테스트 부정행위 모니터링 프로그램을 만들었고, 이 프로젝트는 KCI 논문으로 등재되었습니다.

GitHub Stats

Anurag's GitHub stats

Most Used Languages

Top Langs

Solved AC

Solved.ac프로필

Certificate

국가기술자격증
정보처리기사
한국산업인력공단
이름
홍상준
직무
정보기술
합격
2023.11.15

Skill Set

1. Tech Tools

알고리즘 문제해결

C

C++

Python

Java

게임 제작

Unity

C#

FMOD

웹 개발

HTML

CSS

Javascript

Typescript

SCSS

Node.js

Jquary

React

2. Collaboration Tools

Github

Sourcetree

Discord

Notion

DrawIO

Slack

Zeplin

3. Design Tools

ClipStudio

Photoshop

Procreate

AfterEffect

Blender

Figma

Projects

깃허브 Repository를 만들면서, 개인 프로젝트 뿐만 아니라, 협업 프로젝트 그리고 개발 공부를 하면서 배웠던 자료구조와 자료구조를 구현한 코드, 알고리즘 노트를 마크다운으로 작성하였습니다. 노트는 보는 사람도, 다음에 읽을 자신을 생각하면서 작성했습니다.

#Unity #C# #Stove Store SDK

Gear-Heart

2D 플랫포머 슈팅 장르의 게임입니다. 모노톤 그래픽을 채용하여 디스토피아 세계관을 강조하였습니다. BIC(부산 인디 커넥트)에 참가하여 부스 운영을 한 경험이 있습니다. 실제 스토브 인디와 Project LamB 라는 팀 명으로 계약을 맺어 Stove Store SDK를 사용해여 현재 스토브 스토어에서 게임을 입점하게 되었습니다.

Stove store >

#Unity #C# #Google Play

뭉뭉이와 총총총

이븐아이 게임톤 5기에 참가하여 개발한 뭉뭉이와 총총총이란 게임입니다. 모바일 캐주얼 러닝게임을 유니티로 제작하였습니다. 기획, 프로젝트 매니저, 사업 각각의 파트를 맡은 팀원과 함께 협업을 진행했고, 실제 구글 플레이 스토어에 런칭한 경험을 했습니다.

Google Play > PPT 첨부 >

#Unity URP #C# #ShaderGraph #FMOD

Sophia

Project LamB에서 현재 개발중인 GearHeart의 후속작 Sophia 입니다. 사이버 펑크 컨셉 3D 탑뷰 로그라이크 장르의 게임입니다. 유니티 URP 파이프라인 환경에서 맵과 애니메이팅을 제외한 전반적인 게임 아키텍쳐를 설계했습니다.

데모 플레이 영상 > 프로젝트 보러 가기 >

#Nodejs #webgazer.js

안면인식을 통한 부정행위 감지

안면인식, 시선 추적 오픈 소스를 이용하여, 웹 기반 온라인 테스트 부정행위 감시 프로그램을 만들었습니다. 이 프로젝트의 설계과정과 연구 내용을 정리하여 논문을 작성하였고 해당 논문은 KCI 논문에 등재되었습니다.

프로젝트 보러 가기 > 첨부 논문 >

#Nodejs #Typescript #Javascript #Webpack #SCSS

Portfolio

눈의 피로도가 적은 다크테마 컬러를 사용했습니다. 자바스크립트의 느슨한 타입선언을 보완하고, 클래스 기반 개발이 쉬운 타입스크립트를 이용해 기능구현을 했습니다. 그리고 웹팩을 통해 구현했던 타입스크립트의 모듈을 번들링 했습니다. Swiper.js를 통해 이미지 갤러리를 만들었고, Anime.js를 이용해 SVG 벡터 이미지 애니메이션을 만들었습니다. 그리고 스타일링에서 기존 CSS3는 유지보수가 좀 어렵고 작성한 것들이 알아보기 힘들었습니다. 그래서 SCSS를 이용했습니다. 덕분에 코드를 재활용할 수 있었고 효율적인 스타일링이 가능했습니다.

프로젝트 보러 가기 > 배포된 포트폴리오 >

#HTML #CSS

Neon Text

CSS의 이해를 높이기 위해 진행한 프로젝트로, 입력한 텍스트가 네온사인 처럼 깜빡이는 텍스트를 구현했습니다.

프로젝트 보러 가기 >

#Javascript #HTML #CSS

Login Form

로그인 폼을 CSS로 디자인하고 작성한 이메일 인풋에 따라 색, 아이콘이 표시되도록 했습니다. 이메일 형식을 판단하는 로직은 Javascript로 구현했습니다.

프로젝트 보러 가기 >

#Javascript #Typescript #HTML #CSS

Retro Menu

레트로 게임에서 모티브를 얻어 개발했습니다. 메뉴를 클릭하면 클릭한 메뉴가 활성화되고, 화면 클릭 시 레트로 게임 음악이 재생되며 타이틀이 움직이도록 구현했습니다.

프로젝트 보러 가기 >

#Javascript #canvas_api #HTML #CSS

Moving Square

자바스크립트의 이해를 높이기 위해 키보드와 상호작용하는 브러시를 웹페이지에 구현했습니다. 애니메이션, 시각화된 데이터, 카메라 등등 그래픽을 그리기 위해 사용되는 canvas_API를 이용했습니다.

프로젝트 보러 가기 >

#HTML #CSS

Glowing Icon

아이콘에 마우스를 올려놓으면 아이콘이 상호작용하는 프로젝트입니다. 아이콘은 Fontawesome 사용하여 이미지 표시에 비용이 적게 사용되도록 했습니다. 그리고 각 SNS 아이콘에 알맞은 키 컬러를 사용했습니다.

프로젝트 보러 가기 >

#Javascript #HTML #CSS #Geolocation API #Weather API

Momentum

디지털 시계와 로그인 기능, 그리고 LocalStorage를 이용한 TodoList 기능을 넣었습니다. Geolocation API와 Weather API를 사용해 현재 위치의 날씨를 표시하도록 했습니다.

프로젝트 보러 가기 >

#Javascript #Typescript #HTML #CSS

Video Slider

이미지가 첨부된 버튼을 만들어 버튼을 클릭하면 그에 맞는 비디오가 브라우저 배경에서 재생되는 프로젝트 입니다.

프로젝트 보러 가기 >

#Python #BS4 #Pandas #Selenium

집과 회사 거리계산

무수히 많은 회사 데이터를 전수조사 할때 인간의 힘으로 해내기 힘들다 판단해 카카오 지도 서비스와 Python을 이용해 거리 데이터를 추출하는 프로젝트입니다.

프로젝트 보러 가기 >

#R #Python #BS4 #Pandas #Selenium #Riot API

LOL Player Statistics

D F 자판의 차이가 통계적으로 승률 차이가 없다는 것을 보임으로써 단축키 설정은 개인의 취향으로써 존중 받을 수 있도록 하고싶다는 생각에서 진행한 프로젝트 입니다

프로젝트 보러 가기 >

#C #Java #SIC/XE

SIC 머신 아키텍쳐

컴퓨터 구조를 기반으로 SIC/XE머신에서 작동하는 어셈블리 언어를 이용해 기계어의 구조, 어셈블러, 로더, 매크로처리기 등의 구조와 동작 원리를 이해하고 이를 바탕으로 작동가능한 프로그램을 만들었던 과제입니다.

C : 보고서 보러 가기 > Java : 보고서 보러 가기 > 블로그 노트 >

Artworks

Blog

프로 개발자가 되기까지 디딤돌이 되는 글을 포스팅하는 기술 블로그 입니다. 백준 문제해결 알고리즘, 자료구조, 유니티 등등 공부한 내용을 포스팅하고 취미 로 그렸던 그림과 작곡했던 음악을 소소하게 개시하기도 합니다.

자료구조 카테고리

자료구조를 공부하면서 작성한 노트를 정리해서 포스팅 했고, 자료구조를 객체지향 프로그래밍에 입각해 구현한 코드를 게시하였습니다.

카테고리로 이동 하기 >

웹공부 카테고리

웹 공부를 하면서 작성했던 노드, 메모를 정리해서 포스팅 했고, 개념이나 문법이 떠오르지 않을때마다 다시 봐도 이해하기 쉽도록 개념과 예제로 구성했습니다.

카테고리로 이동 하기 >

알고리즘 카테고리

백준을 풀면서 작성했던 알고리즘 코드, 문제 해결 아이디어의 흐름, 오답노트를 정리해 포스팅 했습니다.

카테고리로 이동 하기 >

게임개발 카테고리

게임제작 프로젝트에서 독학했던 Unity 사용법에 대한 노트입니다

카테고리로 이동 하기 >

Contact