프론트엔드 개발자의 프로젝트 월 별 정리

지금까지 해온 작업 정리

9월~ 11월 : GS 대시보드

  • UI, UX, 반응형
  • Recharts, Luxon, MUI, Leaflet map 등을 활용하여 실시간 데이터 뿌리기
  • Login, Logout <- 재정리 필요
  • CRUD for Admin
  • Password Reset
  • Redux ToolKit 사용

<- 코드 정리 필요.. 개더럽.

11 ~ 12월 : GS Caltex 내곡점

  • GS color pallete 를 활용한 전광판 UI, UX 작업
  • 현장 카메라 센서와 라즈베리 파이를 이용하여 10인치 화면에 잘 뜨는지 현장 확인

 

12월 : i46 – Free Audit and Registration

  • UI, UX, 반응형(모바일 사이즈 추가 – useRef 사용 scrollDownBtn.js 생성)
  • 상사 코드 스타일에 맞춘 React Redux 사용
  • Mui, reCAPTCHA, 나라 목록 가져오는 라이브러리 사용
  • 코드 컴포넌트화 및 재활용

 

1월 : i46 – Boilerplate Dialog

  • 자체 유럽 보급용 유지 보수 작업 boilerplate delete confirmation dialog 작업 진행
  • 5개의 페이지에 적용

 

1월 ~ 2월 : Leaflet 인터넷 연결 없이 지도 뿌리기 + 겨울 휴가 ^^

  • 인터넷 연결이 열악한 곳에서 한번만 Leaflet을 연결하고 그 이후로는 인터넷 연결 없이도 뿌리는 작업 담당
  • 우선 고대인들의 코드에서 지도 관련 코드를 찾는다.
  • function  형이 아닌 class 형 그리고  useEffect 가 아닌 Lifecycle 을 가지고 있으므로 이 원리에 대한 학습도 필요
  • 코드를 긁어서 내가 진행하는 브랜치에 옮겨 놓고 잘 작동하는 지 확인해 본다 <- done
  • 상사가 보내 준 라이브러리를 공부하면서 처음에만 leaflet을 부르고 나머지는 offline 에서도 지도가 작동되도록 구현한다.

1월 26일 해야할 일.. 코드 이해하기..? 잘 긁어서 붙여서 잘 작동 되나 확인하기 정도… 이 정도면 만.. 만족해..

<- 기존에 있는 에러 해결 후 (로그인 authentication, 화면 새로고침 해도 유지하는 것, 에러처리 화면에 왜 갑자기 안 뜨는 부분..)

<- 요새 드는 생각, 코드는 어떻게 쳐내는데 (chatGPT와 함께..) 참 이론이 부족하다 ㅠㅠ 원리를 잘 모르겠오..

 

2월 :  i46 CRA 업데이트 부분 상사와 같이 협업 예정

 

적어도 파도처럼 몰려오지 않는 이 일은 진정한 도미노 🙂

 

 

Leave a Comment