전체보기

나의 2024년을 떠나 보내며

벌써 1년이 또 지나고 회고를 작성하는 시기가 왔다. 2024년을 돌아보며 후회되었던 일들, 아쉬웠던 일들을 정비하고 새로운 도전과 다짐을 정리하기 위해 회고를 작성해본다. 2024년은 내게 익숙한 것들이 아닌 새로운 것들을 많이 경험하고 도전해 해볼 수 있었던 해였다. 팀 이동여러가지 대내외적 이슈들로 인해 2024년 1월에 팀을 이동하게 되었다. 현재 팀은 카카오페이 앱에서 채널의 역할을 하는 팀으로써 메인에서 홈, 혜택, 알림 등 사람들이 우리 앱을 많이 이용할 수 있도록 트래픽을 만들고 다른 서비스들로 전이시키는 역할을 담당하고 있는 팀이다.  내가 개발했던 대표적인 서비스는 알림피드와 큰글씨 홈 이라는 서비스이다.먼저 알림피드는, 기존에 있던 서비스였지만 UI/UX를 대폭 개선시키고 좀 더 발빠..

React Server API 알아보기

요즘 FE 개발 할때에 Next.js를 많이 사용중인데 내부에서 동작하는 React Server API를 한번 간단히 살펴보고자 작성하는 글이다. 서버에서 HTML을 렌더링하기 위해 사용되는 React Dom Server API 의 가장 대표적인 API인 renderToString, renderToStaticMarkup, renderToReadableStream, renderToPipeableStream 4가지를 알아보자. 먼저, API 테스트 위한 간단한 node.js 서버를 만들었다. 각각의 라우트로 진입했을 경우 해당하는 React Dom Server API를 활용한 HTML 을 보여줄 예정이다.import { createServer } from "http";const server = createS..

글또 마지막 기수를 시작하며

들어가며이번에도 나는 글또에 참여하게 됐다. 이번이 벌써 10기로 8기, 9기, 10기에 이어 세번째 참여한다. 글을 빼먹고 예치금이 까여도 글또를 놓을수가 없었다. 글또 커뮤니티가 벌써 7년째 운영 되오고 있는데 매년 매년 크게 성장하는 글또와 같이 나도 성장을 이룰 수 있고 좋으신 분들에게 선한 영향력을 받기에 항상 글또의 시작을 기다려왔다. 애석하게도 이번 10기는 글또의 마지막 기수이다.  많은 개발자들이 함께 공부하고, 지식을 나누며 성장해 온 글또는 나와 같이 주니어에서 중니어가 되었고, 함께 소중한 경험을 쌓았다. 이번 마지막 기수 참여는 나에게 더욱 의미가 깊고, 그만큼 열정적으로 임해보려 한다. OT이번에도 역시 OT에 참여했다. 이번 기수는 약 600명이 넘는 개발자가 참여한다. 1기에..

[글또 X Udemy] Spring Boot 3 & Spring Framework 강의 후기

지난번에 이어 글또 활동을 통해 제공받은 유데미 강의의 두번째 후기를 작성한다. 현재는 프론트엔드 개발자이지만 미래에 풀스택 개발자로 성장하고 싶은 목표가 있어 그 사전 작업으로 백엔드 개발 기술 강의로 Spring Boot 프레임워크에 대한 강의를 수강해보았다. 강의 개요내가 들은 강의는 바로 Spring Boot 3 & Spring Framework 마스터하기라는 강의이다. 유데미 사이트의 https://www.udemy.com/course/spring-boot-and-spring-framework-korean/ 에서 확인해볼 수 있는데 이 38시간짜리 강의로 짧지는 않은 시간으로 구성되어 있다. 그만큼 Spring Boot 3에 대해서 필요한 개념들은 다 얻어갈 수 있는 강의였다. Ranga Kar..

TDD로 배우는 웹 프론트엔드 강의 후기

