xvezda.github.io

Portfolio

Contact

GitHub: https://github.com/Xvezda
E-mail: [email protected]

More

E-mail 2: [email protected]
Open chat: https://open.kakao.com/o/s98RaU8b

---

canyoufixme

• Link: https://canyoufix.me
• Source: https://github.com/boostcampwm-2021/web04-canyoufixme

2021.10 ~ 2021.12

React

Node.js

Express

Docker

MySQL

MongoDB

개발자를 위한 디버깅 훈련 컨텐츠 제공 플랫폼

• 프로젝트 아이디어 제안, 기획
• 쉘 스크립트와 git hook을 활용한 개발환경 자동화
• styled-components의 API를 구현한 자체 패키지 개발
• iframe과 Web worker를 활용한 Front-End 코드 샌드박스 구현
• Back-End 채점 서비스 구현

갤러리

https://youtu.be/T3ZrmI_XteA

---

Vom.js

• Source: https://github.com/xvezda/vom.js

2021.09 ~

Vanilla JavaScript

Webpack

가벼운 React-like 자바스크립트 프레임워크

• 번들링, 트랜스파일 과정 없이 바로 사용 가능하도록 탬플릿 리터럴 문법 지원
• useState, useReducer, useEffect, useCallback, useMemo, useRef, useLayoutEffect, useImperativeHandle 구현
• 함수형 컴포넌트 지향
• 부분 렌더링 지원

---

유희왕 카드 짤방 생성기

• Link: https://yugi.xvezda.com/

Vanilla JavaScript

Python

입력한 문장을 유희왕 카드로 재구성하여 짤방으로 만드는 기능을 제공

• Canvas API를 활용한 카드 합성
• 글자 수에 따른 최적 조합 알고리즘 작성
• 트위터 등 SNS에서 유행
  • 트위터 검색결과

갤러리

---

SaveTheLogin

• Source: https://gitlab.com/savethelogin/savethelogin

2019.09 ~ 2019.12

Vue.js

Python

Phishing 탐지, 차단 기능을 제공하는 브라우저 확장 프로그램

• 암호화 되지 않은 통신 차단
• 도메인 신뢰성 평가 기능
• Chrome, FireFox, Whale, Opera 등의 브라우저 지원
• 스토어 누적 다운로드 700+건

갤러리

Session Cookie Protection	Scamming Protection	Phishing detection
https://youtu.be/XqhFTRf4hTQ	https://youtu.be/LoYwSFNAUZ4	https://youtu.be/P8CrnSHeHmA

---

던파아카이브

• Link: https://dnf.akaib.com

2017.12 ~ 2018.01

Vue.js

Node.js

Express

MySQL

네오플社의 게임 “던전앤파이터”의 Open API를 활용한 게임 정보의 통계 및 편의기능을 제공

• HTML5 Notification API를 활용한 무설치 푸시알림 기능
• 반응형 레이아웃
• 구글, 네이버 소셜 로그인 지원
• 누적 사용자 16만명

• 공식 홈페이지 “오늘의 던파” 코너에 유용한 사이트로 소개

  

갤러리