개인 또는 그룹 포트폴리오
아마존 웹 서비스를 처음 가입하면 1년 동안 프리티어(Free Tier) 기간이라고 해서 특정 인스턴스를 무료로 이용할 수 있는데, 이 때 게시했던 서비스 3개 (게시판, 미디 플레이어, 게임 정보 사이트)가 있습니다. 서비스 당시에는 웹에서 바로 접근해서 모든 기능을 사용할 수 있었습니다만, 지금은 인스턴스를 전부 삭제했기 때문에 접속이 불가능합니다. 당시에 그냥 없애기는 좀 더보기…
나만의 오르골(뮤직 박스) 악보를 만들고 재생, 공유할 수 있는 나만의 오르골 만들기 Make My MusicBox 앱이 출시되었습니다. 나만의 오르골 만들기 Make My MusicBox 프로모션 영상 사용 도구 Swift, Xcode 앱스토어 링크 나만의 오르골 만들기 Make My MusicBox (모든 국가 출시) 깃허브 링크 https://github.com/ayaysir/MusicBox 제작 시기 더보기…
Tuner XR 사용 도구 Swift, Xcode 앱스토어 링크 https://apps.apple.com/kr/app/tuner-xr/id1581803256 (모든 국가 출시) 깃허브 링크 https://github.com/ayaysir/iOS-Tuner/ 제작 시기 버전 1.0 – 2021.7.30 ~ 2021.8.20 특징 및 사용 기술 애플 앱스토어의 검수에 통과하였습니다. Core Data + CloudKit으로 개인 아이클라우드 계정을 데이터 관리 및 기기간 연동 IOS 13 버전 더보기…
제가 만든 Diffuser Stick 이라는 앱이 애플 앱스토어에 출시되었습니다. DiffuserStick (디퓨저 스틱) 사용 도구 Swift, Xcode 앱스토어 링크 https://apps.apple.com/kr/app/diffuserstick/id1578285458 (모든 국가 출시) 깃허브 링크 https://github.com/ayaysir/iOS-DiffuserStick/ 제작 시기 버전 1.0 – 2021.7.13 ~ 2021.7.27 특징 및 사용 기술 애플 앱스토어의 검수에 통과하였습니다. Core Data로 오프라인 데이터 관리 더보기…
이미지 판매 사이트 (ImageShop) React + Redux-saga + Typescript 로 제작한 이미지 판매 사이트입니다. 저장소: https://github.com/ayaysir/React-ImageSell 참고서적 및 API 서버 출처: 실전 리액트 (온노트) 영상으로 보기 특징 외부 API 서버를 이용한 SPA 형태의 홈페이지 React-router를 이용한 URL 라우팅 구현 Functional Hooks 사용, MVVM 패턴에 맞춰 페이지, 컨테이너, 컴포넌트 역할 구분 관리자 더보기…
현대음악가인 Steve Reich의 Clapping Music이라는 곡을 바탕으로 만들고 있는 리듬게임입니다. 원곡 동영상 데모 동영상 생각보다 배치가 어려워서 연습을 많이 해야할 것 같습니다. 데모 사이트 https://clapping-music.netlify.app/ 스페이스 바를 누르면 게임을 시작합니다. 왼쪽 키는 f, 오른쪽 키는 j를 눌러주세요. 크롬에서 실행하는 것을 권장합니다. 저장소 https://github.com/ayaysir/TypeScript-ClappingMusic/ 사용 기술 TypeScript 더보기…
저장소 https://github.com/ayaysir/saga-board-1 사용 기술 ReactJS React Hooks API Axios ES6+ JavaScript HTML CSS React-Redux Redux-Saga 주요 기능 외부 API를 통한 CRUD 기능 이미지 파일 전송 및 표시 기능 스크린샷
깃허브 https://github.com/ayaysir/pseudo-kiosk-haksik 제작 연도 2018 사용기술 Java(Swing UI + 네트워크 소켓), CSV 제작 목적 프로그래밍 학습과 더불어, POS 및 KIOSK 원리 파악의 목적을 위해 제작하였습니다. 프로젝트 구조 주요 특징 및 스크린샷 학식(학생식당)에서 사용할 수 있는 KIOSK 머신용 프로그램과 주방 프로그램, 관리 서버로 더보기…
https://github.com/ayaysir/movie-reactjs React(리액트)의 functional hook + Material UI 를 이용한 영화 정보 제공 사이트입니다. (주의: 입사용 과제테스트로 수행되었으며 불합격 통지를 받은 결과물입니다. 요구사항은 대부분 구현되어 있습니다.) 사용 기술 ReactJS React Hooks API Axios ES6+ JavaScript HTML CSS Material-UI 주요 기능 외부 API를 통해 영화 정보를 보여줌 무한 스크롤 (Infinite 더보기…
스프링 부트(Spring Boot) + Vue.js 예제: 게임 정보 제공 사이트 (스타라이트 스테이지) About this site 아이돌마스터 신데렐라 걸즈 스타라이트 스테이지(데레스테) 게임 정보 제공 사이트입니다. Link http://dere.yoonbumtae.com 사이트는 AWS 프리티어 기간이 만료되어 폐쇄했습니다. 서비스 당시 모습을 영상으로 볼 수 있습니다. Github https://github.com/ayaysir/deretopic 기술 스택 구현 내용 구현 더보기…