백엔드 코드는 왜 안 보일까요?
백엔드 코드가 안 보이죠? 그게 정상이에요. 백엔드는 서버 안에 숨어 있거든요. 대신 이 사이트가 백엔드와 어떻게 대화하는지는 볼 수 있어요. 코드에서 fetch( 같은 부분을 찾으면, 그게 바로 🔗 연결고리예요.
매일 쓰는 그 사이트, 어떻게 만들어졌는지 열어볼까요?
위쪽 칸에 사이트 주소를 넣으면 그 사이트의 진짜 코드를 가져와 보여드려요.
무슨 뜻인지 모르겠어도 괜찮아요. AI 선생님이 하나씩 설명해 줍니다.
연습하기 좋은 사이트
누르면 위쪽 주소 칸에 채워져요. 그다음 코드 열어보기를 눌러 주세요.
어떤 사이트는 코드가 외계어처럼 보여요
React·Vue 같은 도구로 만든 사이트는 코드를 잘게 부숴 한 덩어리로 압축해서 올려요. 그래서 사람이 읽기 어려운 글자가 잔뜩 나옵니다. 처음에는 위에 추천한 단순한 사이트로 연습하는 걸 권해요.
이 도구는 공개된 웹페이지 코드를 학습 목적으로 보여줍니다. 가져온 코드의 저작권은 원 제작자에게 있으며, 그대로 복제해 배포하지 마세요.