• 안녕하세요
    FrontEnd 개발자
    서정민입니다!

  • 저는 새로운 것을 배우는 것을 좋아하고,
    궁금한 점을 끝까지 파헤쳐서
    답을 알아내는 성격을 가지고 있습니다. 

About Me

Who Am I?

안녕하세요! 끝까지 해결해보는 과정을 즐기는 개발자 서정민입니다!

효율적인 협업을 통해 시간 효율을 높이기 위해서 노력합니다.
이를 위해 문서나 코드를 작성할 때 보기 좋은 구조로 작성하는 것을 좋아합니다.
깨끗한 구조로 작성하는 것이 팀 구성원들과의 커뮤니케이션에 큰 도움이 된다고 생각하기 때문입니다.

또한 좋은 정보나 경험이 있을 때 공유하는 것을 좋아합니다.
함께 성장하는 것이 결과적으로 팀의 생산성을 높이는 일이라고 생각하기 때문입니다.

JavaScript

React

Vue.js

 

TypeScript

완벽을 추구하기 보다 현재 주어진 일에 최선을 다하기 위해서 노력합니다.

The way to get started is to quit talking and begin doing.
Cups of coffee
Projects
Days
Struggle With Errors
My Skills

저는 지금 이것을 할 수 있습니다.

HTML

80%

웹 접근성과 웹 표준을 고려하여 웹서비스의 기본 뼈대를 구축하는 마크업 언어인 HTML을 공부했습니다.

CSS

70%

flex, grid등의 Layout과 CSS 전처리기 Scss 학습
CSS In JS인 Styled Components, tailwindCSS 사용 경험이 있습니다.

Javascript

65%

ES6 문법,비구조화 할당, Spread 연산자, 화살표 함수 등을 학습했고, 배운 내용으로 프로젝트를 구현한 경험이 있습니다.

React

60%

React Hooks, React-router-dom, useEffect, React-Qeury, React-Recoil 등 사용하며 학습했습니다.

Vue.js

60%

각 컴포넌트를 구성하여 화면을 구현하고, Vue-router와 Vuex를 통해 프로젝트를 구현해 보았습니다.

TypeScript

30%

프로그램 실행 전 에러를 파악하여 버그를 사전에 제거해주는 타입스크립트를 프로젝트에 사용해 보았습니다.
Interface를 작성해 보았습니다.

Github

60%

학습한 프로젝트를 Github에 저장해두었고, README를 통해 프로젝트 설명을 추가했습니다.
팀 프로젝트 시 Branch를 활용하여 각자의 파일을 관리하여 생산성을 높이고 에러 가능성을 줄였습니다.
Github Pages를 통한 배포 경험이 있습니다.

Aws

40%

Aws EC2, C3를 사용하여 프로젝트를 배포한 경험이 있습니다.
테스트 케이스와 github Action을 활용하여 gih push 때 자동 배포되도록 설정해보았습니다.

Education

Education

github 링크 보러가기


[학습 Skills]
React, Docker, JavaScript, React-Hooks, TailwindCss, Styled Components, TDD, AWS S3

Project Lion의 The Origin: React 코스를 수강중입니다.
국비 지원교육을 통해 개발에 대해 배우게 되면서 프론트엔드 공부를 본격적으로 더 해보고 싶다는 생각에 과정을 신청하게 되었습니다.
그동안 배웠던 JavaScript를 이용하여 React에 대해 배우고, 매주 과제를 통해 배운 지식을 실전에 적용할 수 있도록 정리하고 있습니다.
또한 Peer Group을 통해서 팀을 구성하여 스터디를 진행하고, 팀원들과 코드리뷰를 통해 서로 어려웠던 점을 공유하고 있습니다.

"NomadCorders - VanillaJS & React-Master-Class 수강"

github 링크 보러가기


[학습 Skill]
Vanilla JS, React, TypeScript, Recoil 등

습득한 개발 지식을 프로젝트에 적용해보기 위해서 챌린지와 함께 강의를 수강 하여 실전에 적용 시키며 공부하고 있습니다.

"디지털 컨버전스 자바기반클라우드SW반 수료"

개발 공부를 해보고 싶다는 생각에 국비 지원교육과정을 등록했고, 아래와 같은 기술에 대해 배우며 학습했습니다.

개발과는 관련없는 비전공이지만 화학과를 다니면서 수 많은 실험들을 경험했습니다.
실험을 할 때마다 실험 보고서를 쓰면서 실험의 목적, 결과, 실패원인등을 쓰면서 기록하던 습관이 지금 개발을 할 때 많은 도움을 주는 것 같습니다.
개발공부를 할 때 오류가 발생하면 무슨 원인 때문에 발생했는지를 고민하고 검색해가며 해결하는 것이 화학과에서 실험을 할 때와 비슷하여 많은 도움이 됩니다.

Experience

Work Experience

[경험] 약국에서 전산담당직원으로 근무 2019.02 - 2021.02

약국에서 전산담당  직원으로 근무하며 여러가지 실무에 쓰이는 프로그램들을 사용해 보면서 프로그램에 대해 관심을 갖게 되었습니다. 

