[보안] 인증/인가
인증
- 사용자의 신원을 확인하는 보안 프로세스
- 구성 요소
- 비밀번호
- 일회용 핀
- 인증 앱
- 생체 인식
- …
인가
- 인증된 사용자에게 특정 리소스에 대한 접근 권한을 부여하는 보안 프로세스
비고
- 시나리오에 따라 인증과 인과를 바꿔서 사용 가능(신분증, 사원증)
- 인증은 인가로 이어질수있지만(신분증, 사원증) 인가는 인증으로 이어지지 않음(티켓, 버스카드)
- 인가로 인증을 하는 행위는 추천하지 않음
참고
[React] 실무 패턴
개요 React 앱을 실제로 개발하다 보면 반복적으로 등장하는 패턴들이 있습니다. 인증 보호, 환경변수, 에러 처리, 코드 분할, 로딩 UI 등 자주 쓰이는 실무 패턴을 정리합니다.
[React] 테스트 (Vitest, Testing Library)
개요 테스트는 코드가 올바르게 동작하는지 자동으로 검증하는 작업입니다. Vitest는 Vite 기반 테스트 러너이고, Testing Library는 실제 사용자 관점에서 컴포넌트를 테스트하는 라이브러리입니다.
[React] shadcn/ui
개요 shadcn/ui는 Radix UI와 Tailwind CSS를 기반으로 만들어진 UI 컴포넌트 모음입니다. npm 패키지가 아니라 소스 코드를 프로젝트에 직접 복사하는 방식이라, 컴포넌트를 자유롭게 수정할 수 있습니다.
[React] Tailwind CSS
개요 Tailwind CSS는 미리 정의된 유틸리티 클래스를 조합해 스타일을 지정하는 CSS 프레임워크입니다. 별도의 CSS 파일을 만들지 않고 HTML(JSX)에 클래스만 추가하면 스타일이 적용됩니다.