이번에 글또9기에 참여하면서 Udemy 측에서 무료 강의 수강권을 글또 인원들에게 제공해주셨다. 그 기회로 TDD로 배우는 웹 프론트엔드 강의를 수강하게되어 후기를 작성해보려 한다. 강의 개요TDD로 배우는 웹 프론트엔드 강의는 우아한형제들에 재직중이시고 우아한테크코스의 교육자로 유명하신 메이커준님께서 교육해주시는 강의이다. Cypress를 활용한 TDD 기반의 웹 애플리케이션 개발 방법을 배울 수 있는데 Cypress의 기본적인 사용 방법을 익히고 테스트 코드와 애플리케이션 개발을 위해 문제를 잘개 쪼개는 방법부터TDD적인 사고방식을 기를수 있는 강의라고 할 수 있다. 총 강의 시간은 3시간 30분짜리로 마음만 먹으면 하루도 안되서 금방 다 수강할 수 있는 그다지 길지 않은 강의이다.강의 구성은 위와 ..

Artillery 서버 부하테스트 오픈소스 알아보기(1)

회사에서 프로모션성 페이지를 Nextjs를 활용하여 개발했는데 릴리즈 하자마자 메모리 부족으로 서버가 죽게 되버린 사건이 있었다. 이제는 프론트엔드 개발자도 서버를 관리 해야하는 임무를 받은 시대가 됨으로써, 어떻게 하면 안전하게 서버를 운영해볼 수 있을까 조사해보다 알게된 Artillery이라는 서버 부하 테스트 오픈소스에 대해 작성해보려 한다. 특징 및 설치방법 artillery는 다음과 같은 특징을 갖고 있다. 클라우드 네이티브 분산 부하 테스트를 대규모로 바로 사용할 수 있는 무료 서비스이다. AWS Lambda 또는 AWS Fargate에서 서버리스 부하 테스트도 가능하다. [HTTP], [WebSocket], Socket.io, gRPC, Kinesis 등도 지원한다. Artillery에는 플..

늦게 작성해보는 2023년 회고

나의 2023년은 어떤 한 해였는가 전화위복 2023년 한 해는 정말 나에게 전화위복이 되었던 해였다. 이전에 구조조정 당하고 3개월간 이직 준비한 썰 글을 통해 공유 했었는데, 나는 2월쯤에 내 인생에서 다시는 경험하고 싶지 않은 구조조정으로 인한 권고사직을 당했었다. **님 잠시 회의실로 와주실 수 있을까요? 인사팀으로부터 메세지가 왔을때의 기분은 정말… 오만가지 생각이 다 들었다. 권고사직 서류에 싸인을 하고 보상 관련해서 이야기를 잘 마친 후 남게 된 동료들과 권고사직 당한 동료들과 함께 마지막 회식을 하고 나는 첫 직장을 퇴사하게 되었다. 하지만 위와 같은 경험을 했기 때문에 내게 큰 챌린지가 되었고, 계속 수입(권고사직으로 인한 보상)이 있으면서도 이직 준비를 할 수 있었던 시간 확보가 충분히..

[Tanstack-Query] 핵심 로직 딥다이브

실무에서 react-query는 이제 꽤나 사용하는 스택으로 자리 잡았다. 비동기 데이터를 쉽게 가져오고 상태관리에 용이하고 각 종 제공해주는 기능을 통해 편리하게 개발할 수 있도록 도와주고 자주 사용하는 라이브러리인데, 그 내부 로직이 어떻게 구현되어 있길래 이 기능들을 제공해주는걸까 하는 의문을 크게 가져본적은 없던 것 같다. 그래서 이번 기회를 통해 react-query가 어떻게 cache를 관리하고 동작하는지 알아보자. 💡 타이틀이 딥다이브지만, Line by Line으로 모든 코드를 다 볼수는 없어서 중요하다고 생각되는 핵심 로직 위주로 살펴 보았다. QueryClient import { QueryClient, QueryClientProvider, } from '@tanstack/react-qu..