Secure Coding - React
0.0
(0)
Tier 4 Medium Skill Path Secure Coding
본 Path는 React 기반 웹 애플리케이션을 보다 안전하게 개발하기 위한 시큐어 코딩을 다룹니다. 클라이언트 사이드에서 빈번하게 발생하는 보안 취약점을 중심으로 실제 개발 현장에서 마주할 수 있는 다양한 보안 이슈를 예제를 통해 하나씩 짚어갑니다. Path를 모두 완료하면 React 환경에서 발생할 수 있는 프론트엔드 보안을 고려한 안전한 코드 작성 능력을 갖추게 됩니다.
Secure Coding - React
0.0
(0)
Tier 4 Medium Skill Path Secure Coding
본 Path는 React 기반 웹 애플리케이션을 보다 안전하게 개발하기 위한 시큐어 코딩을 다룹니다. 클라이언트 사이드에서 빈번하게 발생하는 보안 취약점을 중심으로 실제 개발 현장에서 마주할 수 있는 다양한 보안 이슈를 예제를 통해 하나씩 짚어갑니다. Path를 모두 완료하면 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
    사용자 입력 검증의 중요성과 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
    리액트 애플리케이션의 빌드 과정과 소스 맵의 보안 위험성을 이해하고, 이를 통한 취약점 분석 방법을 배웁니다.
    코드 난독화 및 최적화
    코드 난독화 및 최적화
    Patch Chall: Source map
    [함께 실습] Sources
    Exercise: Sources
    Sources
  5. 5
    Expert Only
    0.0
    (0)
    Expert Only
    민감한 정보의 정의와 보호 방법, 그리고 정보 노출 실습을 통해 보안의 중요성을 배웁니다.
    민감한 정보 노출
    민감한 정보 노출
    [함께 실습] Mypage
    Exercise: Mypage
    MyPage
  6. 6
    Expert Only
    0.0
    (0)
    Expert Only
    웹 애플리케이션 개발에서 의존성 관리와 감사의 중요성을 배우고, 보안 취약점을 분석하고 해결하는 방법을 익힙니다.
    의존성 감사
    의존성 감사
    [함께 실습] PDF-Online
    Exercise: PDF-Online
    PDF-Online
수강 후기
0.0 (0)
이 Path는
Expert 유저에게만 제공됩니다.
0% 진행중 총 0개 항목 완료
강의 0 /13
13
워게임 0 /6
6
잠긴 강의는 플랜을 업그레이드하거나 Unit을 별도 구매하여 수강할 수 있어요.