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

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

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

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

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

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

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

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

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

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

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

Directory 구조를 설정할 때에는 파일의 종류별로 나누는 방법과, 페이지별(관련이 높은) 파일로 폴더를 나누는 방식이 있다.대체로 사용되는 방식은 페이지별로 파일을 나누는 방식으로, 가장 대표적인 폴더구조로는 아토믹 디자인이 있다.Atoms(원자), Molecul

기존 번들러보다 10배에서 100배까지 빠른 Vite의 배경과 장단점을 소개합니다.

Next/Image 사용 시 서버에서 받아오는 이미지의 크기를 그대로 출력하지 못하는 이슈 해결법

cherry-pick을 사용하여 되돌리기

유저 게시글 페이지를 만들면서 getStaticPath vs getServerSideProps 에 대해 배웠다.

Next.js의 데이터 패칭 방식(getStaticProps, getStaticPath, getServerSideProps)의 특징과 언제 사용하는지에 대해 정리

드림인 프로젝트를 진행하며 느끼고 배운 것 회고

프로그래밍에 인지과학을 접목한 책이다. 뇌의 인지과학에 대한 것 외에도 사회과학(심리학) 실험을 예시로 든 듯한 예시들도 나오기 때문에 비판적인 시각으로 수용할 필요가 있다. 그러나 심리학적인 측면을 포함하거나 제외해도 좋은 책이므로, 한번 쯤 읽어보기를 추천한다.

마틴 파울러의 리팩터링을 읽으며 메모한 것들