profile
프론트엔드 개발자

퇴사 일지

근속 2년 차 회고를 작성하던 중에 구조조정 통보를 받아 어떻게 회고를 완성해야 하나 고민했지만, 퇴사 과정에서 느낀 많은 것들을 기억하기 위해 해고 회고를 별도로 작성했다. 조금은 아이러니한 상황이지만 나름의 해프닝으로 재밌게 받아들이려 한다.

2024년 10월 24일
·
0개의 댓글
·

개발자로 취업한 지 2년 즈음이 지난 시점에서 적는 회고

삐뚤어진 MZ 신입사원에서 신임받는 프로젝트 리더가 되기까지의 2년간의 회고📝

2024년 10월 23일
·
0개의 댓글
·

외워서 푸는 알고리즘 테스트

알고리즘 풀이 시 외워두면 편한 패턴들과 코드를 정리하였습니다. [스택, 큐, 해시, 이진탐색, DFS, BFS]

2024년 9월 8일
·
0개의 댓글
·

Vite가 무조건 CRA보다 빠를까? CRA → Vite Migration 빌드시간 측정

CRA → Vite Migration 빌드시간과 함께 Vite보다 CRA가 더 빠를 수 있는 상황에 대해 공유합니다.

2024년 7월 21일
·
0개의 댓글
·

자바스크립트는 왜 프로토타입을 선택했을까

자바스크립트의 프로토타입을 철학적으로 바라본 포스팅을 보고 정리하였습니다. (3줄요약 有)

2024년 7월 14일
·
0개의 댓글
·

NextJS 14.0.2 Server Action 로그인 시 cookie가 저장되지 않는 문제

NextJS 14버전에서 서버액션 로그인 사용 시, session 쿠키가 브라우저에 저장되지 않는 문제

2024년 6월 2일
·
0개의 댓글
·

Docker로 만드는 React + Nest + MySQL + Nginx 프로젝트: YAML 공유 및 문법 설명

지난 사이드 프로젝트에서 yml파일 하나로 React 클라이언트와 Nest 서버, MySQL 데이터베이스를 띄우려 했다. chatGPT 주도 개발로 만드려 했지만, 계속해서 발생하는 오류로 울며 겨자먹기로 도커를 공부하면서 만들었다. 비슷한 처지에 놓인 사람들에게 작게

2024년 5월 22일
·
0개의 댓글
·
post-thumbnail

더 빠른 웹페이지를 만드는 방법: HTTP 압축 - webp, gzip, Brotli, gRPC

최적화를 덮어놓고 개발을 하다보면 위에서 말한 임계치가 넘어서곤 하는데, 이때 웹페이지를 더 빠르게 할 수 있는 방법을 공유하려 한다. 어떻게 하면 더 빠르게 만들 수 있을까?

2024년 4월 28일
·
0개의 댓글
·
post-thumbnail

렌더링이 얼마나 빨라요 하나요?:: RAIL 성능모델

프론트엔드 실무를 진행하다 보면 어느 정도로 빠르게 만들어야 하는지 애매한 순간들이 있다. 구글 크롬에서 말하는 RAIL 성능모델로 얼마나 빨라야 하는지 알아보자.

2024년 4월 21일
·
0개의 댓글
·
post-thumbnail

개인 사이드 프로젝트 0.1ver 회고

개인 사이드 프로젝트를 구현하며 느꼈던 아쉬움을 공유하는 회고

2024년 4월 14일
·
0개의 댓글
·

iOS React 웹뷰에서 스크롤 후 뒤로가기 시 발생하는 렌더링 오류

iOS 웹뷰 환경에서 스크롤 후 뒤로가기 시, 스크롤 한 만큼의 영역에서 흰 화면이 나타나는 원인과 해결방안

2024년 3월 30일
·
0개의 댓글
·

Next.js 14 App router mysql Too many connections 오류

Next.js 14버전의 서버컴포넌트 사용 시 발생하는"Too many connections" 오류의 원인과 해결방안을 공유합니다.

2024년 3월 24일
·
0개의 댓글
·
post-thumbnail

입사 후 첫 프로젝트 리뉴얼 회고

첫 회사에서 처음 진행한 프로젝트를 1년 뒤에 리뉴얼하게 되었습니다. 리뉴얼 작업에 대한 회고와 함께 기존 프로젝트의 아쉬웠던 점을 기술적으로 보완한 내용을 공유합니다.

2024년 3월 23일
·
0개의 댓글
·

전역상태를 사용하지 않고 props drilling을 없애보자 :: Observer Component

섬세한 ISFP의 코드 가독성 개선 경험 을 보고 구현해본 Observer Component

2023년 4월 23일
·
0개의 댓글
·
post-thumbnail

http에서의 안전한 통신을 위한 payload 암호화

HTTP를 사용하는 Node.js, React에서 HTTPS를 모방한 로직을 통해 보안성을 높인 개발과정

2023년 1월 29일
·
0개의 댓글
·
post-thumbnail

리액트(클라이언트)에서 JWT 토큰 생성하기 with jose

jose 라이브러리를 사용하여 클라이언트 환경에서 JWT 토큰을 생성하는 방법

2023년 1월 21일
·
0개의 댓글
·

버그 해결 회고 : 명확한 근거와 코드의 흐름

커뮤니티 기능을 개발하는 첫 프로젝트에서 댓글 수가 제대로 표기되지 않는 버그가 발생했다. 간단한 동기 비동기 문제였지만, 문제를 해결하면서 배운 점이 많아 남기는 회고API 호출과 결과는 제대로 받아왔으나, DQ에 있는 모든 상태값이 렌더링이 되지 않은 상황.stor

2022년 11월 27일
·
0개의 댓글
·

XSS와 리액트의 XSS 공격 방지

XSS(크로스 사이트 스크립팅) 공격은 여러 사람들이 보는 글에 임의의 스크립트를 주입하여, 해당 글을 다른 사용자가 읽을 때 임의의 스크립트를 실행하게 만들어 사용자의 정보(쿠키, 세션)을 탈취하거나 비정상적인 기능을 수행하도록 만드는 공격이다.리액트는 XSS를 방어

2022년 10월 2일
·
0개의 댓글
·

한 달여 간의 첫 개발자 생활 후기

여차저차 취업에 성공했지만, 빠르면 2시간, 막히면 2시간 30분이라는 지옥의 출퇴근길로 시간을 땅에 버리고 있는 중이다. 추석연휴 덕에 짧게 트인 숨통으로 간신히 진행하는 한 달여 간의 회사생활 일기.

2022년 9월 8일
·
0개의 댓글
·

Next.js와 함께 살펴보는 CSR, SSG, SSR, ISG

CSR과 SSR에 대해서는 기술을 배울때이든, 면접예상질문으로든 여러번 접하였기 때문에 친숙한 편이었다. 하지만 Next.js를 하면서 마주한 SSG, 그리고 ISG에 대해서는 생소한 터라 아예 Next.js와 여러 렌더링 방식을 묶어 정리하였다.

2022년 7월 11일
·
0개의 댓글
·