사용자 입장에서 불편한 점이 생길 때 마다 어떤 기술을 추가 해야 할까 궁금증이 들었고,
좀 더 자세히 배우고 싶어서 인터넷으로 알아보다가 혼자 하는 것 보다는 자세하고 꾸준히 배워보고 싶어서 직업전문학교과정을 수강하게 되었습니다.

또한 2년 동안 약국에서 근무하면서 수많은 사람과 만날 기회가 있었습니다. 다양한 손님들을 응대하면서 그 사람이 필요한 것이 무엇인지 맞춰야 하는 일이 많았고, 손님들이 필요한 것을 고민하다 보니 다른 사람이 원하는 것을 미리 준비하는 습관이 생겼습니다.
이러한 경험을 통해 개발할 때 고객들의 요구를 파악하며 소통하는 능력을 키울 수 있었습니다.

My Work

Recent Work

개인 프로젝트

TypeScript 구현한 'bit ghost'

📅 2022.04.05 - 2022.04.10

TypeScript로 구현한 Coin Tracker App입니다.
다양한 암호화폐의 시세와 동향, 차트를 볼 수 있습니다.
Recoil을 이용하여 다크/라이트 모드를 구현하였으며, React-helmet을 이용하여 페이지의 위치를 주소창에 표시할 수 있도록 구현하였습니다.

github 배포페이지

React로 구현한 'Netflix-App'

📅 2022.03.08 - 2022.03.22

React로 NetFlix를 클론하여 만든 사이트입니다.
The Movie Db Api, React Router, React hook, Swiper를 사용하여 화면을 구현했습니다.
포스터를 클릭시 모달과 함께 영화의 정보가 표시됩니다.

github 배포페이지

React로 구현한 'JM Todo'

📅 2022.02.28 - 2022.03.04

React로 구현한 Todo App입니다.
할 일 목록을 추가, 삭제, 수정, 저장할 수 있습니다.
Tailwind CSS를 사용하여 UI를 꾸미고,
React-beautiful-dnd 를 사용하여 Drag로 순서를 바꿀 수 있도록 구현하였습니다.

github 배포페이지

Momentum 사이트 구현

📅 2022.03.21 - 2022.03.28

노마드코더 2주챌린지를 통해 HTML, CSS, JavaScript로 구현한 Momentum앱입니다.
Google의 Momentum 페이지를 레퍼런스로 만들어졌으며 D-day, 명언, 실시간 시계, 날씨 및 위치, 유튜브 영상, Todo List가 포함되어 있습니다.

github 배포페이지

오픈API를 이용한 영화검색사이트 'JMDB'

📅 2021.08.25 - 2021.08.31

오픈 API와 Vue.js를 이용하여 영화를  검색할 수 있는 사이트를 만들었습니다. 제목, 장르, 에피소드로 검색이 가능하며  포스터, 개봉일, 평점등의 영화의  기본정보를 알 수 있습니다. 

github 배포페이지 상세설명보기

팀 프로젝트

전통시장 배달서비스 '골목식당'

📅 2021.08.30 - 2022.09.10 (3명)

코로나 19로 인해 침체된 전통시장상권의 활성화를 위해 전통시장에 배달서비스를 접목시킨 사이트입니다. 또한 배달음식을 많이 시켜먹는 젊은 층들도 간편하게 건강한 식사를 할 수 있도록 시장물건들로 구성된 밀키트도 판매합니다.

github 사이트

골목시장 프로젝트보고서

Presentation

프로젝트에 대한 보고서 및 작성문서입니다.

상세설명보기

협업Tool & Git Branch

Trello

프로젝트 협업도구

팀 프로젝트 시 정보공유와 진행상황 관리를 위해서 트렐로를 사용했습니다. 체크리스트를 만들어 우선순위에 따라 과정이 진행될 수 있도록 하였고, DB의 변경상황을 공유하여 프로그램 충돌상황을 최소화했습니다.

Trello

Git Brandch

형상관리

깃허브에 올린 repository를 팀원이 공유하도록 설정하고, 각각 브랜치를 만들어 기능이 완성될 때 마다 master에 병합하여 형상관리를 했습니다. 오류를 방지하기 위해 테스트 중인 기능은 테스트 브랜치를 만들어 커밋하여 충돌을 최소화했습니다.

github

Read

Recent Note

HTML5 Bootstrap Template by colorlib.com

Github

프로젝트를 만들 때 깃허브 저장소를 이용하여 과정을 기록해두고 있습니다. 또한 README 파일을 함께 작성하여 프로젝트에 대한 설명을 쉽게 볼 수 있도록 정리하고 있습니다.

HTML5 Bootstrap Template by colorlib.com

Notion

블로그에 올리기 전에 정리해야 하는 내용이나, 저작권으로 인해서 공개적으로 포스팅할 수 없는 수업내용들을 노션에 정리하여 언제든지 찾아볼 수 있도록 정리했습니다.

HTML5 Bootstrap Template by colorlib.com

티스토리 블로그

공부한 내용들을 정리하여 블로그에 포스팅하고 있습니다. 또한 자주 헷갈릴 수 있는 지식들을 블로그에 포스팅하여 언제든지 볼 수 있게 만들었습니다.

Get in Touch

Contact

부산광역시 연제구