1. 검색엔진 최적화(SEO;Search Engine Optimization)- 검색 결과가 상위에 노출되는 것을 말한다.- 신규 고객 및 잠재고객의 통로가 된다.  2. 검색엔진 최적화의 원리- 검색엔진 로봇이 웹사이트 정보를 수집한다.- 검색엔진 로봇이 웹사이트를 크롤링한다.- 사용자가 많이 검색하는 키워드에 대응하는 키워드를 만들어둔다(=인덱싱).- 인덱싱된 키워드에 우선 순위를 매기고 높은 순서에 따라 결과로 보여준다.  3. 노출 상단으로 최대한 높이는 방법- html 시맨틱 태그 사용한다.- 방문자수가 많고 지속시간이 긴 콘텐츠를 만든다.- 사람들이 많이 검색하는 키워드가 포함된 콘텐츠를 만든다.- 네이버, 구글에 돈을 주고 광고한다.- 즉, 양질의 콘텐츠를 꾸준히 업로드한다.ⓘ Notehtm..

1. 브라우저란?- 미디어(이미지, 동영상, 콘텐츠)를 시각적으로 표현하는 소프트웨어이다.- 예시로, 네이버는 브라우저가 아닌 웹사이트이다.- 종류 : 크롬, 사파리, edge  2. 브라우저에서 웹이 동작하는 원리(렌더링 과정)- 수강생이 브라우저에 URL을 입력한다.- 데이터를 웹 서버로부터 응답받는다.- 응답 받은 데이터(html, css, javascript, 이미지)를 브라우저가 표현한다.ⓘ Note렌더링서버로부터 html, CSS, Javascript 등 개발자가 작성한 문서가 브라우저에서 출력되는 과정을 말한다.  3. 크로스 브라우징이란- 브라우저 어느 한쪽에만 웹페이지가 잘 표현되는 것이 아니라 모든 플랫폼(크롬, 사파리, edge, 모바일 등)에서 웹페이지가 잘 표현되도록 하는 것을 뜻..

1. 도메인이란?- 사람들이 원하는 웹사이트를 방문할 때 입력하는 주소이다.  2. DNS(Domain Name System)- 도메인 주소를 IP 주소로 변환해주는 시스템을 말한다.  3. URL 이란?- 도메인과 마찬가지로 사이트에 접속할 때 입력하는 주소이다.- URL은 서버의 주소 + 하위 디렉토리 + 프로토콜 모두를 합친 주소를 말한다.- 예시 : https://www.naver.com:80/blog/index.html· https : 프로토콜· www.naver.com : 도메인· 80 : 서버 연결 포트· blog : 디렉토리 주소· index.html : 웹페이지 파일 이름으로 이루어진 전체 주소를 URL이라고 한다.  4. IP 주소란?- 인터넷에 연결된 컴퓨터의 고유 식별자이다.- DN..

1. 웹(www;world wide web)- 웹을 직역하면 거미줄이라는 뜻이 있다.- 전세계 인터넷이 연결된 사람들이 정보를 공유할 수 있는 장소이다.- 웹 구성 : html, CSS, Javascript로 이루어져있다.  2. 웹과 인터넷- 웹은 인터넷의 부분 집합이다. - 인터넷은 모든 통신망을 하나로 합친다는 장소를 의미한다.  3. HTML- 문서의 뼈대 및 골격을 잡아주는 언어이다.- 어떤 텍스트를 넣을지, 이미지를 어디에 배치할지를 결정하는 언어이다.  4.CSS- 색상, 폰트, 애니메이션, 배치를 정해주는 역할을 한다.  5. Javascript- 동적 기능 구현- html과 CSS만 있으면 네이버를 만들 수 있다.- 하지만 로그인을 만들려면 로그인 기능을 만들 수 있어야한다. 이 기능을 ..

1. 클라이언트란?- 서버에게 요청을 하는 모든 프로그램을 뜻한다.- 웹 브라우저 크롬 같은 경우는 클라이언트 프로그램인 것이다.  2. 서버란?- 클라이언트 요청에 따라 서비스를 제공하는 소프트웨어이다.- 종류 : 웹, 앱, 네임, DB, 이메일, 미디어 서버 등

1. 라이브러리란?- 공통적으로 쓰는 기능을 모듈화한 뭉치이다.- 라이브러리는 기획, 디자인 이슈, 커스텀 이슈, 디버깅 이슈, 버전 호환 이슈, 리서치 시간 등 시행착오가 많기 때문에 무조건 가져다 쓴다고 다 되는 것은 아니다.  2. 프레임워크란?- 프로그램을 개발할 때 제공되는 정형화된 소프트웨어이다.- 라이브러리의 상위 개념이다.- 즉, 구조화된 틀이 있고 그것에 맞게 프로그램을 개발하기 위해 사용하는 것이다.- 종류 : Spring, Vue.js, Angular  3. 전자정부프레임워크- 나라에서 정해준 구조화된 틀이다.- 일관성과 유지보수가 용이하다는 장점이 있다.  4. 라이브러리와 프레임워크의 차이점- 소스 코드를 누가 컨트롤 하느냐의 차이가 있다.- 라이브러리 : 개발자가 컨트롤하고 프레..