Web (3) 썸네일형 리스트형 프론트엔드 에러 모니터링 ❔ 프론트엔드 에러 모니터링웹 애플리케이션의 클라이언트 측 구성 요소의 성능, 사용성 및 기능을 추적하는 과정 에러 모니터링의 필요성1. 사용자 경험 향상사용자보다 먼저 문제를 감지하고 해결실시간 에러 감지로 신속한 대응 가능서비스 안정성 향상2. 비즈니스 영향프론트엔드 성능 저하는 이탈률 증가, 사용자 만족도 하락, 매출 손실로 이어질 수 있음3. 개발 효율성버그 조기 발견 및 빠른 대응에러 패턴 분석 가능 및 코드 품질 향상성능 최적화 및 유지보수 주요 모니터링 대상페이지 로드 시간첫 번째 바이트에 걸리는 시간(TTFB)사용자 인터랙션 관련 지표오류 발생 및 유형 모니터링 방법실제 사용자 모니터링(RUM): 실제 사용자의 상호작용을 기반으로 성능 추적합성 모니터링: 다양한 조건에서 사용자 상호작용을 .. Unit Test(with Jest) ❔ 유닛 테스트(Unit Test)소프트웨어의 가장 작은 단위인 "Unit(단위)" 를 격리시켜 테스트하는 방법Unit(단위) : 함수, 메서드, 클래스, 모듈 등소프트웨어 개발에서 사용되는 기본적인 테스트 방법개발 초기 단계부터 적용하여 코드의 신뢰성을 높이는 데 중요한 역할목적 및 특징각 단위가 의도한 대로 정확히 작동하는지 검증코드 변경 시 기존 기능이 올바르게 동작하는지 확인빠르게 실행과 자동화 가능다른 코드나 외부 의존성과 독립적으로 실행테스트 유형1. 상태 테스트함수의 반환값 검증객체의 상태 변화 검증2. 동작 테스트함수 호출 여부 검증이벤트 발생 검증3. 예외 테스트 에러 처리 검증경계값 테스트 ❔유닛 테스트가 필요한 이유1. 버그 조기 발견코드 변경 시 즉시 문제 발견이 가능하다.디버깅 시.. JWT(JSON Web Token) JWT(JSON Web Token)웹 애플리케이션의 인증과 권한 부여에 널리 사용되는 방식JWT 의 기본 구조Header{"alg": "HS256", // 서명 암호화 알고리즘"typ": "JWT" // 토큰의 타입}토큰의 타입과 사용된 암호와 알고리즘을 지정Payloadclaim 이라 불리는 토큰에 담을 정보가 들어감Registered ClaimPublic ClaimsPrivate Claims미리 정의된 클레임(권장되는 클레임 집합)iss(발급자)/sub(제목)/exp(만료시간) 등사용자 정의 클레임으로, 공개적으로 정의당사자들 간에 정보를 공유하기 위해 생성된 맞춤 클레임 Signature헤더와 페이로드를 검증하기 위해 사용→ Header, Payload, Signature 각 부분은 Base64UR.. 이전 1 다음
