리액트 개발자 신입 근황 생존 소식

리액트 개발자 신입 근황 생존 소식입니다. 잘 살아있구여.. 그저 2월 휴가 이후로 프로젝트 3개에 참여했다는… 5월 초인가요 이제..? 아놔… 드디어 한 숨 돌려봅니다.   일을 하면 할수록 어떻게던 못 할 것 같던 프로젝트도 마무리가 되고 show must go on!!처럼 일이 돌아는 간다는 점 입니다. (물랑루즈 영화 생각남 갑자기ㅋㅋ)   위의 프로젝트를 상사와 저 혹은 때로 … Read more

신입 프론트엔드개발자 얼떨결에 진행 중인 프로젝트 물려 받기

상사의 떵 을 물려받음.. 상사가 짓다가만 약간 허물어지려고 하는 그런 집을 물려받아서 나는 UI만 고치면 되는 줄 알았는데, 또 그렇게 어사인을 받음! 2주동안 이 Figma에 맞춰 작동하도록 UI를 지도 위에 띄어 달라~그런데 어쩌다 보니 상사가 휴가가 있는 동안 백엔드 분들이랑 미팅하고 UI랑 새로운 기능이랑 기존에 안 되던거 까지 다 고쳐서 4월 말까지 프로젝트 완료해야함ㅋㅋ 아 … Read more

주니어 개발자 7개월차 후기 : 식곤증 & 그 분이 오시는 순간

프론트엔드 주니어 개발자의 7개월차 후기 겸 식곤증과 그 분이 오시는 순간에 대한 논함.   식곤증은 점심만 먹으면 온다. 일단 앉아서 하는 직업이고 모두 조용히 헤드폰을 끼고 도서관 같은 곳에서 일하기 때문에 밥만 먹으면 너무 졸림 ㅠㅠ 그래서 너무 졸리면 실내 카페테리아를 돌거나 (거창하게 들리는데 그냥 방 하나임) 산책을 다녀오거나 한다. 식곤증은 참… 개발 공부하면서 부터 … Read more

워드프레스 서버 클라우드웨이즈에서 버처로 이전

클라우드웨이즈에서 매달 나가는 4만원 정도가 좀 아까웠다. 내 글 쓰는데 버는 돈 몇 달러 안되는데 경제도 안 좋고 안 되겠다 싶어서 버처 서버로 이전!   안전하게 이사 완료! 처음에는 글 모두 날라간거 아니야? 해서 헉 했는데, 다행히 잘 마무리 지었다.   참고한 동영상 공유 먼저 벌처 서버 가입과 Plesk 가입을 마무리 해주어야 하고, 워드 프레스에서 … Read more

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

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

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

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

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

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

헤더 고정 및 페이지 스크롤

헤더의 위치를 고정으로 잡고 나머지 높이 조정하기 및 스크롤을 높이 만큼만 주기 적용~! 우선 다짜고짜 chatGpt에게 물어보기~~~! body { margin: 0; padding: 0; overflow: hidden; /* 페이지 전체의 스크롤을 숨깁니다. */ } .page { height: 100vh; /* 페이지 높이를 화면 높이로 설정합니다. */ overflow-y: auto; /* 세로 스크롤을 필요할 때만 활성화합니다. */ } 이 스타일을 … Read more

자칭 미녀(비전공자 국비출신)개발자들의 모임

언어 전공자들이 있었다. 스페인어, 러시아어, 중국어, 한국어~ 다들 그 나라에서 한 번씩 머물다 왔거나 일을 했다. 외교부, 생산 물류업, 수화 공무원직, 항공사 등. 그랬던 우리가 작년 2022년 12월 크리스마스가 지난 겨울, 새로운 인생의 목표를 위해 중앙인재개발원 학원에서 짝꿍으로 그리고 앞 뒤 자리의 학생으로 만났다.   처음 만남을 기억한다. 어색하게 미소 지으며, 같이 밥 먹으러 분식집에 … Read more

API fetch는 하겠는데, useEffect 즉 비동기가 어려워요

알 듯 못 알듯한 useEffect 각 페이지에 또 로직에 맞는 api를 payload 에 맞춰서 request 하고 response 로 데이터를 잘 조리고 삶고 해서 원하는 양식대로 뿌려주는것.. api는 부르겠으나, 비동기라서 그런지 참으로 useEffect나 이런 것을 잘 활용 해야 하는듯.. 또 F12켜서 개발자 도구 잘 봐야 하는듯! 뭐를 주고 받고 이 다음에 무슨 api를 요청하는지 이런 것! … Read more