다우기술 | 그룹웨어개발팀

Front-end Developer

2023.07 ~

• 다우오피스 통합 Front-End 파트 근무

• Next.js를 monorepo로 전개한, 다우오피스 통합 프론트엔드 개발

• StoryBook 통한 UI Testing 도입 및 Mdx로 문서화

• 경영업무포털 및 임직원포털 Compound Component 패턴 활용해 컴포넌트 분리 작업 중

• jotai와 Context API 활용 foundation 컴포넌트 상태 관리

• Turbo Code gen 통한, Mdx 및 StoryBook 템플릿 자동 생성

다우기술 | 모바일개발팀

Android Developer

2022.11 ~ 2023.07

• 영양제 복용관리 서비스, 삐약삐약 유지보수 및 2차 개발

  • KMM (Kotlin Multiplatform Mobile) 활용, feature 단위 개발 및 비즈니스 로직 구현

  • TripleT와 Jenkins 통한, 구글 플레이 자동 배포 파이프라인 구성해 도입, 삐약삐약 버전 1.0.0.0 ~ 1.0.2.4 관리 및 운영

• 엔팩스

  • Apple Silicon에서 Room DB 버전 이슈로 앱이 빌드되지 않은 문제 해결.

  • 불필요한 의존성 주입 제거 및 Retrofit Base Url 로직 개선

  • 앱 리뷰 이벤트 팝업 공지 노출 (useCase 생성)

🏢 다우오피스 통합 Front-End

• 그룹웨어 다우오피스의 통합 Front-End 개발.

차세대 다우오피스 공통 컴포넌트

차세대 다우오피스 Front-End를 구성하기 위한, Radix UI와 같은 Headless UI와 Tanstack Table 등을 활용해, 다우오피스의 디자인 시스템을 적용한 공통 컴포넌트입니다.

DatePicker

react-datepicker, date-fns를 활용해 컴포넌트 구성 및 다국어 처리해 구현.

• Storybook 활용 UI 테스팅 기능 및 mdx 통한 공통 컴포넌트 문서화.

Table

Tansstack Table 활용해, 테이블 구성.

• Storybook 활용 UI 테스팅 기능 및 mdx 통한 공통 컴포넌트 문서화.

CheckBox

defaultValue, value, onChange Props를 기반으로 state를 통한 컴포넌트 구현.

• Storybook 활용 UI 테스팅 기능 및 mdx 통한 공통 컴포넌트 문서화.

차세대 다우오피스 임직원포탈

다우오피스 임직원포탈은 임직원들이 그룹웨어로 활용할 수 있는 다양한 기능(전자결재, 캘린더, 메일, Works, 예약 등)을 제공합니다.

인증 및 사용자 정보

JWT 토큰 활용해 로그인 로직 구성 후, 사용자 정보를 GraphQL을 통해서 로드해옴.

• 로그인 로직 구성

  • JWT 토큰 활용, 각 Token을 CookieStorage 활용해 구성

  • 멀티컴퍼니 위한, 회사 변경 기능 추가.

• 간편 비밀번호

  • Jotai의 atomWithStorage 활용해 브라우저 Storage의 사용자의 App 접근 여부를 저장해 판단하는 로직 구성.

  • Compound Component 패턴과 Context API를 활용해, 일렉트론으로 구성된 채팅에서도 알맞게 변형해 사용할 수 있도록 구성.

• 사용자 정보

  • GraphQL과 Tanstack Query 활용해 사용자 정보를 fetch해옴.

대시보드 > 가젯 포팅

다우오피스 임직원포탈의 메인 화면의 대시보드에 배치되는 사용자들이 한눈에 볼 수 있게끔 보여주는 컴포넌트. 기존 Backbone.js로 작성되어 있던 코드를 React 컴포넌트로 포팅하는 작업을 하였습니다.

• 캘린더 가젯

  • Date 함수를 사용해, 캘린더 직접 구현.

• Works 차트형 가젯

  • Apache ECharts 활용해, Pie, Bar, Guage 차트와 같은 다양한 차트 구현.

• ToDo+ 가젯

  • ToDo리스트 Pagination 처리하여 구현.

• 예약 바로가기 가젯

  • Next.js의 Link 컴포넌트 활용해 구현.

통합설정

임직원포탈과 경영업무포탈의 공통으로 존재해, 관리자가 사용자 정보 및 그룹웨어를 관리할 수 있는 기능

• 데이터 관리

  • 멤버 데이터 관리

    • Tanstack Table 활용해 구성.

  • 부서 데이터 관리

    • Tanstack Table과 Radix Dialog 활용해 구성.

  • 삭제 부서 데이터 관리

    • blob 활용해 삭제 부서 데이터 목록 다운로드 기능 구현.

    • Tanstack Table 활용해 삭제 부서 데이터 테이블 구성.

  • 데이터 백업

    • Next.js의 Link 컴포넌트 활용해 route.

