자바스크립트는 단일 스레드기반으로 동작한다. 이 뜻은 한번에 한가지 작업밖에 처리하지 못한다는 뜻이다. 하지만 우리는 서버에 AJAX로 데이터를 불러오면서 이벤트를 처리하기도 한다. 이는 이벤트 루프와 태스트큐가 있기 때문에 가능한 일이다. 이벤트 루프와 태스트큐가 동작하는 과정을 알기 위해선 자바스크립트 엔진에 대한 이해가 필요하다. 자바스크립트 엔진은 크게 힙영역, 호출스택, 이벤트 루프, 태스트큐로 이루어져 있다. 힙 영역은 동적으로 생성된 객체를 저장하는 공간이고 호출 스택은 메소드가 실행되었을 때 스택 프레임이 생성되는 공간이다. function first(){ console.log('first'); second(); } function second(){ console.log('second');..
CORS란? cors란 cross origin resouce sharing의 줄임말로 다른 도메인에 요청을 보낼수 있게 하는 표준 규약이다. 좀 더 간단하게 설명하자면 내 도메인이 foo.com일 때 bar.com에게 요청을 보낼 수 있게 하는 것이다. cors의 기본적인 형태는 다음과 같다. Request GET /resources/access-control-with-get/ HTTP/1.1 Host: aruner.net User-Agent: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1b3pre) Gecko/20081130 Minefield/3.1b3pre Accept: text/html,application/xhtml+xml,app..
css는 인라인 레벨과 블럭레벨이란것이 있다. 이 종류에 따라서 화면에 출력되는 방법이나 적용되는 css 속성등의 차이가 생긴다. 인라인레벨 인라인 레벨은 html의 태그중에서 화면의 일부를 차지하는 태그를 말한다. 인라인의 태그에는 다음과 같은 태그들이 있다. a abbr acronym b bdo big br button cite code dfn em i img input kbd label map object q samp small script select span strong sub sup textarea tt var 블럭레벨 블럭레벨은 인라인태그와는 다르게 화면의 전체를 사용하는 태그를 말한다. 다음은 블럭레벨 태그들이다. address article aside audio blockquote can..
해시뱅이란? 해시뱅이란 URL 뒤에 붙어있는 #!을 의미한다. 해시뱅의 역할은 SPA에서 ajax를 사용했을 때 페이지의 변화를 기억하기 위해 사용한다.예를 들어 ajax를 사용한 경우 url은 그대로이기 때문에 뒤로가기를 누르면 ajax를 통해 가져온 정보들이 날아가게 된다.하지만 해시뱅을 사용하게 되면 검색엔진 최적화가 되지않는 단점과 자바스크립트가 오류가 나면 웹페이지의 접속이 불가능하다는 단점등이 있다. 참고한 블로그 : https://m.blog.naver.com/writer0713/220179565314
DOM이란? DOM은 document object model의 약자로 직역하면 문서 객체 모델이다.문서 객체 모델이라는 말만 들어서는 뭐하는 건지 이해가 가지 않아 검색을 해보았다.먼저 문서 객체는 html의 태그들을 자바스크립트가 이용할 수 있는 객체로 만들면 그것을 문서 객체라고 부른다고 한다.모델이란 뜻은 모형이라는 의미도 있지만 방식이라는 의미로 해석할 수 있다고 한다.합쳐보면 html의 태그들을 자바스크립트가 이용할 수 있는 객체로 만드는 방식 이라고 할 수 있다.내가 이해한 것을 한줄로 정리하면 '자바스크립트가 html의 요소들에 접근하는 방식' 이다. * html도 일종의 문서이다. Javascript와 DOM DOM은 자바스크립트뿐만 아니라 다른 언어들로도 구현이 가능하지만 이 글에서는 자..
SEO란? SEO란 Search Engine Optimization의 약자로 직역하면 검색 엔진 최적화라고 할 수 있다.이게 뭔뜻이냐하면 특정 키워드로 검색을 하였을 때 컨텐츠의 노출을 최적화 하는 것이라고 할 수 있다.간단한 예를 들면 SNS의 해시태그를 생각하면 된다.SNS게시물에 해시태그를 작성하여 컨텐츠를 게시하면 해당 해시태그가 검색되었을 때 작성한 컨텐츠가 검색된다. 결과적으론 해시태그를 이용하여 컨텐츠의 노출을 높힐 수 있었다.정리하자면 SEO는 구글과 네이버 등의 검색엔진들의 구조를 파악하여 컨텐츠의 노출을 최적화 시키는 일이라고 할 수 있다. 맨 아래에 검색 엔진별 최적화 가이드 링크를 달아놓았으니 참고바란다. 검색 엔진 최적화를 위한 고려 사항 HTML 태그 활용 검색 엔진 최적화를 고..