💯 GPA 4.5 받는법

나는 어떻게 이번학기 올 A+를 받을 수 있었나.에 대해 회고하는 글 인척 하면서 어떻게 성적표를 조작하는지 알아보는 글이다.

오늘은 크롬 개발자 도구를 이해하고, 이를 활용하여 학교 성적표를 위조하는 법을 알아본다.

개발자 도구

웹 브라우저의 개발자 도구는 웹 개발자의 개발을 돕기위해서 이것저것 여러가지 기능을 모아놓은 집합체이다.

대충 이렇게 생김

네트워크 트래킹, 디버깅콘솔, 메모리 추적, 퍼포먼스 측정등 다양한 기능이 있는데. 그중에서도 오늘은 웹 페이지 수정기능을 이용할 것이다.

웹 페이지란 뭘까

웹 페이지는 생김새를 기술 하는 내용들이 들어있다.
지금 여러분이 보고있는 이 벨로그 포스트도 웹 페이지이다.
내 포스트를 클릭했을때 브라우저는 벨로그서버 (velog.io/대충-내-포스팅-url) 로 웹 페이지 소스를 요청하고 받아온다. 웹페이지에는 안에 내용이 어떻게 생겼는지가 기술 되어 있기 때문에 브라우저는 웹 페이지 소스를 받은 후에 그것들을 해석해서 인간이 보기 좋게 그림을 그려준다.(rendering이라고 한다).

그렇다면 우리가 직접 페이지 소스를 바꾸면 내용을 바꿀 수도 있지 않을까? 브라우저는 유저가 페이지 소스를 바꾸는것을 막지 않기 때문에 생각보다 쉽게 가능하다.

한번 웹페이지 수정의 예를들면

원본

이런 화면을 유저가 소스를 고쳐서

네이버 인기검색어 고등학생한테 다 털렸죠?

이렇게 바꿀 수 있다.

웹페이지 조작 실습

폰적표를 만들기 이전에 더 쉬운 네이버 인기검색어를 연습삼아서 조작해보자.

우선 https://m.naver.com에 크롬을 통해서 접속한다. (네이버 모바일버전 페이지가 더 구조가 간단해서 이걸로 실습을 진행한다)

접속 했으면 인기검색어가 보이는 검색차트 탭으로 이동한다.

우클릭후 inspect 클릭

inspect는 한글 설정에서 검사로 뜸

이제 개발자 도구가 열렸다!

Element탭에는 아까 말한 웹페이지가 트리구조로 기술되어 있는데 이중에서 인기검색어가 어디에 있는지 찾아야한다. 노가다로 코드를 다 찾을 수도 있으나 스마트하게 찾는 방법이 있으니 쉬운 방법으로 가자.

원소 찾기 아이콘 클릭

원소찾기 아이콘을 클릭하고 다시 네이버 홈페이지로 돌아와서 이것저것 클릭하면 이제 아래처럼 커서 주위가 박스로 뜰것이다.

동영상대로 조작할 element를 클릭하면 개발자도구 탭에서 그 element쪽으로 이동하는데 바꾸고 싶은 내용을 더블클릭한다음 새로운 내용으로 입력해주면 끝이다.

성적표 조작하기

이제 연습으로 네이버 인기검색어를 조작하는데 성공했으니 원래 목표였던 성적표를 조작해보자.

일단 성적표가 뜨는 학사시스템으로 접속한다. 내 모교인 S가 두개인 대학교 포탈 saint.ssu.ac.kr로 접속해서 예시를 보이는데 다른학교 포탈도 크게 다르지 않으니 걱정 ㄴㄴ

포탈 > 학사관리 > 성적/졸업

대충 6전공중에서 4전공은 성적이 나온 상태다. 아 물론 이것도 폰적표임.

나머지 과목을 다 A+로 채워보자.

아까처럼 개발자 도구를 띄우고 성적입력 칸의 element를 찾는다.

자료구조 성적 element 찾아서 클릭

개발자 도구에서 해당 부분을 조작한다.

  로 입력된곳을 더블클릭해서 100으로 바꾼다.

이제 당신의 자료구조는 100점이 되었다! 등급도 같은방법으로 A+로 만들면 된다.

자료구조 등급 element 찾아서 클릭

마찬가지로   부분을 더블클릭후 A+로 바꿔주면 된다.

짜잔!

몇번 더 반복해서 올 A+성적표를 만들고 친구한테 보내주면 된다! 끗