OTIS | 배우는 게 행복한 개발자 [비전공자 출신 개발자 자기소개]

OTIS | 배우는 게 행복한 개발자

---

안녕하세요 오티스입니다.
현재는 스타트업에서 근무 중이며 풀스택을 맡고 있습니다.

Contact.

Email. dhstjrxo123@gmail.com
Phone. 010-4200-6215

Channel.

Blog. https://otis.tistory.com/
GitHub. https://github.com/1domybest

---

Introduce.

현재 1년 6개월 개발자로 스타트업에서 풀스택으로 개발하고 있습니다.
회사 개발자가 저 혼자이기 때문에 서비스 개발/배포/운영하였습니다.
주로 웹개발을 하였고 3개의 서비스를 혼자 개발하고 운영하였습니다.

---

Skills.

• Front-End: JavaScript, Vue.js ,React-native.js, HTML/CSS
• Back-End: AWS (EC2, S3), Spring Boot, JPA, ElasticSearch , jenkins
• Database: MYSQL
• Communication: English(회화가능)

 

---

Work Experience.

에딧세이

영상 에디터들의 오픈마켓 전용 웹 사이트

이 프로젝트는 첫 입사 후 유지보수를 맡았던 작업이었습니다.
현재는 처음부터 새로운 비즈니스 로직으로 제작 중에 있습니다.
시간 순서대로 나열하기 때문에 새롭게 만들고 있는 사이트는 가장 아래에 첨부하도록 하겠습니다.

사용한 스킬 스택

프론트

• vue.js
• bootstrap
• socketJS

백엔드

• spring boot
• jooq
• elasticSearch
• stomp

프론트 엔드

• bootstrap을 적용시켜 웹사이트 동적구현을 고도화시켰습니다.
• 주문하기, 공지사항 등 일부 개발이 덜된 부분을 개선하였습니다.
• 에디터 찾기 페이지를 개발하였습니다.
• SocketJS를 활용한 메시지 기능을 구현하였습니다.

백엔드

• elasticSearch를 이용하여 관계형 db -> 인덱스 기반의 db로 저장시켜 성능을 개선시켰습니다.
• spring boot를 사용하여 api를 제작하였습니다.
• Stomp를 사용하여 클라이언트에서 오는 socket 통신을 브로커를 통해 전달될 수 있도록 api를 제작하였습니다.

 

---

비디오 쿠키

영상 에디터들의 템플릿을 판매하는 오픈마켓 플랫폼

이 프로젝트는 첫 입사 후 두 번째 프로젝트로 처음부터 끝까지 1인개발하였습니다.

사용한 스킬 스택

프론트

• vue.js
• bootstrap
• vuetify

백엔드

• spring boot
• jpa
• elasticSearch

서버

• aws ec2
• aws s3
• ubuntu
• jenkins
• nginx

프론트 엔드

• bootstrap을 적용시켜 웹사이트 개발 및 고도화하였습니다.
• vuetify를 사용하여 모바일 전용 웹 UI를 제작하였습니다.
• aws s3를 사용하여 파일 업로드를 구현한 경험이 있습니다.

백엔드

• elasticSearch를 이용하여 리스트 api를 구성하였습니다.
• spring boot를 사용하여 api를 제작하였습니다.
• jpa를 사용하여 관계형 DB를 설계하였습니다.

서버

• jenkins(젠킨스)와 github(깃헙)의 웹훅을 사용하여 서버 자동배포를 구현하였습니다.
• aws ec2를 이용하고 ubuntu 기반의 서버를 구축하였습니다.
• aws ec2의 탄력적 ip를 사용하여 고정 ip를 사용하는 방법을 알고 있고 사용하였습니다.
• nginx를 사용하여 프론트 엔드 클라이언트 부분을 배포하였고 프록시 설정(config)을 한 경험이 있습니다.

 

---

꼬까씬 콘텐츠

영상업체의 홍보용 사이트

이 프로젝트는 첫 입사 후 두 번째 프로젝트로 처음부터 끝까지 1인개발하였습니다.
또한 비즈니스 로직이 간단한 프로젝트였기에 비디오 쿠키의 서버를 재사용하여
제작하였습니다.

사용한 스킬 스택

프론트

• vue.js
• vuetify

백엔드

• spring boot
• jpa
• elasticSearch

서버

• aws ec2
• aws s3
• ubuntu
• jenkins
• nginx

프론트 엔드

• vuetify를 사용하여 웹 UI를 제작하였습니다.

백엔드

• spring boot와 jpa를 활용한 api 개발
• elasticsearch 로 카테고리 클릭시 관련된 포트폴리오 리스트업 되도록 구현

 

---

NEW 에딧세이

영상 에디터들의 오픈마켓 전용 웹 사이트

