CRA → Vite Migration 빌드시간과 함께 Vite보다 CRA가 더 빠를 수 있는 상황에 대해 공유합니다.
NextJS 14버전에서 서버액션 로그인 사용 시, session 쿠키가 브라우저에 저장되지 않는 문제
지난 사이드 프로젝트에서 yml파일 하나로 React 클라이언트와 Nest 서버, MySQL 데이터베이스를 띄우려 했다. chatGPT 주도 개발로 만드려 했지만, 계속해서 발생하는 오류로 울며 겨자먹기로 도커를 공부하면서 만들었다. 비슷한 처지에 놓인 사람들에게 작게
최적화를 덮어놓고 개발을 하다보면 위에서 말한 임계치가 넘어서곤 하는데, 이때 웹페이지를 더 빠르게 할 수 있는 방법을 공유하려 한다. 어떻게 하면 더 빠르게 만들 수 있을까?
프론트엔드 실무를 진행하다 보면 어느 정도로 빠르게 만들어야 하는지 애매한 순간들이 있다. 구글 크롬에서 말하는 RAIL 성능모델로 얼마나 빨라야 하는지 알아보자.
iOS 웹뷰 환경에서 스크롤 후 뒤로가기 시, 스크롤 한 만큼의 영역에서 흰 화면이 나타나는 원인과 해결방안
Next.js 14버전의 서버컴포넌트 사용 시 발생하는"Too many connections" 오류의 원인과 해결방안을 공유합니다.
첫 회사에서 처음 진행한 프로젝트를 1년 뒤에 리뉴얼하게 되었습니다. 리뉴얼 작업에 대한 회고와 함께 기존 프로젝트의 아쉬웠던 점을 기술적으로 보완한 내용을 공유합니다.
섬세한 ISFP의 코드 가독성 개선 경험 을 보고 구현해본 Observer Component
HTTP를 사용하는 Node.js, React에서 HTTPS를 모방한 로직을 통해 보안성을 높인 개발과정
커뮤니티 기능을 개발하는 첫 프로젝트에서 댓글 수가 제대로 표기되지 않는 버그가 발생했다. 간단한 동기 비동기 문제였지만, 문제를 해결하면서 배운 점이 많아 남기는 회고API 호출과 결과는 제대로 받아왔으나, DQ에 있는 모든 상태값이 렌더링이 되지 않은 상황.stor
XSS(크로스 사이트 스크립팅) 공격은 여러 사람들이 보는 글에 임의의 스크립트를 주입하여, 해당 글을 다른 사용자가 읽을 때 임의의 스크립트를 실행하게 만들어 사용자의 정보(쿠키, 세션)을 탈취하거나 비정상적인 기능을 수행하도록 만드는 공격이다.리액트는 XSS를 방어
여차저차 취업에 성공했지만, 빠르면 2시간, 막히면 2시간 30분이라는 지옥의 출퇴근길로 시간을 땅에 버리고 있는 중이다. 추석연휴 덕에 짧게 트인 숨통으로 간신히 진행하는 한 달여 간의 회사생활 일기.
CSR과 SSR에 대해서는 기술을 배울때이든, 면접예상질문으로든 여러번 접하였기 때문에 친숙한 편이었다. 하지만 Next.js를 하면서 마주한 SSG, 그리고 ISG에 대해서는 생소한 터라 아예 Next.js와 여러 렌더링 방식을 묶어 정리하였다.
Directory 구조를 설정할 때에는 파일의 종류별로 나누는 방법과, 페이지별(관련이 높은) 파일로 폴더를 나누는 방식이 있다.대체로 사용되는 방식은 페이지별로 파일을 나누는 방식으로, 가장 대표적인 폴더구조로는 아토믹 디자인이 있다.Atoms(원자), Molecul