-
Updated 2022-07-09
Technical Experience
TypeScript, React
Work Experience
FrontEnd Developer (2021.04.26 ~ current)
프론트엔드 개발을 하고 있습니다.
사용자에게 더 나은 경험을,
더 좋은 개발 문화를 수용하고 원활한 소통을 위해 노력합니다.
Projects
Market (2020.12.05 ~ current)
(링크를 클릭하시면 깃허브 저장소로 이동합니다. front 브랜치!)
웹, 앱에서 사용 가능한 React Native기반 안드로이드 플랫폼 모의 쇼핑몰 프로젝트입니다.
독학한 React Native를 활용해보고 협업 경험을 해보고자 프로젝트를 시작하게 되었습니다.
이 프로젝트는 실제 협업하면서 리액트 네이티브에 대한 이해도를 높이고
에러 대처능력을 키워보고자 계획했습니다.
인원 구성이 중간에 변경되어서 개발 일정을 주도하고 그 시간에 맞춰 모두 개발하는 방향으로 하고 있습니다.
대체로 1월은 일정이 맞지 않아 의도치 않게 개발일정이 늘어지고 있습니다.
그러나 팀원 모두 프로젝트 완료하고자 하는 의지는 있습니다.
협업은 github으로 하고 있고 팀원과 커뮤니케이션할 때는
최대한 기분 나쁘지 않게 순화해서 물어보는 쪽으로 하고 있습니다.
작업 순서는 대체적으로 앱의 화면을 모두 구성하여 시각화한 다음, 백엔드 개발자들과 논의하여
어떤 데이터 구조를 쓸지 정하면서 협업하고 있습니다.
개발 중에 힘든 점은 React Native에서 뜬금없이 에러가 많이 발생하는데 에러 내용이 상세하게 나오지 않는 것입니다.
대체로 빌드파일 문제나 오타들이 문제였고 그 외에는 React Native 공식문서를 먼저 보고 없다면
구글링으로 해결하고 있습니다.
그리고 컴포넌트 간의 props 통신을 어떻게 설계할지, 내비게이션 구조가 가장 힘들었던 것 같습니다.
조급하게 구현하지 않고 차근차근 다시 생각해보면서 대체로 생각하는 대로 됐었습니다.
사용한 기술스택
- TypeScript, React Native(react-native cli)
- redux, redux-saga, @react-navigation
Mini-SNS (20.03.01 ~ 20.03.14, 20.10.30 ~ 20.11.15)
(링크를 클릭하시면 깃허브 저장소로 이동합니다.)
(홈페이지 임시 폐쇄)
다크모드와 유저 지정차단, 글 숨김, 무한스크롤이 가능한 모의SNS 프로젝트입니다.
트위터나 페이스북에 다크모드가 없어서 불편했던 점이 있어 스스로 만들었습니다.
1인으로 만들었고 처음 시작해보는 백엔드 라이브러리들을 쓰는데에 있어서 다소 어려움이 있었습니다.
되도록 공식문서를 보면서 사용법을 익히려고 노력했고 그 결과 하나의 사이트가 탄생했습니다.
첫 프로젝트였던만큼 리액트에 대한 이해도를 높여보고자 했었습니다.
위에 명시된 첫 기간이 프론트만 구현했었고 뒷 기간이 nodejs, express를 학습하고 만들었던 기간이었는데
되도록이면 하루에 1개의 기능은 만들자라는 생각으로 했었습니다.
사용된 기술스택
- Front-end: React, redux, redux-saga, TypeScript, react-router, styled-components,
- Back-end: Node.js, Express, Sequelize
Activity
개인 블로그 (this)
Education
광주전자공고 (2011~2014 졸업)
- 자동차과