Secure Coding - React
0.0
(0)
Tier 4 Medium Skill Path Secure Coding
React 기반 웹 애플리케이션에서 자주 발생하는 클라이언트 사이드 보안 취약점을 예방하고 패치하기 위한 시큐어 코딩 기법을 실습을 통해 학습합니다. 모든 과정을 마치면 React 기반 웹 애플리케이션을 보다 안전하게 개발할 수 있는 탄탄한 역량을 갖추게 됩니다.
Secure Coding - React
0.0
(0)
Tier 4 Medium Skill Path Secure Coding
React 기반 웹 애플리케이션에서 자주 발생하는 클라이언트 사이드 보안 취약점을 예방하고 패치하기 위한 시큐어 코딩 기법을 실습을 통해 학습합니다. 모든 과정을 마치면 React 기반 웹 애플리케이션을 보다 안전하게 개발할 수 있는 탄탄한 역량을 갖추게 됩니다.
이 Path는
Expert 유저에게만 제공됩니다.
0% 진행중 총 0개 항목 완료
강의 0 /13
13
워게임 0 /6
6
잠긴 강의는 플랜을 업그레이드하거나 Unit을 별도 구매하여 수강할 수 있어요.

이런 이유로 이 Path를 추천해요

프론트엔드의 중요성은 계속 높아지고 있으며, Single-Page Application (SPA)의 비중 또한 계속 늘어나고 있습니다. 이에 따라 프론트엔드 앱을 만드는 비용과 복잡도가 증가하게 되었고, 보안 취약점과 요구사항도 비례해서 증가하게 되었습니다. 메타(Meta)에서 개발한 자바스크립트 라이브러리 React.js는 현대에서 SPA 프론트엔드 개발시 널리 사용되는 라이브러리 중 하나입니다. React를 사용할 때 시큐어 코딩이 뒷받침되지 않으면, 사용자 정보 노출, XSS, 코드 변조 등 다양한 취약점이 쉽게 발생할 수 있습니다. 본 Path는 React를 사용할 때 발생할 수 있는 취약점을 돌아보고, 이를 어떻게 대응하고 패치할지 실습을 통해서 알아보는 실전 위주의 내용으로 구성되어 있습니다. React 기반의 웹 애플리케이션을 보다 안전하게 개발하고자 하는 프론트엔드 개발자와 보안 실무자에게 추천하는 Path입니다.

이런 내용을 배워요

  • React의 보안 취약점 및 대응 기법
  • XSS 방지를 위한 안전한 사용자 입력값 처리 기법
  • Content Security Policy (CSP) 설정 및 보안 강화
  • 코드 난독화 및 최적화를 통한 소스코드 보호 방법
  • API 키 및 민감한 정보 노출 방지 기법
  • 패키지 의존성 감사 및 보안 위협 탐지 방법

이런 분께 추천해요

  • React 기반 웹 애플리케이션을 안전하게 개발하고 싶은 프론트엔드 개발자
  • React로 보다 안전하게 개발하는 방법을 배우고 싶은 분
  • 웹 애플리케이션 보안 및 보안 취약점을 배우고 싶은 분

이런 선수 지식이 필요해요

  • 숙련된 React 지식
  • 웹 애플리케이션 개발 경험
Unit 구성
총 6개의 Unit
  1. 1
    0.0
    (0)
    Expert Only
    0.0
    (0)
    Expert Only
    리액트 앱 개발 환경 구축부터 기본 개념 이해, 타입스크립트 활용까지 단계적으로 배웁니다.
    React
    리액트 환경 구축
    Background: React
    Typescript
    TypeScript
  2. 2
    React에서 이용자 입력 검증의 중요성을 이해하고, XSS와 CSRF와 같은 웹 보안 취약점 및 이를 방어하는 방법을 배웁니다.
    사용자 입력값 필터링
    사용자 입력값 필터링
    클라이언트 사이드 취약점
    클라이언트 사이드 취약점
    [함께 실습] React-Xss
    Exercise: React-Xss
    React-Xss
  3. 3
    0.0
    (0)
    Expert Only
    0.0
    (0)
    Expert Only
    CSP를 활용한 XSS 방지 기법을 이해하고, 이를 React 환경에 적용하는 방법을 배웁니다.
    CSP
    CSP
    Patch Chall: CSP
  4. 4
    React 애플리케이션의 빌드 과정과 소스 맵으로 인해 발생할 수 있는 보안 위험을 이해하고, 이를 예방하는 방법을 배웁니다.
    코드 난독화 및 최적화
    코드 난독화 및 최적화
    Patch Chall: Source map
    [함께 실습] Sources
    Exercise: Sources
    Sources
  5. 5
    Expert Only
    0.0
    (0)
    Expert Only
    React에서 민감 정보 노출로 인해 발생할 수 있는 보안 문제와 이를 예방하는 방법을 배웁니다.
    민감한 정보 노출
    민감한 정보 노출
    [함께 실습] Mypage
    Exercise: Mypage
    MyPage
  6. 6
    Expert Only
    0.0
    (0)
    Expert Only
    React 기반 웹 애플리케이션 개발에서 의존성 관리와 보안 감사의 중요성을 이해하고, 이를 효과적으로 수행하는 방법을 배웁니다.
    의존성 감사
    의존성 감사
    [함께 실습] PDF-Online
    Exercise: PDF-Online
    PDF-Online
수강 후기
0.0 (0)
이 Path는
Expert 유저에게만 제공됩니다.
0% 진행중 총 0개 항목 완료
강의 0 /13
13
워게임 0 /6
6
잠긴 강의는 플랜을 업그레이드하거나 Unit을 별도 구매하여 수강할 수 있어요.