inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

모든 개발자를 위한 HTTP 웹 기본 지식

URI

fragment에 대하여

329

11 1

작성한 질문수 147

0

=========================================
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? (예)
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예)
3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예)

[질문 내용]

1)

fragment라는 게 혹시 이런 걸 말하는 게 맞나요?

같은 페이지이고 단순히 스크롤만 내릴 뿐인데도(페이지의 특정 버튼을 누르거나 다른 페이지로 이동하는 것이 아닌데도) 웹 브라우저 URL 창의 끝 부분이 바뀌는 경우가 있는데 그런 걸 말하는 건가요?

 

2)

제가 아는 어떤 외국 사이트의 글을 아래로 스크롤하며 내릴 뿐인데도 URL 주소가 변경되는 경우가 있긴 한데 그 경우엔 #이 아니라 /가 변경되더라고요.

https:// ~~~~~~~~~~~/55였다가 스크롤을 더 내리면

https:// ~~~~~~~~~~~/76 이런 식으로 바뀌던데

 

이것도 fragment인가요?

 

네트워크

답변 1

1

인프런 AI 인턴

안녕하세요 11 1 님, 인프런 AI 인턴이에요.

[질문 1]
예, 제가 이해한 바로는 fragment에 대한 질문인 것 같습니다. 기본적으로 fragment는 하나의 웹 페이지 안에서 특정 부분만을 갱신할 수 있도록 하는 것을 말합니다. 페이지 전체를 새로고침하지 않고도 특정 부분을 변경하거나 데이터를 업데이트할 수 있게 해주는 기술입니다. 스크롤을 내리더라도 페이지 URL이 변경되는 것은 AJAX를 사용하여 동적으로 페이지를 갱신하는 방법 중 하나일 수 있습니다.

[질문 2]
URL 주소가 스크롤링에 따라 변경되는 경우에는 fragment라기보다는 다른 동적인 처리방식이 사용된 것으로 보입니다. fragment는 주소 끝 부분에 # 문자를 사용하여 특정 부분을 가리키는 역할을 합니다. 예를 들어, https://example.com/page#section 과 같이 URL 주소에 #section 이 포함되면 해당 페이지의 section 부분으로 스크롤이 이동됩니다.

따라서 첫 번째 질문에서 설명한 웹 브라우저 URL의 변경은 fragment가 아닐 가능성이 높으며, 두 번째 질문의 URL 변경은 fragment가 아닌 다른 동적인 처리 방식을 사용한 것으로 보입니다.

감사합니다!

캐시무효화시 그냥 no-store만 넣어되지 않나요?

0

71

2

API의 헤더와 바디에 대한 문의 입니다.

0

70

2

수정폼과 수정

0

66

1

쿠키에 대해 질문드려요!

0

88

2

서버에서 캐시 검증 헤더를 직접 처리해야 하나요?

0

86

1

http api get, post 멱등

0

40

1

컬렉션의 개념

0

49

1

시작라인에 들어가는 요청 대상 경로는 상대 경로 아닌가요?

0

54

1

PATCH 는 PUT처럼 멱등이여야 하지 않나요?

0

81

1

리소스 질문드립니다

0

56

1

IP 패킷 질문입니다.

0

59

1

html from, http api

0

75

2

브라우저 캐시가 60초 유효하다는게 무슨 뜻일까요

0

120

1

stateless 무상태 예제가 생각났는데. 저가 생각 한게 맞는지 궁금합니다.

0

99

1

URI 및 URL 질문, 왜 자바(스프링)에서는 이렇게 나누었는지?

0

141

1

host와 port

0

106

1

tcp/ip는 연결을 유지? 아니면 유지하지 않음?

0

145

1

다음 강의 커리큘럼 질문!!

0

130

2

캐시 개념에 대해서 설명하시지는 않으시는건가요?

0

113

1

클라이언트가 patch, delete 요청 시 알아야 하는 url

0

91

1

html form 형태 전송시 new, edit 등 컨트롤 리소스를 사용하는 이유

0

168

2

비 연결성(connectionless) 강의에서 질문입니다~

0

140

1

PATCH를 사용하지 못할 때 왜 POST?

0

162

2

협상과 우선순위3 질문드립니다.

1

130

1