XML, JSON, YAML

• 공통점 - 데이터 표현 방식 - 텍스트 형식 직렬화 : 사람이 쉽게 읽을 수 있는 형태로 직렬화 간단히 말하자면 사람이 정보 읽기 쉬운 형태 (직렬화 개념은 구글링해서 알아보자..!) 이제 차이점을 알아보자! • XML 깜이 미니핀 12 산책 간식먹기 5.8 - 태그를 사용 -> name을 두 번 써야해서 작성하기 불편함 - 가독성도 그닥.. - 어느정도 오타 허용 -> 태그가 있기 때문에 오타가 나더라도 해당 태그 부분 제외하고 읽을 수 있음 - 주석 달기 가능 • JSON { "name" : "깜이", "family" : "미니핀", "age" : 12, "hobby" : ["산책", "간식먹기"], "weight" : 5.8 } - javascript의 객체 표현방식 - 문법 오류에 취약 -> ..

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

MPA/SPA

• MPA/SPA - MPA = Multiple Page Application 여러 개의 페이지로 구성된 Application 새로운 페이지 요청할 때마다 전체 페이지가 렌더링 됨 -> SSR 방식으로 렌더링 - SPA = Single Page Application 한 개의 페이지로 구성된 Application 모든 정적 리소스를 최초 한 번에 다운로드 -> CSR 방식으로 렌더링 이후 새로운 페이지 요청 시, 필요한 부분만 수정해서 보여줌 페이지 데이터와 레이아웃을 별도로 요청하고 결과를 브라우저에 직접 렌더링 가능 • MPA 장단점 장점 - SEO(검색 엔진 최적화) 관점에서 유리함 -> 여러 페이지를 생성하기 때문에 많은 수의 키워드가 생김 -> JavaScript 코드가 동작하기 전에 HTML에 ..

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

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