2021년 12월에 프론트엔드팀으로 합류하여 수습기간에는 현업에서 사용하는 기술을 보고 배우며 습득하고 프로젝트에서 간단한 부분을 할당 받아 처리 하였습니다. 2월부터는 정식 프로젝트를 할당 받아 같은 프로젝트를 하는 프론트엔드 팀원들과 타 부서간에 Confluence와 Jira를 통해 협업을 진행하였고, Git을 통해 코드 리뷰와 최적화 관리를 진행하였으며, 각각 branch를 관리하여 병합하는 과정으로 작업을 하였습니다. - CI/CD 적용, 업무 관련 issue 생성 및 branch 생성, branch에서 맡은 업무 관련 코드 작업 후 pr요청, 코드 리뷰 및 코드 수정 후 merge하는 과정 - html, scss를 활용하여 마크업, css 방법론 중 BEM방식 적용 및 반응형 작업 - tailwind 사용하여 story-mapping-ui 기능 구현 - context API, custom hook(use Modal) 생성, createPortal 사용, typescript 적용하여 modal 기능 구현 - redux toolkit, custom hook(use Toast) 생성, animation 적용, typescript 적용하여 toast 기능 구현 - amCharts4 라이브러리 사용, mock data 만들어서 test 후 차트 데이터 시각화 작업 - 이클립스 환경에서 웹스퀘어 사용해서 데이터 바인딩 작업 및 스타일링, svn으로 commit 및 서버 반영 •LG Discovery Lab - 인공지능 교육 사이트 구축 프로젝트 (22.01 ~ 03) - 관리자 화면 약 20페이지 퍼블리싱(반응형) 구축 작업 - html, scss, script 활용하여 스타일링 작업 •씨젠 - 연구자료 통계 사내 프로그램 구축 프로젝트(22.03 ~ 06) - amCharts4 plug-in 사용하여 데이터 시각화(리액트) - context api 사용하여 modal 기능 구현 - redux toolkit 사용하여 toast 기능 구현 - typescript 전부 적용 - custom hook 생성 •SH공사 - 사내 메인 포털(22.06 ~ 07) - 이클립스와 웹스퀘어 활용하여 데이터 쿼리 바인딩 작업 및 스타일링 작업 •SKE(에스케이에너지)(22.08 ~ 09) - 넥사크로 활용하여 데이터 쿼리 바인딩 작업 및 스타일링 작업 •사내 화상 제품 솔루션(22.10 ~ 12) - zustand 라이브러리, react query 사용하여 상태관리 및 비동기 작업 - typescript 사용 - scss로 스타일 작업 - 화상 background 업로드, 변경, 삭제 등 제어 기능 구축 - 화상 투표 기능 구축 - 화상 방장이 참가자들의 비디오 및 음성 제어할 수 있는 기능 • 웅진스마트올중학(23.01 ~) - 현재 진행 중 - 앱 고도화 작업 및 새로운 기능 추가 작업(리액트)

더보기