undefined undefined
네이버 소스보기
링크 - naver.com
위 링크를 누르면 여러분들이 자주 보던 포털사이트가 표시됩니다.
크롬 브라우저를 사용하고 있다면, 페이지 아무 데서나 오른쪽 클릭을 한 뒤 "페이지 소스 보기"를 누르면 지금 보고 있는 사이트에 html 코드를 볼 수 있습니다.
![](https://grm-project-template-bucket.s3.ap-northeast-2.amazonaws.com/lesson/les_tgyiq_1502104889532/1502194810515_%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202017-08-08%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%209.18.48.png)
중간중간 우리가 알아볼 수 있는 글자가 있긴 하지만 대부분이 모르는 글자로 되어있습니다.
다시 네이버 화면으로 돌아와서 화면 오른쪽에 있는 "로그인 "이라는 버튼을 오른쪽 클릭한 뒤 "검사 "를 눌러 볼까요?
![](https://grm-project-template-bucket.s3.ap-northeast-2.amazonaws.com/lesson/les_tgyiq_1502104889532/1502195083649_%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202017-08-08%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%209.24.02.png)
그러면 어떤 창이 새롭게 나타나서 아래 그림과 같은 코드가 보일 거예요.
![](https://grm-project-template-bucket.s3.ap-northeast-2.amazonaws.com/lesson/les_tgyiq_1502104889532/1502195161775_%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202017-08-08%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%209.24.59.png)
value="로그인" 부분을 더블클릭해서 마음대로 내용을 수정해보세요.
![](https://grm-project-template-bucket.s3.ap-northeast-2.amazonaws.com/lesson/les_tgyiq_1502104889532/1502195249003_%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202017-08-08%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%209.25.05.png)
저는 아래 그림처럼 해봤습니다.
![](https://grm-project-template-bucket.s3.ap-northeast-2.amazonaws.com/lesson/les_tgyiq_1502104889532/1502195309609_%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202017-08-08%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%209.28.09.png)
같은 방식으로 네이버 메인 페이지에 있는 뉴스 기사제목에 자기 이름을 넣어 볼까요?