본인에 대해서 잘 설명할 수 있는 프로젝트 참여 경험과 해당 프로젝트에서 본인의 역할은 무엇이었나요?
본인이 개발 가능한 언어와 라이브러리 및 프레임워크의 숙련도와 기술 역량에 대해 자세히 서술해 주세요. (숙련도: 1~5, 5가 가장 숙련도가 높음)
이번 멋사 X ABLY Externship에 지원하게 된 계기와 달성하고자 하는 목표는 무엇인가요?
저는 'H 커피' 의 웹사이트를 모티브로 하여 진행했던 '커피 주문/결제 및 결제 현황 대시보드' 프로젝트에서 전체적인 코드 통합 및 결제 API 연동, 결제 현황 시각화 및 DB 구축 역할을 수행하였습니다. '커피 주문/결제 및 결제 현황 대시보드' 프로젝트의 주요 기능은 회원 가입, 상품 주문(+장바구니), 결제(Kakao Pay API 연동) , 관리자를 위한 결제 현황 시각화, 상품 목록 관리 등이 있었습니다.
개발은 Django 프레임워크를 사용하여 진행하였으며 DB는 MySQL을 사용하였습니다. 저는 비전공자이지만 프로젝트 진행 전 SQL도 다뤄보았고 Python에 대한 기초 지식도 있어 팀 내 프로젝트 총 책임자 역할을 맡았습니다. DB는 MySQL을 연동하였고 Django의 ORM을 이용하여 구축하였으며 상품 목록 추가 및 제거, 결제 현황 등의 기능을 구현할 수 있었습니다. 시각화에는 Toast UI를 이용하였습니다.
총 2주라는 짧은 프로젝트 진행 기간동안 이런 기능을 구현하면서 처음엔 동작하는 것만을 목적으로 코드를 작성하였지만 점차 맞게 구현하고 있는지, 최적화를 할 수 있는 방법이 없는지 궁금한 점이 많이 생겼습니다. 이를 통해 백엔드에 더욱 매력을 느꼈고 백엔드에서 무엇을 더 신경써야 하는지 배우고 싶었습니다.
마크업언어 html, css(숙련도: 5) 기본적으로 마크업언어를 사용하고 자유롭게 사용 하여 스타일을 원하는 입히는데 문제가 없습니다. 또한 **sass(숙련도: 3)**라이브러리를 사용하여 하드코딩을 하지않고 코드를 재사용하고 일관성을 지킵니다. 다만 심화학습이 필요한 function 과 if등등은 이론만 알고 실사용은 안해 보았고 연습이 필요합니다.
언어 javascript(숙련도: 3.5) 제가 생각한 로직을 코드로 옮기는데에 무리가없고, 코딩테스트 언어로 선택 할 수 있습니다. 구현능력에 대해서도 개인 프로젝트(노션 사이트 클로닝)를 통해 이벤트처리, api통신, 객체 데이터 파싱, 컴포넌트 구분, 라우팅 처리 등 원하는 방향대로 구현 할 수 있습니다. arrow function과 function의 차이를 알고 파생되는 this의 개념을 압니다. 그러나 함수형 심화과정인 이터레이터,제너레이터 개념이 아직 부족하고, deep한 자바스크립트 동작과정 등 개념이 부족합니다.
라이브러리 react.js(숙련도: 2.5) jsx문법을 알고 기본적인 hook을 사용할줄 압니다.(effect,state,memo,callback) 그러나 커스텀 훅 구현이 서툴고, jsx코드가 컴팩트 하게 짜지 못하고 길어집니다. conext api를 통한 props 전달이 서툴어 연습이 필요합니다.
프레임워크 vue.js(숙련도: 3) vue3를 이용하여 프로젝트를 진행해본 경험을통해 vue의 파일의 기본 구성을 알고, 특성을 이해하여 통일성있고 컴팩트하게 코드를 짤 수 있습니다. vue의 문법인 v-if,v-for를 이해하고 있으며 적극 활용합니다. vuex, router를 이해하고 활용할 수 있습니다. 그러나 극한으로 vue의 장점을 사용하지 못하고, slot등 vue의 심화적인 문법을 제대로 사용해보지 못하였습니다.
이번 익스턴십에 지원하게 된 계기는 크게 3가지가 있습니다.