CSR/SSR

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

• format_list_bulleted WEB
• · 2023. 4. 18.
• textsms

Interface

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

• format_list_bulleted WEB
• · 2023. 4. 18.
• textsms

헷갈리는 태그들

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

• format_list_bulleted WEB
• · 2023. 4. 16.
• textsms

HTML 기본 구조

• 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이라는 속성 추가 가능 -> 주요 언어 표기 : 본문 설명, 웹 페이지에는 ..

• format_list_bulleted WEB
• · 2023. 4. 16.
• textsms

HTML과 TAG

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

• format_list_bulleted WEB
• · 2023. 4. 16.
• textsms