• CSR = Cilent Side Rendering렌더링이 클라이언트 쪽에서 일어남서버에서 클라이언트로 HTML과 JavaScript 보내줌 -> 클라이언트가 받아서 렌더링HTML 결과를 자바 스크립트를 사용해 웹 브라우저에서 동적으로 생성서버에서 처리하지 않고 클라이언트로 보내주기 때문에자바스크립트 다운이 완료될때까지 사용자는 볼 수 있는게 없음 • SSR = Server Side Rendering렌더링이 서버 쪽에서 일어남클라이언트에게 전달하는 순간, 이미 렌더링 준비가 되어있어서 HTML 즉시 렌더링HTML 결과를 서버에서 만들어서 웹 브라우저에 전달자바 스크립트가 다운로드 되는 중에 사용자는 무언가를 볼 수 있음-> 서버에서 렌더 가능한 상태로 클라이언트에게 전달해주기 때문에• CSR과 SSR의..

•  인터페이스란?서로 다른 두 개의 시스템, 장치 사이에서 정보나 신호를 주고받는 경우의 접점이나 경계면쉽게 말하자면상호작용을 위해서 미리 정의된 약속다른 클래스를 작성할 때 기본이 되는 틀•  인터페이스 종류① 사용자 인터페이스(User Interface = UI)사람 - 프로그램 사이의 상호작용 - 좋은 사용성이 주된 목적임(쉽게 사용)- 입출력으로 상호작용할 수 있음 ② 하드웨어 인터페이스 하드웨어 장치 간 상호작용 - USB 충전기, USB 메모리 등의 USB를 사용하는 기기들은 USB 인터페이스를 사용해서 만들어진 것 ③ 소프트웨어 인터페이스컴퓨터의 하드웨어 동작을 지시하고 제어하는 것 = 소프트웨어 - 운영체제와 하드웨어 사이 인터페이스- 운영체제와 응용 프로그램이 상호작용하는 인터페이스- ..

• vs 구간을 나눈다는 공통점이 있음 block level element : 해당하는 코드의 행 전체를 차지 inline element : 자신의 content만큼만 공간 차지  div부분 div부분 span부분 span부분 위의 실행결과사진과 같이 는 줄 바꿈이 되지만은 줄바꿈이 되지 않는다.• vs 줄바꾸기 기능을 한다는 공통점이 있음  : 감쌀 필요 X, 닫는 태그 없음강제 줄바꿈 : 문단을 나타내는 태그정보력을 가짐 p태그 사용p태그 사용br태그 사용br태그 사용위의 실행결과검색엔진은 태그를 단지 줄바꿈으로만 인식 -> 문장을 모두 하나의 단락으로 인식 태그는 문단으로 인식=>  태그 사용을 권장!•  : list의 약자로, 목록을 만드는 태그이나 태그와 같이 사용됨 ..

•  HTML 구성 요소태그 + 속성 + 내용 + 요소WEB태그(tag) = 속성(attribute) = href = "index.html"내용(content) = WEB요소(element) = WEB  속성은1. 요소 이름 또는 이전 attribute와 한 칸의 공백 (a 뒤의 공백)2. attribute name 뒤 "=" (href 뒤의 =)3. attribute value는 인용 부호 ""로 감싸기 ("index.html")위의 규칙을 꼭 지켜야 함! • HTML 문서 기본 구조 WEB : 문서 형식 선언 문서 내용 시작 전, 문서가 어떤 마크업 언어로 작성 되었는지 나타냄 : 문서의 시작과 끝 나타냄lang이라는 속성 추가 가능 -> 주요 언어 표기 : 본문 설명, 웹..

• HTML이란? HTML = Hyper Text Markup Language의미를 하나씩 알아보자. - Hyper Text : 텍스트의 정보에 대한 접근인 순차적인 접근을 뛰어넘는다는 의미  HyperText는 비순차적 접근법 -> 내가 원하는 방식으로 접근 가능  서로 링크로 연결된 문서 - Markup Language : 태그를 이용해서 문서나 데이터의 구조를 명시하는 언어  내용에 추가적인 정보를 표시하는 프로그래밍 언어 위의 내용을 합쳐보면마크업 언어를 이용해서 웹 브라우저에게 컨텐츠를 어떻게 표현해달라하는 것서로 링크로 연결된 문서를 만들 때 사용한다내용 뿐만 아니라 추가적인 정보도 표시한다  결론 => 웹 페이지를 표현하기 위한 언어 - HTML 특징 ① 언어가 매우 쉽지만 중요하다  지금까..