오창영을 소개합니다

간단 소개

풀스택 개발자가 아닌, 백엔드도 잘 하는 프론트엔드 개발자가 되고 싶습니다.

CSS를 재밌어합니다.

Front-End

CSS로 인터렉티브하고 재사용 가능한 컴포넌트들을 만들었습니다.

메인 로고

CSS 3D 속성을 사용하여 로고를 제작하였습니다.

퀴즈 편집 페이지

유효하지 않은 접근을 하면 나오는 페이지(404)

입체감있는 버튼

그래프 차트

모래시계

로딩

프로그레스 바

입체감 있는 문

camelCase <-> snake_case 전환하는 method 구현

javascript에서 camelCase를 사용하고 database에서는 snake_case를 사용하기 때문에, case를 쉽게 전환할 수 있는 caseChanger method를 구현하였습니다.

Back-End

퀴즈 편집 페이지에 필요한 백엔드를 맡아서 구현하였습니다.

퀴즈 편집 API

React의 context와 reducer를 사용하여 많은 state를 관리하였습니다.

퀴즈 편집 DB Query

퀴즈를 저장할 때 불러온 퀴즈와 변경된 퀴즈를 비교하여 수정 사항이 있는 퀴즈만 저장하도록 구현하였습니다.

Ncloud Object Storage

multer와 aws-sdk 라이브러리를 사용하여 오브젝트스토리지에 이미지 파일을 저장하는 기능을 구현하였습니다.