Box 1
Box 2
Box 3
티스토리 뷰
웹 페이지 만들기 강의에서 제일 처음 하는 것이 있는데 바로 네이버 해킹입니다. 말은 거창하게 해킹이라고 하지만 실제로는 프론트 엔트를 설명하기 위해서입니다. 저도 처음 봤을 때 신기해서 그 걸 본 이후에 코딩을 공부하게 됐습니다.

네이버 뉴스 해킹 방법
1. 네이버에 접속한다.
2. f12버튼을 클릭한다.
3. 마법 화살표를 클릭한다.
4. 뉴스 메뉴를 클릭한다.
5. 소스코드에서 "뉴스"를 "네이버 해킹"으로 바꾼다.
네이버 해킹 방법(프론트엔드, 백엔드)
위에 열거한 네이버 해킹 방법 대로 하게 되면 네이버 메인 화면에 있는 뉴스 탭이 네이버 해킹으로 바뀝니다. 그런데 이게 전 국민이 보는 화면에서 모두 바뀌는 것이 아니고 내가 보고 있는 내 컴퓨터 화면에서만 바뀌는 것이다. 새로고침을 해보면 다시 뉴스로 바뀌는 것을 볼 수 있다. 유튜브나 동영상 강의에서 이런 동작을 보여주는 이유는 프론트엔드와 백엔드를 설명하기 위해서입니다.
프론트엔드는 단어가 내포하는 것처럼 앞에 보이는 즉, 우리가 보는 인터넷 화면(브라우저)을 말합니다. 백엔드는 보이지 않는 부분(서버)을 말합니다. 프론트엔드에서 어떤 자료를 요청하면 백엔드에서는 그 자료를 전송해 줍니다. 쉽게 말해서 우리가 네이버에 어떤 검색어를 입력하는 행위는 프론트엔드가 백엔드에게 자료를 요청하는 것이고 검색한 자료가 화면에 나타나는 것은 프론트엔드가 요청한 자료를 백앤드가 보내준 것입니다.
- 프론트 엔드 : 유저가 볼 수 있는 화면을 말한다. HTML, CSS, JavaScript로 만들 수 있다
- 백 엔드 : 유저가 볼 수 없는 서버 또는 데이터베이스 영역을 말한다. Java, python, php, rube 등과 같은 프로그램으로 만들 수 있다.
아래 영상에서 네이버 해킹(프론트엔드 조작)하는 과정을 볼 수 있습니다.
반응형