미리보기

• 기간: 2024.06.03 ~ 2024.10.21

• 기초 개념과 언어 지식을 체계적으로 학습하여 프론트엔드 개발자로 성장할 수 있도록 하는 훈련 과정

• HTML/CSS를 사용하여 피그마 디자인을 바탕으로 웹 페이지 구현 프로젝트, 랜딩 페이지 구현 프로젝트 진행

• HTML,CSS,JavaScript를 사용하여 오픈마켓 서비스를 구현하는 프로젝트 진행

• 배운 지식들을 바탕으로 팀으로 협업하여 하나의 웹 애플리케이션을 만드는 프로젝트 진행(현재 기준 진행 예정)

• 기간: 2023.07.03 ~ 2023.09.08

• 프론트엔드 업무에 필요한 기초 지식을 학습하여 프론트엔드 개발자로 성장할 수 있도록 하는 훈련 과정

• HTML/CSS, JAVASCRIPT를 활용하여 웹 페이지를 구현하는 프로젝트 진행

• 기간: 2020.06.04 ~ 2020.10.29

• 포토샵/일러스트를 활용한 웹디자인 능력과 퍼블리싱 능력을 결합하여 퍼블리셔로 성장할 수 있는 교육

• 사이트 하나 선택하여 개인이 새롭게 디자인한 뒤 웹페이지를 구현하는 프로젝트 진행

• 브랜드를 선택하여 브랜드에 맞는 기획서, 디자인, 퍼블리싱하여 웹사이트를 구현하는 프로젝트 진행

• 반응형 홈페이지를 선택하여 해당 페이지를 클론하여 구현하는 프로젝트 진행

2023년 8월부터 12월까지 인턴으로 근무한 후, 2023년 12월부터 2024년 6월까지 정규직으로 근무했습니다. 그러나 2024년 6월, 회사의 구조조정으로 인해 권고사직을 받았습니다.

수행 업무

• 자사 서비스 견적이지의 관리자 페이지의 프론트엔드 개발을 담당

  • react-chartjs-2 라이브러리를 사용하여 통계 차트를 구현하여 견적 관련 분석 가능

• 강원특별자치도 통합건강증진사업지원단 웹사이트의 프론트엔드 개발을 담당

• 전자정부프레임워크 유효성 확인 소프트웨어의 프론트엔드 개발 협업 및 백엔드 개발 보조로 참여

사용 기술: Next.js, TypeScript, Tailwind CSS, Spring Framework

• Props로 상태 관리(프로젝트 종료 후 상태 관리 라이브러리 사용이 논의 됨)

• 다양한 기능에 필요한 CRUD 개발

• react-toastify 라이브러리로 상태 메시지 출력

• react-chartjs-2 라이브러리를 사용하여 통계 차트 구현

• SWR을 활용하여 효율적인 데이터 패칭과 상태 관리를 구현

• Next-auth 라이브러리를 사용하여 인증 및 권한 관리 기능을 구현(구글, 카카오, 네이버)

• 관리자 화면을 반응형 디자인으로 구현

• react-hook-form을 사용하여 폼 데이터의 상태 관리와 유효성 검증 처리

• JpaRepository를 활용하여 데이터베이스에서 원하는 데이터를 조회하고 관리

• Service와 ServiceImpl 클래스를 구분하여 관리함으로써, 명확한 역할 분담과 코드의 유연성을 확보

• Service와 Controller를 역할에 맞게 분리하여 MVC 패턴을 준수하기 위해 노력

• JpaSpecificationExecutor를 통해 다양한 검색 조건 처리 및 데이터 조회 성능 최적화

사용 기술: HTML, CSS, JavaScript, JSP, JSTL

• Apache Tomcat 환경에서 JSP를 사용하여 개발

• JSTL 태그 라이브러리를 사용

• fullcalendar 라이브러리를 사용하여 일정 페이지 구현

• 처음 기획 업무를 맡은 기획자가 진행한 프로젝트로 적극적으로 소통하며 조율하여 진행

사용 기술: Next.js, TypeScript, Tailwind CSS

• Props로 상태 관리

• 문의, 의뢰에 대한 CRUD 개발

• React Hook Form을 사용하여 폼의 데이터를 관리하고 유효성 검사를 수행

• react-toastify 라이브러리로 상태 메시지 출력

• react-chartjs-2 라이브러리를 사용하여 통계 화면 구현

• SWR을 활용하여 효율적인 데이터 패칭과 상태 관리를 구현

• 관리자 페이지를 반응형 페이지로 구현