이 프로젝트는 첫 입사 후 유지보수를 맡았던 작업이었습니다.
하지만 코드가 점점 복잡해지고 비즈니스 로직이 많이 바뀌는 바람에
처음부터 다시 만들어야겠다는 판단을 한 후 현재 제작 중에 있는 프로젝트입니다.
도메인은 회사기본도메인을 잠시 사용하고 있습니다.

이 프로잭트 같은경우그래도 최대한 깔끔하게 작업하려고 노력을 많이했습니다.

주요기능으로는 현재 상단 에디터 찾기 기능입니다.

 

사용한 스킬 스택

프론트

• vue.js
• vuetify

백엔드

• spring boot
• jpa
• elasticSearch

프론트 엔드

• vuetify를 활용하여 좀 더 깔끔하고 안정적인 UI를 제작하였습니다.

백엔드

• elasticSearch를 이용하여 검색엔진을 구현하였고 좋아요 조회수 에따른 우선순위를 정하여 가장 관련성 있는 데이터가 나올 수도 있도록 api를 설계하였습니다.
• spring boot와 jpa를 사용하여 api를 제작하였습니다.
• elasticSearch 를 활용하여 검색창 구현 한글자만 적어도 관련있는 데이터가 나올수있도록 구현함

 

---

Other Experience.

 

스마트 조명 & 스마트 IOT 애플리케이션

 

사용한 스킬 스택

프론트

• vue.js
• vuetify

백엔드

• spring boot
• jpa

서버

• aws ec2
• aws s3
• ubuntu
• jenkins
• nginx

임베디드

• 아두이노 (c++)
• esp8266 d1 mini 모듈사용
• mqtt 통신사용

 

프론트 엔드

• vuetify를 활용하여 앱용 UI를 제작하였습니다.

백엔드

• spring boot와 jpa를 사용하여 api를 제작하였습니다.

평상시에도 IOT에 관심이 많아 집 모든 조명이 스마트 조명입니다.
어느 날 한번 만들어보면 어떨까 생각하고 임베디드 아두이노를 사용하여
스마트조명을 만들었습니다.
wifi 모듈인 esp8266을 사용하여 인터넷이 있는 어느 곳이든
컨트롤할 수 있는 스마트조명입니다.
MQTT를 사용하여 스마트 IOT와 통신하는 방식으로 개발하였습니다.

웹사이트 같은 경우 그전과 같은 스펙인 vue.js 와 spring boot, jpa를 활용하여
제작하였고
기능 부분에서는 홈추가 방추가 기기추가 기능을 개발하였고
로그인과 회원가입은 oauth2를 활용해 sns 가입기능을 개발하였습니다.


서버비용이 나가기 때문에 테스트만 하고 aws ec2는 삭제하였습니다.

---

react native를 사용한 클론 코딩

react native를 공부한 지는 2주 정도 되었습니다.
스스로 클론코딩을 도전하여
전체기능을 만들지는 못하였지만 최선을 다해서 만들었습니다.

사용한 스킬 스택

프론트

• react-native-cli

백엔드

• spring boot
• jpa

 

인스타그램

 

instagram 관련 포스팅

2022.12.22 - [개발/react-native] - [REACT NATIVE] 리엑트 네이티브 인스타그램 클론 코딩 (1) 계획 및 프로젝트 네비게이션 생성 및 홈 화면 구현 -git 참조-

[REACT NATIVE] 리엑트 네이티브 인스타그램 클론 코딩 (1) 계획 및 프로젝트 네비게이션 생성 및 홈

 

instagram 관련 github

https://github.com/1domybest/react-native-ig-clone.git

GitHub - 1domybest/react-native-ig-clone

---

 

baund 바운드

인스타그램 프로젝트가 어느 정도 마무리되고 바운드 클론코딩을 시도하였습니다
아직은 로그인과 회원가입만 구현한 상태이고 현재 진행 중에 있습니다.

sns는 구글로 로그인하기가 구현이 되어있고 sns 로그인은 firebase를 이용하여 개발하였습니다.
백엔드 부분은 항상 그렇듯 spring boot와 jpa를 활용하였습니다.

---

sns 로그인 구현 화면

---

로그인/ 로그인정보 저장 화면

 

 

회원가입/ 임시비밀번호 발급

 

이메일 인증번호/임시비밀번호 이메일 전송

 

 

baund 관련 github

-프론트-
https://github.com/1domybest/react-native-baund-clone.git

GitHub - 1domybest/react-native-baund-clone

-백엔드-
https://github.com/1domybest/react-native-baund-clone-backEnd.git

GitHub - 1domybest/react-native-baund-clone-backEnd

지금까지 긴 글 읽어주셔서 감사합니다.