html

카카오클론 부터 시작하고 차차 업데이트 해나갈 것이다. 2019/2/25 카카오클론 시작

브라우저에서 웹 개발. 브라우저 하면, 엣지 브라우저, 사파리 같은 브라우저 통해서 인터넷 들어간다. 웹 사이트 , 크롬 브라우저 개발자 도구를 연다. 코드가 잘 동작하는지 브라우저를 열고 확인을 한다. 크롬 개발자 도구를 통해서 어떤 문제가 있는지 없는지 = 디버깅, 디버깅 과정을 위해서 개발자 도구가 필요하다. Network - 새로고침 단계 www.amazon.com 을 enter를 치는 순간 서버로 요청이 가는 것이다. 서버에서 응답 값을 준 값들을 response 항목에서 볼 수 있다. response가 서버에서 첫번째 보내준 소스코드라고 할 수 있다. 용량을 줄이기 위해서 압축 하기도 한다. meta 태그 = 문서가 어떤 것인지 브라우저에게 알려주는 것이다. ex) utf-8 이런것처럼 htm..

브라우저 엔진 : 소스코드를 화면에 실행해서 보여줌, 브라우저 소프트웨어를 동작시켜주는 핵심엔진 렌더링 엔진 : 화면에 직접 위치 잡고 색칠 해주는, 픽셀단위로 어떤게 그려져서 눈으로 다양한 형태를 볼수가 있다. 데이터 관리 영역 : 브라우저 캐시 를 한다. 브라우저는 http를 통해서 웹 서버 특정 인터넷 주소를 해석한 다음에 그 주소로 통신을 한다. 자바스크립트 인터프레터 : 자바스크립트 코드 해석 UI Backend : UI를 처리하는 백엔드 영역이 있다. * 렌더링 엔진 파이어 폭스의 Gecko, 사파리엔진의 Webkit, Chrom이 오픈하는 Blink 이런것들이 있다. 브라우저 별로 가지고 있다. 브라우저 엔진의 메인 플로우 HTML 파싱을 한다. 문자단위로 해석을 해서 이 내용 의미 파악. ..

웹 프론트 엔드 - 웹을 통해 다양한 콘텐츠를 제공한다. 리소스, 웹 컨텐츠 제공한다. 사용자가 요청 반응해서 웹 동작한다. 웹 브라우저에서 처리한다. 웹 프론트 엔드 역할 - 구조를 만들어야 함. 신문 책 처럼 적절한 배치를 해야한다. 일관된 디자인 이어야 한다. 가독성 중요함 HTML, CSS, JavaScript클라이언트 수행할것을 해준다. 도구더보기 - 개발자 도구element pannel 계층적으로 표현하게 된다. 자바스크립트는 동적인 부분을 담당한다. 12345678 우리집에 오신걸 환영합니다 위치 경기도 시흥시 어딘가 위치하고 있어요~ 특징 우리집은 마루가 아주 작아요~ 하지만 옹기종기 모여있기 좋은 구조에요email : crong@kdd123.comcs 스타일 - CSS 코드예시웹페이지를 ..