내 컴퓨터에서는 열리는데요? localhost가 대체 뭐임

링크 보냈는데 나 혼자 구경 중

AI랑 홈페이지 하나 만들었습니다. 주말 여행 사진도 넣고, 버튼도 달았습니다. 눌러보니 잘 됩니다.

이제 친구한테 자랑하면 됩니다. 주소창을 복사해서 보냈습니다.

새로고침도 해봤습니다. 제 화면에는 여전히 잘 뜹니다.

안 열린다고?

홈페이지는 분명히 있습니다. 문제는 어디에 있느냐였습니다.

localhost는 누구 컴퓨터로 가는데?

제가 보낸 주소는 http://localhost:3000이었습니다.

뒤의 :3000은 지금 따져보지 않아도 됩니다. 오늘은 앞의 localhost만 보세요.

localhost는 지금 쓰고 있는 내 컴퓨터를 가리키는 이름입니다. 여기서 ‘내’는 주소를 보낸 사람이 아니라, 주소를 누른 사람 기준이에요.[1]

‘자기 집으로 가’라고 적힌 쪽지를 생각해보세요.

제가 읽으면 제 집으로 갑니다. 친구가 읽으면 친구 집으로 가고요. 같은 쪽지를 읽어도, 가는 집은 다릅니다.

제 컴퓨터에는 여행 페이지를 보여주는 프로그램이 켜져 있습니다. 친구 컴퓨터에는 그 프로그램이 없어요. 그래서 친구 화면에서는 안 열리는 겁니다.

localhost가 찾는 곳: 본인.

친구한테 제 홈페이지를 보낸 줄 알았는데, ‘너 자신을 찾아가라’를 보낸 겁니다. 갑자기 링크가 철학을 합니다.

127.0.0.1을 봤다면 그것도 자기 컴퓨터를 가리키는 주소예요. 같은 Wi-Fi를 써도 이 뜻은 바뀌지 않습니다. 숫자를 외울 필요는 없고요.[2]

친구한테 보낼 주소는 따로 있었습니다

그럼 주소에서 localhost 글자만 바꾸면 될까요?

아닙니다. 페이지는 아직 제 컴퓨터에 있는데, 주소의 글자만 고친다고 인터넷에 올라가지는 않아요.

친구도 볼 수 있도록 페이지를 인터넷에 올린 다음, 그 주소를 보내야 합니다. 이 예시에서는 홈페이지를 만들던 서비스의 ‘게시’ 기능을 씁니다.[4]

1. 페이지를 게시하고, 서비스가 알려준 공유 주소를 복사합니다.

2. 친구도 볼 수 있게 공개 범위나 로그인 조건을 확인합니다.

3. 다른 기기에서도 열어, 같은 페이지가 나오는지 봅니다.

아까는 각자 자기 컴퓨터를 찾았습니다. 이번에는 둘 다 같은 온라인 페이지를 찾아갑니다. 주소만 고친 게 아니라, 페이지를 친구도 볼 수 있는 곳에 올린 거예요.

친구: “오 이제 열린다.”

나: “아까도 완성은 돼 있었음.”

친구: “혼자만 입장 가능한 전시회였네.”

오늘은 이것만 구분하면 됩니다. 내 컴퓨터에서 미리 보는 주소인지, 다른 사람에게 보낼 주소인지.

고장 난 주소가 아니라 연습 중인 주소

버튼 하나 고칠 때마다 인터넷에 다시 올리려면 번거롭잖아요. 먼저 내 컴퓨터에서 만들고 눌러보면 편합니다. 이럴 때 localhost 주소를 쓰는 거예요.[3]

다만 페이지를 보여주는 프로그램도 켜져 있어야 합니다. localhost라는 주소만 있다고 홈페이지가 저절로 생기지는 않아요.

오늘은 이것만 기억하면 됩니다.

• localhost는 주소를 누른 사람의 컴퓨터를 가리킵니다.

• 내 화면에서 열린다는 것과 다른 사람에게 공개됐다는 것은 다릅니다.

• 공유할 때는 다른 사람도 볼 수 있는 주소를 보내고, 다른 기기에서도 열어봅니다.

“내 컴퓨터에서는 되는데요?”

이번에는 맞는 말이었습니다. 정말 내 컴퓨터에서만 보던 페이지였으니까요.