본문 바로가기

전체 글

 (176)
[매일메일] Error Boundary란? (FE.250205) (개발자 강화/프론트엔드) 2025. 2. 6. 08:11 Error BoundaryReact 컴포넌트에서 발생하는 오류를 잡아내고, 전체 어플리케이션이 먹통 것을 방지하기 위한 컴포넌트 Error Boundary는 클래스형 컴포넌트에서만 사용할 수 있음 (함수 컴포넌트로 작성할 수 없음)componentDidCatch, getDerivedStateFromError 두 가지 라이프 사이클 메서드 사용 Error Boundary의 필요성React는 기본적으로 비동기 작업에서 발생하는 오류를 자동으로 처리하지 않음.오류가 발생할 경우 흰 화면만 뜨거나, 사용자는 이해할 수 없는 화면이 뜰 수 있음.어플리케이션의 신뢰도와 사용자 경험에 직결되는 굉장히 큰 문제임. 에러가 발생한 영역에서 대체 UI(Fallback UI)를 표시하고, 어플리케이션의 나머지 부분은 정상적..
[매일메일] CORS란? (BE.250116) + (FE.250205) (개발자 강화/백엔드) 2025. 2. 5. 09:40 CORS(Cross Origin Resource Sharing) 개념- 출처 교차(Cross Origin): 리소스를 주고받는 곳의 출처가 다른 경우에 발생함 (*출처: 도메인, 프로토콜, 포트 등)- 출처 교차인 경우 접근 권한을 부여하는 메커니즘이 필요함- CORS는 서로 다른 출처에서 제공되는 리소스에 접근할 수 있도록 허용하는 정책 CORS의 필요성?- 위조 요청 문제를 해결하기 위함(CSRF, Cross-Site Request Forgery, 크로스사이트 요청 위조)- 피해자가 공격자의 웹 사이트에 접속했을 때, 해당 사용자의 요청인 것처럼 타 사이트에 GET 요청을 보냄- 위와 같이 의도치 않은 요청을 서버에 보내서, 사용자의 개인정보 등을 탈취할 수 있음. SOP란?- Same-origin ..
[매일메일] 로드 밸런싱이란? (BE.250203) (개발자 강화/백엔드) 2025. 2. 3. 23:57 로드 밸런싱서버에 들어오는 클라이언트 요청을 균등하게 분산시킴어플리케이션 가용성, 확장성, 보안 및 성능을 확보함 로드 밸런싱 알고리즘1. 라운드 로빈(Round Robin)모든 요청이 순서대로 처리되는 방식모든 서버 처리 능력이 동등하고, 요청의 고른 분산이 중요한 경우 고려해볼 수 있음 📌 장점: 구현이 쉽고, 고른 분산을 보장함📌 단점: 서버 부하나 응답 시간을 고려하지 않아, 서버의 처리 능력이 다르면 비효율적임 2. 가중치 라운드 로빈(Weighted Round Robin)서버 처리 능력과 가용 자원에 따라 가중치를 할당 받음요청을 순서대로 처리하되, 가중치가 높은 서버는 상대적으로 많은 요청을 가져감 📌 장점: 서버 처리 능력이 다른 경우를 고려함📌 단점: 상대적으로 구현이 복잡하고, ..

티스토리툴바