해시뱅이란? 해시뱅이란 URL 뒤에 붙어있는 #!을 의미한다. 해시뱅의 역할은 SPA에서 ajax를 사용했을 때 페이지의 변화를 기억하기 위해 사용한다.예를 들어 ajax를 사용한 경우 url은 그대로이기 때문에 뒤로가기를 누르면 ajax를 통해 가져온 정보들이 날아가게 된다.하지만 해시뱅을 사용하게 되면 검색엔진 최적화가 되지않는 단점과 자바스크립트가 오류가 나면 웹페이지의 접속이 불가능하다는 단점등이 있다. 참고한 블로그 : https://m.blog.naver.com/writer0713/220179565314
DOM 문서 객체 모델
DOM이란? DOM은 document object model의 약자로 직역하면 문서 객체 모델이다.문서 객체 모델이라는 말만 들어서는 뭐하는 건지 이해가 가지 않아 검색을 해보았다.먼저 문서 객체는 html의 태그들을 자바스크립트가 이용할 수 있는 객체로 만들면 그것을 문서 객체라고 부른다고 한다.모델이란 뜻은 모형이라는 의미도 있지만 방식이라는 의미로 해석할 수 있다고 한다.합쳐보면 html의 태그들을 자바스크립트가 이용할 수 있는 객체로 만드는 방식 이라고 할 수 있다.내가 이해한 것을 한줄로 정리하면 '자바스크립트가 html의 요소들에 접근하는 방식' 이다. * html도 일종의 문서이다. Javascript와 DOM DOM은 자바스크립트뿐만 아니라 다른 언어들로도 구현이 가능하지만 이 글에서는 자..
SEO란? SEO란 Search Engine Optimization의 약자로 직역하면 검색 엔진 최적화라고 할 수 있다.이게 뭔뜻이냐하면 특정 키워드로 검색을 하였을 때 컨텐츠의 노출을 최적화 하는 것이라고 할 수 있다.간단한 예를 들면 SNS의 해시태그를 생각하면 된다.SNS게시물에 해시태그를 작성하여 컨텐츠를 게시하면 해당 해시태그가 검색되었을 때 작성한 컨텐츠가 검색된다. 결과적으론 해시태그를 이용하여 컨텐츠의 노출을 높힐 수 있었다.정리하자면 SEO는 구글과 네이버 등의 검색엔진들의 구조를 파악하여 컨텐츠의 노출을 최적화 시키는 일이라고 할 수 있다. 맨 아래에 검색 엔진별 최적화 가이드 링크를 달아놓았으니 참고바란다. 검색 엔진 최적화를 위한 고려 사항 HTML 태그 활용 검색 엔진 최적화를 고..