Starirene

에어프레미아 비행기에서 카타르 항공 동료 만난 썰

by

에어프레미아 인천 방콕행을 타면서 기내 영화가 많이 없기도 하고 식사도 한 번만 주는 서비스 루트여서 뭘 할까 고민하다가 아래의 것들을 했다. 밀리의 서재에 받아놓은 책을 읽었다 영화 – 아랍 관련된 한국 영화를 한 편 봤는데, 진짜 졸잼! 내 스타일 ㅋㅋ 리액트 관련 코딩을 30분 정도 둘러 보았다. 살짝 졸 뻔했음 ㅋㅋ 기내 면세품을 시켜보고, 기내 … Read more

에어프레미아 방콕 비행 탑승기

by

드디어 4년 만의 해외 여행 그 간 왜 해외 여행을 못 갔는지는… 뭐 이직하고 먹고 사느라.. 바쁘게 살아서?   오랜만에 공항 버스를 타고 인천 공항에 도착했는데 살짝 눈물이 날 뻔했다. 인천 비행을 할 때의 그 설렘과 기쁨, 비행기를 버스 타듯이 드나 들면서 인천 공항은 너무나도 나에게 익숙하고 또 그리운 공간.   공항에 도착하자 마자 다행히 … Read more

Leaflet Offline Map – React

by

상사가 준 또 다른 task 기존 Leaflet에 오프라인 시에도 map tileLayers 가 보이게 해달라~! 그간 정신이 좀 딴 데 팔려있어서, research를 잘 못하고 있었다. 다시 온전히 집중하면서 stackoverflow, chatgpt, git을 통해 찾은 자료!   1. 직면한 문제점 : 현재 node version: 15.0.1 그리고 yarn 을 사용하므로 npm을 통해서 leaflet.offline을 받을 수가 없었다. 그래서 stackoverflow롤 통해서 … Read more

useRef에 대해 ChatGPT 답변

by

상사가 쓴 코드에 useRef 가 있는데 읽단 긁어서 ScrollDownButton을 만들었지만, 원리에 대한 이해가 제대로 되지 않았다. 그래서 ChatGPT에게 묻고 받은 답변! 어떻게 보면 개발자에게 이만큼 좋은 친구이자 선생님인 ChatGPT   useRef는 React에서 함수 컴포넌트에서 DOM 요소에 접근하거나 특정 값을 유지하는 데 사용되는 Hook입니다. 여러 이유로 useRef를 사용할 수 있습니다: DOM 요소에 접근: useRef를 사용하면 함수 … Read more

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

by

지금까지 해온 작업 정리 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 … Read more

지켜지지 않는 습관에 대한 고찰

by

안 지켜지는 습관이 있다. 해야하는건 아는데 대놓고 시간 있어도 안하는게 있는데 그것은 바로 알고리즘 공부, CS 공부, 그리고 유데미 리액트 리덕스 강의. 핑계의 이유는 다음과 같다. 일하면서 이미 컴퓨터 매일 보고 있는데 뭘 또 컴퓨터를 여냐 하루 종일 코드 보고 왔는데 일하면서 배우는거지 뭘 또 하냐 나 아직 알고리즘이랑 CS 때문에 안 혼나 봤는뎅?! 아직 … Read more

리베이스 똥망으로 VS Code 메모장 복붙썰

by

Task가 두 개가 주어졌다. 다행히 일이 물 밀듯이 몰려 오는게 아니고,  도미노처럼 하나가 끝날 쯤 하나가 들어오고 이런 식! ㅋㅋ 그 중 하나는 유럽 국가에서 인증을 받도록 하는 CRA 자체 솔루션의 Free Audit 페이지와 또 다른 하나는 상사가 작성한 혹은 떠난 고대인들이 작성한 코드의 유지 보수로 boilerplate 모달을 만들어 관련된 모든 페이지에 적용하는것! 유지보수 일은 … Read more

비전공자 개발자의 2024년 신년 목표

by

2024년 비전공자 리액트 개발자의 신년 목표입니다. 과연 2024년의 마지막에는 얼마나 이루어졌는지 체크해야지!ㅎ   1.회사 코드 모두 이해할 정도의 실력! 백엔드는 제합니다. ^^ (넘사벽, 내 영역 아님) 프론트엔드 개발자로 이전 사람들이 (혹은 고대 사람들이..)남기고 간 코드와 상사의 코드를 잘 이해해서 원리와 흐름을 잘 이해하고 React Redux, RTK도 잘 쓰는 개발자가 되고 싶다!   2. 회사에서 진행하는 … Read more

비전공자 프론트엔드 리액트 개발자의 4개월차 후기

by

너무 오랜만에 글을 쓰는군요..! 4개월차 생존 보고를 올립니다. ㅎㅎ   1.긴장감이 살짝 사라졌다. 항상 출근할때 어깨에 곰 백마리가 얹혀져 있는 것 같았는데, 그리고 일 외에는 카톡 확인 할 시간도 없었는데, 요새는 조금 여유로워졌다. 마음이 조금은 수월해졌다고 해야하나. 좋은것 같기도 하고 집중력이 가끔 떨어질 때가 있어서 좋지 않은것 같기도 하고. 그래서 회사 피씨에 있는 카카오톡을 삭제했다. … Read more

Recharts x축에 시작 시간과 마지막 시간 표시하기

by

Recharts x축에 시작 시간과 마지막 시간 표시하기!   x축의 나뉘어진 칸?을 tick으로 설정해주는 건데 자꾸 마지막 시간만 표시되고 시작 시간이 표시되지 않는 것이였다. 그래서 어렵게 돌고 돌아서… CustomizedAxisTick으로 커스터 마이즈 해서 틱을 만들었는데, 이번에는 (0,0)지점에 x의 첫 시간이 나오는게 아니고 어느정도 띄어서 나오는 것이였다. 그래서 아 이건 css 마진의 문제인가도 고민해보고 생각해 봤는데, 다시 문서를 … Read more