• 보안관리

  • 관리자 권한 관리

차세대 다우오피스 경영업무포탈

다우오피스의 관리자가 사용자 정보 및 그룹웨어를 관리하고, 경영적으로 관리할 수 있는 앱들(경리회계, 경영업무, 조직관리, 권한관리 등)을 사용할 수 있는 포탈

GNB

GNB가 Tree 형태의 2 Depth로 호출되고, 검색 기능이 가능하도록 Fuse.js를 활용해 구성.

• 즐겨찾기 및 최근 사용 목록

  • 즐겨찾기 : Tanstack Query의 useMutation을 사용해 구성.

  • 최근 사용 목록: jotai의 atomWithStorage를 사용해, CookieStorage에 저장해 구현.

• 검색 기능

  • 서버에서 받아온 GNB 목록을 Fuse.js를 활용해 검색해 하이라이팅해 구성.

Tab 기능 구현

경영업무포탈의 다양한 앱을 크롬의 탭처럼 전환하며 사용할 수 있는 기능.

• 탭을 유지하기 위해, jotai의 atomWithStorage를 활용해 sessionStorage에 선택된 탭들을 저장.

• 탭 선택을 하이라이팅하기 위해, usePathname 사용해, 탭 url과 현재 path가 같을 경우 하이라이팅.

• next/navigation의 useRouter 활용해, 선택된 탭으로 이동할 수 있도록 구성.

🖨 모바일 팩스 서비스 - 엔팩스

• 모바일 팩스 서비스 - 엔팩스 유지보수

스토어 링크

• Apple Silicon에서 Room DB 버전 이슈로 앱이 빌드되지 않은 문제 해결.

• 불필요한 의존성 주입 제거 및 Retrofit Base Url 로직 개선

• 앱 리뷰 이벤트 팝업 공지 노출 (useCase 생성)

• WebView 캐시모드 설정 통한, 이벤트 팝업 다이얼로그에 개발 완료 이전 페이지 보여지는 현상 해결

🐣 건강을 깨우는 첫 걸음, 삐약삐약

• 영양제 복용관리 및 추천 서비스, 삐약삐약

• 삐약삐약 1.0.0.0 ~ 1.0.2.4 버전 관리 및 운영, 2차 개발

스토어 링크

• GuideLine과 LottieAnimationView 통한 목표 달성률 애니메이션 화면 로직 구현

• MultiViewTypeRecyclerView 활용해, 상품비교 화면, 회차별 히스토리 화면 구현.

• ExoPlayer 활용, 온보딩화면 ViewPager 슬라이드 시 영상재생되도록 구현.

• 중복되는 Fragment 분리 및 재사용가능토록 의존성 제거.

• 영양제 복용 시, 건강데이터 BottomSheetDialogFragment 노출 로직 구현.

• KMM(Kotlin Multiplatform Mobile)로 MVVM 아키텍쳐에 맞춰, Android, iOS 공통 비즈니스 로직 작성.

• Koin 활용 의존성 주입.

• Mobile Web과 WebBridge 연결 (판매링크, 건강기록 화면 수정 다이얼로그 등).

• FCM과 NotificationType 활용, 알림 분기 처리 및 전송.

• Encrypted SharedPreference 활용, 사용자 정보 암호화.

• 기존 메인 화면에 있던 강제 업데이트 로직 개선해, Splash 화면으로 로직 이동해 구현.

• TripleT와 Jenkins 활용, 출시노트 포함해 구글플레이 각 트랙별 자동 배포할 수 있도록 구현.

[KCC 2021 논문 투고]

- 딥러닝 기반 장애인 이동편의시설 인식을 통한 시각장애인 보행 보조 시스템에 관한 연구라는 주제로 논문을 집필해 KCC 2021에 논문을 투고하였습니다. Object Detection을 통해, 이동편의시설(볼라드, 점자 블록 등)을 인식해 각 모델을 비교해 해당 보행 보조 시스템을 개발하기 위한 논문을 집필하였습니다.

[2021 KSC 논문 투고]

- 2021 KSC에 제 1저자로, 자필 원고지 인식률 향상을 위한 원고지 특화 OCR 모델에 관한 연구라는 주제로 논문을 투고하였습니다. - 해당 논문에서, EasyOCR, TesseractOCR, 직접 학습시킨 모델에 성능을 비교해, 자필 원고지를 전산화하기 위한 가장 성능이 좋은 모델을 비교하였습니다.

- 이를 통해, 2021 KSC 논문대회, 학생부문 장려상을 수상하였습니다.