개발숭이

기존의 MPA(Multi-Page Application)와 SPA(Single Page Application)의 차이점 JSP (Java Server Pages) 서버 사이드 렌더링(SSR): JSP는 클라이언트의 요청에 대해 서버에서 HTML을 생성하고 렌더링하는 방식이다. 이는 매 요청마다 전체 페이지를 새로 로딩하여 보여준다. 동적인 웹 페이지나 웹 애플리케이션을 구축하기 위해 사용된다. 성능과 확장성의 제한: 매번 전체 페이지를 새로 로딩하기 때문에 네트워크 사용량이 늘어나고, 사용자 경험(UX)이 저하될 수 있다. 또한 대규모 트래픽을 처리하는 데 있어 서버 부하가 증가한다. 데이터베이스 연동, 사용자 요청 처리 등 복잡한 로직을 구현할 수 있다. 이를 통해 초기 웹 개발에서 널리 사용되었으며,..

Prettier 설치 방법 Prettier는 코드 포맷터로, 일관된 코드 스타일을 유지하게 도와줍니다. Prettier를 설치하고 사용하는 방법은 다음과 같습니다. npm을 사용하여 Prettier 설치하기: 프로젝트 디렉토리에서 터미널을 열고 다음 명령어를 입력합니다. npm install --save-dev prettier​​ 이 명령어는 prettier를 개발 의존성으로 프로젝트에 추가합니다. .prettierrc 파일 생성하기: 프로젝트의 루트 디렉토리에 .prettierrc 파일을 생성하고, JSON 형식으로 원하는 설정을 입력합니다. .eslintrc 작성 방법 ESLint와 Prettier를 함께 사용하면 코드 품질과 일관성을 모두 잡을 수 있습니다. ESLint 설정 파일인 .eslintr..

우리 팀에서는 프론트엔드 개발의 효율성과 성능을 개선하기 위해 지속적으로 노력해 왔습니다. 저는 이 과정에서 프론트엔드 팀의 리더로서, 기존의 Create React App(CRA)을 사용한 개발 방식에서 벗어나 더 나은 대안을 모색하게 되었습니다. 우리가 직면한 주된 문제 중 하나는 빌드 시간과 서버 과부하였습니다. 기존 상황의 문제점: 긴 빌드 시간: 우리의 프로젝트 빌드 시간은 평균 12분 정도였습니다. 이는 개발 속도를 늦추고, 팀의 생산성에 심각한 영향을 미쳤습니다. 서버 과부하: 빌드 과정에서 발생하는 서버 과부하로 인해, 백엔드(스프링부트)와 프론트엔드 개발 인스턴스를 내려야 하는 상황이 발생했습니다. 이러한 조치에도 불구하고 빌드 시간은 여전히 7분 정도로 길었습니다. 이러한 문제를 해결하..