안녕하세요,프론트엔드 개발자 김현태입니다.


About Me.


프론트엔드 엔지니어로서 다양한 프로젝트에서 경험을 쌓아왔으며, 기술적으로 능숙하게 프론트엔드 화면을 개발하고 사용자 경험을 개선하는 역할을 수행하였고 팀원들과의 협업과 프로젝트 관리 능력을 향상시키며 프로젝트의 성과를 극대화하는데 기여하였습니다. 앞으로도 기술적인 역량을 더욱 향상시키고, 새로운 도전을 통해 성장하며 기여하고자 합니다.

Experience.
  • (주)비즈비ERP
  • 2024.05 ~ 재직중
Project 1 Note
  • 코코아톡 (비즈니스로 사용할 수 있는 채팅 서비스)

  • NextJS TypeScript SCSS AXIOS Redux ToolKit 

  • 주요 업무 및 성과 :


  •  로그인 화면 제작 및 api 연동.


  •  공동 컴포넌트 제작 시 아토믹 디자인 패턴을 도입하여 컴포넌트를 최대한 분할시켜 재사용성을 높임


  •  폴더 구조 설계에 따른 화면 라우팅, 유저 id값에 따른 동적 라우팅 설계.


  •   gitlab을 사용하여 팀원 간의 코드리뷰를 통해 코드의 퀄리티를 높임.


  •  EsLint, Prettier등의 포맷팅을 만들어 코드 컨벤션을 지정함 .



Project 1 Note
  • 사내 works 시스템

  • ReactNative TypeScript SCSS AXIOS Redux ToolKit 

  • 주요 업무 및 성과 :


  •  문서함 폴더 관리에 따른 api 연동 (폴더 삭제, 생성, 이름 변경).


  •  문서함, 결재함 화면에 따른 공동 컴포넌트 제작






  • (주)인텔로이드STTVoice AI
  • 2022.04 ~ 2023.10
  • AICC 기업 전화 프로젝트 (Demo Page.)

  • React JavaScript CSS AXIOS 

  • 주요 업무 및 성과 :


  •  AICC 전화와 연동하여 웹 화면을 통한 일반 전화 및 수신 가능한 프론트엔드 화면을 설계 및 구현했습니다.


  •  React를 이용하여 다양한 기능을 가진 화면을 개발하였고, 카테고리 2가지의 페이지로 구성했습니다.


  •  서버와의 통신을 위해 axios를 활용하여 데이터를 주고받았으며, CORS 방지를 위해 http-proxy-middleware 모듈을 사용하였습니다.


  •  고객 정보 조회, 메모장, 고객 검색, 수 발신 등 다양한 기능을 갖춘 화면을 구현했으며, 사용자 경험을 향상 시키기 위해 다양한 기능을 추가했습니다.


  •  사용자는 웹 화면에서 전화를 걸며 동시에 메모를 남길 수 있어 상담 기록이 쉽게 관리됩니다.



  • AICC 기업전화 관리자 페이지 (Front & Back)

  • React TypeScript CSS AXIOS NestJS 

  • 주요 업무 및 성과 :


  •  기업전화 관리자 페이지로 회원 관리에 대한 프론트엔트 화면 및 백엔드 기능을 구현했습니다.


  •  React를 이용하여 구현했으며, 카테고리 4가지의 페이지로 구성했습니다. [ 회원관리, 번호관리, 포인트/결제, 통화발신료 ]


  •  서버와의 통신을 위해 axios를 활용하여 데이터를 주고받았으며, CORS 방지를 위해 http-proxy-middleware 모듈을 사용하였습니다.


  •  회원관리, 번호관리, 포인트/결제, 통화발신료 등 관리자가 회원들을 관리하기 위한 기능들을 구현했습니다.




  • STT를 이용한 상담 전화 서비스 프로젝트

  • React JavaScript CSS AXIOS 

  • 주요 업무 및 성과 :


  •  상담 전화를 받을 때 통화 내용을 STT (음성 인식) 기술을 이용하여 텍스트 형태로 기록하고 녹음하는 서비스를 구현하였습니다.


  •  로그인 화면과 사용자 정보 조회 화면을 개발하여 사용자가 서비스를 편리하게 이용할 수 있도록 했습니다.


  •  사용자 정보 조회 화면에서는 통화 목록을 조회하고 날짜 별로 검색할 수 있으며, 결과를 엑셀 파일로 다운로드할 수 있는 기능을 추가했습니다.


  •  상담 내용에 대한 MP3 파일을 개별 다운로드 또는 압축 다운로드할 수 있는 기능을 구현하여 파일 관리를 용이하게 했습니다.


  •  사용자는 상담 기록을 쉽게 조회 할 수 있고, 파일 녹취파일 (MP3) 및 정보 기록 (xlsx) 들을 관리 할 수 있습니다.



Project.




  • 심플 노트
  •  NextJS TypeScript JavaScript Tailwind Radix UI

NextJS 토이프로젝트 "SimpleNote App"입니다.




  • 인스타그램 Clone
  •  NextJS TypeScript JavaScript Tailwind Daisy UI Sanity Studio

NextJS를 공부하며 인스타그램의 화면 레이아웃을 클론 코딩한 프로젝트 입니다.





  • 포트폴리오 사이트
  •  NextJS TypeScript JavaScript SCSS Radix UI

NextJS를 활용한 포트폴리오 웹사이트 입니다.