프론트 변조

1️⃣ 프론트엔드

프론트엔드는 웹 애플리케이션의 사용자 인터페이스를 담당하는 부분이다.

 

이는 HTML, CSS, JavaScript를 사용하여 웹 페이지를 구성하고 

 

사용자와 상호작용하는 기능을 포함한다.

 

프론트엔드는 클라이언트 측, 사용자의 웹 브라우저에서 실행된다.

 

 

2️⃣ 프론트엔드 변조

프론트엔드에서 "변조가 가능하다"는 것은 

 

 

웹 페이지의 코드와 리소스에 대한 액세스 권한이 클라이언트에게 있어,

 

사용자가 프론트엔드를 수정 또는 변경할 수 있다는 의미이다.

 

3️⃣ 클라이언트 측 실행

웹 애플리케이션의 프론트엔드는 클라이언트 측에서 실행되기 때문에, 

 

사용자는 해당 코드에 접근할 수 있다. 

 

웹 브라우저는 HTML, CSS 및 JavaScript 코드를 다운로드하고 해석하여 화면에 표시한다.

 

이로 인해 사용자는 웹 페이지의 코드를 쉽게 검사하고 수정할 수 있다.

 

 

4️⃣ 개발자 도구

대부분의 웹 브라우저는 개발자 도구라는 기능을 제공. 

 

사용자는 이 도구를 통해 웹 페이지의 코드와 리소스를 실시간으로 검사하고 수정할 수 있다. 

 

개발자 도구를 통해 HTML 요소를 추가, 수정 또는 삭제하거나

 

CSS 스타일을 변경하거나 JavaScript 코드를 수정할 수 있다.

 

 

5️⃣ 사용자 지정

웹 페이지는 클라이언트 측에서 실행되므로,

 

사용자는 페이지를 자신의 요구에 맞게 사용자 지정할 수 있다. 

 

사용자 스크립트(확장 프로그램 등)를 사용하여 페이지의 동작을 변경하거나

 

사용자 스타일시트를 적용하여 페이지의 외관을 변경할 수 있다.

 

 

6️⃣ 변조에 대응하려면 

프론트엔드의 변경 가능성은 사용자에게 편의성과 유연성을 제공하지만, 

 

악의적인 사용자는 해당 기능을 악용하여 웹 애플리케이션에 대한 변조나 

 

보안 취약점을 악용할 수도 있다. 

 

따라서 웹 개발자는 프론트엔드와 백엔드 모두에서 보안 조치를 취해야 하며, 

 

사용자 입력의 유효성을 검사하고 서버 측에서 데이터를 검증해야 한다.