[ TERMS 10 ]  CSR / SSR1. CSR(Client Side Rendering) / SSR(Server Side Rendering)의 정의 웹 페이지의 렌더링 방식은 렌더링 과정을 수행하는 위치에 따라 CSR(클라이언트 사이트 렌더링)과 SSR(서버 사이드 렌더링)로 나뉜다. 2. CSR / SSR 은 어떻게 접하게 될까? 웹 개발자는 웹 앱 개발에 앞서 제공하는 웹 앱의 특성에 적합한 렌더링 방식을 선택해야 한다. 때로는 하나의 앱 내에서도 특정 페이지는 CSR 방식으로, 또 다른 특정 페이지는 SSR로 제공된다. 3. CSR / SSR 알아보기> 렌더링이란? 웹 페이지는 HTML, CSS, 자바스크립트와 그 외 여러 파일로 이루어져 있다. 이 파일들은 웹 페이지에 그리기 위해 렌더링 엔..

[ TERMS 09 ]  크롤링1. 크롤링(crawling)의 정의 크롤링은 Crawl(=엎드려 기다) 에서 유래된 단어이다. 크롤링은 웹 크롤링의 줄임말로 웹을 기어 다니며 정보를 수집하는 프로그램을 의미한다. 그리고 크롤링을 하는 친구를 '크롤러(crawler)'[ 동의어 : '스파이더', '웹 스파어더', '스파이더 봇' ]이다.원하는 정보를 가져올 수 있다는 점이 크롤링의 활용도를 무궁무진하게 만든다. 정적인 데이터부터 API와 같은 서비스까지 웹상에 표시되는 모든 데이터를 파싱할 수 있다.  크롤링을 공부할 때에는 스크래핑(scraping)과의 관계를 명확하게 알아야 한다. 크롤링(crawling)스크래핑(scraping)웹을 돌아다니는 목적정보를 탐색하는 것정보를 추출하는 것웹에서의 행동하나의..

[ TERMS 08 ] SEO1. SEO(Search Engine Optimization)의 정의SEO(검색 엔진 최적화)는 웹 사이트가 검색 결과에 더 잘 노출되도록 최적화하는 과정 => 웹 사이트를 검색 엔진에 더 잘 노출시키기 위한 과정 같은 콘텐츠도 어떻게 웹 페이즈를 만드느냐에 따라서 검색했을때 노출되는 정도가 다르다. 2. SEO는 어디서 접하게 될까?네이버나 구글에서 키워드 검색을 하면 항상 상위권에 올라오는 웹 페이지들은 대부분은 웹 페이지를 개발할 때 소스 코드를 검색 엔진이 내호은 가이드에 맞춰 태그에 부가설명을 추가하는 등 검색 엔진 크롤러가 찾기 쉽도록 최적화 작업을 해 놓았을 확률이 높다. 키워드 검색을 했을 대 상위에 뜨는 웹 페이지의 비밀 중 하나는 SEO에 담겨 있다. 3. ..

[ TERMS 07 ] DOM / Virtual DOM1. DOM (Document Object Model) / Virtual DOM의 정의 DOM은 HTML, XML(eXtensible Markup Language) 문서에 접근하기 위해 웹 브라우저에 내장된 API이다. => DOM을 사용해서 HTML 문서의 각 항목을 생성, 변경, 수정, 삭제할 수 있다.  DOM에서 'Document'는 HTML의 문서, 'Object'는 HTML 내의 객체를 의미한다. 이 객체 모델은 문서 내의 모든 요소를 저의하고 각각의 요소에 접근하는 방식을 제공한다.  Virtual DOM은 DOM의 구조를 간략히 흉내 낸 자바스크립트 객체이다( React.js, Vue.js : Virtual DOM을 사용하는 대표적인 라..

[ TERMS 06 ] 반응형 웹 디자인1. 반응형 웹 디자인의 정의하나의 웹 사이트가 사용자의 디바이스(데스크톱, 모바일, 태블릿)의 해상도에 반응하여 콘텐츠의 크기 및 배치를 최적화하여 제공하는 기술 2. 반응형 웹 디자인은 어떻게 접하게 될까?반응형 디자인이 적용되어 있지 않다면, 데스크톱 버전이 그대로 사용자의 스마트폰에서 나타난다. 최근 사용자들은 다양한 기기로 서비스를 이용하기 때문에 반응형 웹 디자인은 필수이다.[ e.g. 반응형을 적용하지 않은 웹사이트를 스마트폰으로 접속하면, 스마트폰 가로 비율에 맞게 보이지 않고 페이지의 일부만 나타나서 상하좌우로 스크롤 하면서 화면을 봐야한다.] 3. 반응형 웹 디자인 알아보기>  등장 배경1990년대 중반까지 대부분의 웹 페이지는 데스크톱용으로 제작..