200813 Ajax 2일차 정리
초기 페이지 구현
-
해시 (frag identifier)
: 사용자에게 url 통해 접근하고 싶을 때 사용 (북마크 기능)
(예) 세 번째 문단으로 가게 하고 싶을 때
<a href="#three">three</a>
.
.
<p id="three">
.
.
</p>
-
해시뱅 Hash Bang (!#)
<a href="#!html">
강의만으로는 이해가 되지 않는 부분이 있어 구글에 검색해 보았다.
나중에 아래 글들 다시 한 번 더 읽어보기.
해시뱅(#!)에 대해서... :: Outsider's Dev Story
해시뱅을 처음 본 것은 작년에 트위터가 새로운 웹사이트를 선보였을 때입니다.제 트위터 계정인 http://twitter.com/outsideris로 접속하면 http://twitter.com/#!/outsideris로 리다이렉트 되는데 URL의 중간에..
blog.outsider.ne.kr
해시뱅(HashBang, #!) 탐구 | Message
안녕하세요 Message입니다. 오늘의 포스팅 주제는, 예전에 마주쳤을때 당황했었던 해시뱅(HashBang, #!)에 대해 다루고자 합니다. 해시뱅에 대해 개념부터 장단점, 개인의 의견이 잘 포스팅되어 있는
redscreen.tistory.com
!# 해쉬뱅 알아보기
hash bang, 해시뱅 이라는 개념이 있습니다. 트위터의 url에 #!이 들어간걸로 유명해졌는데 지금은 트위터에서는 사용하고 있지 않습니다. 작동원리 라고 하면 www.aaa.com/#!/bbb 이라는 url이 있다면 #!/b
cyberx.tistory.com
if(location.hash) {
fetchPage(location.hash.substr(2));
} else {
fetchPage('welcome');
}
; fetchPage 통해 hash 값 주기. 두 번째 글자 다음에 있는 텍스트를 substring 함. (∵ 0, 1, '2')
hash 가 없다면 fetchPage 통해서 welcome 파일 읽도록 함.
( ※ location hash는 URL의 앵커 부분 반환)
Location hash Property
Location hash Property ❮ Location Object Example Return the anchor part of a URL. Assume that the current URL is http://www.example.com/test.htm#part2: var x = location.hash; The result of x will be: #part2 More "Try it Yourself" examples below. Definiti
www.w3schools.com
글 목록 Ajax로 구현
text.split(',');
텍스트에 있는 문자열을 , 를 기준으로 쪼개서 배열에 저장