728x90 반응형 SMALL Programming/Website35 [Website] CSS (Cascading Style Sheets) (2) 셀렉터 (Selectors) 선택자란 말 그대로 선택을 해주는 요소이다. 이를 통해 특정 요소들을 선택하여 스타일을 적용할 수 있게 된다. 전체 셀렉터 (Universal Selector) HTML 문서 내의 모든 요소를 선택한다. html 요소를 포함한 모든 요소가 선택된다 (head 요소도 포함). Heading paragraph 1 paragraph 2 paragraph 3 태그 셀렉터 (Type Selector) 지정된 태그명을 가지는 요소를 선택한다. Heading paragraph 1 paragraph 2 paragraph 3 ID 셀렉터 (ID Selector) ID 속성 값을 지정하여 일치하는 요소를 선택한다. ID 속성 값은 중복될 수 없는 유일한 값이다. Heading paragraph.. 2023. 5. 26. [Website] CSS (Cascading Style Sheets) (1) CSS (Cascading Style Sheets) 종속형 시트 또는 캐스케이딩 스타일 시트는 마크업 언어가 실제 표시되는 방법을 기술하는 스타일 언어로, HTML과 XHTML 문서의 외관을 통합적으로 관리하는 데 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이고, 레이아웃과 스타일을 정의할 때의 자유도가 높다. 기본 파일명은 style.css이다. 웹 페이지의 가독성과 유지 보수성이 향상된다. 인라인 스타일 (Inline style) 인라인 스타일이란 HTML 요소 내부에 style 속성을 사용하여 CSS 스타일을 적용하는 방법이다. 이러한 인라인 스타일은 해당 요소에만 스타일을 적용할 수 있다. 인라인 스타일 내부 스타일 (Internal style) 내부 스타일을 이용하는 방법은 HTM.. 2023. 5. 25. [Website] HTML 태그 (3) 동영상 및 오디오 src 속성으로 동영상 파일 경로 지정 src 속성으로 오디오 파일 경로 지정 controls 재생, 일시정지 등의 컨트롤러 표시 폼 사용자의 입력을 받는 폼 생성 사용자의 입력을 받는 다양한 유형의 입력 요소 생성 (ex: 텍스트, 체크박스, 라디오 버튼 등) 입력 요소에 대한 설명 텍스트 제공 버튼 생성 (ex: 제출 버튼) Form Account Name Email Password User Info Location Seoul Busan Gender Male Female Interests Movies Art Sports Game 2023. 5. 25. [Website] HTML 태그 (2) 하이퍼링크 하이퍼링크는 다른 문서로 이동하기 위해서 클릭할 수 있는 요소, 텍스트 또는 이미지이다. : 다른 페이지나 웹 사이트로 이동할 수 있는 링크 (anchor) 생성 href 속성을 사용하여 이동할 URL 지정 Links Link to Google 이미지 이미지를 삽입하는 태그 src 이미지 파일의 경로 지정 alt 이미지가 로드되지 않을 경우 대체 텍스트 제공 이미지 2023. 5. 25. [Website] HTML 태그 (1) HTML 태그 HTML의 요소를 나타내는 꺽쇠 괄호 ()로 둘러싸인 명령어이다. 대부분의 태그는 시작 태그와 종료 태그로 구성되어 있다 (ex: 내용). 일부 태그는 단독으로 사용 가능하다 (ex: ). 자체 닫기 줄 바꿈 태그는 이다. 텍스트 관련 태그 , , ..., 제목 (heading) 태그, 중요도에 따라 h1부터 부여 문단 (paragraph) 태그 굵은 글씨 (bold)로 표시 기울임꼴 (italic)로 표시 줄바꿈 미리 서식이 지정된 텍스트를 표시, 공백과 줄바꿈을 그대로 유지 리스트와 표 순서 없는 리스트 (unordered list) 생성 순서 있는 리스트 (ordered list) 생성 리스트의 항목 (list item) 지정 표 (table) 생성 표의 행 (row) 생성 표의 열 .. 2023. 5. 25. [Website] HTML (HyperText Markup Language) HTML (HyperText Markup Language) HTML (HyperText Markup Language)은 웹 페이지의 구조와 컨텐츠를 정의하는 마크업 언어이다. 웹 페이지의 텍스트, 이미지 등의 요소를 구성하고 스타일을 적용한다. 웹 브라우저는 HTML 문서를 해석하여 사용자에게 시작적으로 표현한다. 기본 구조 문서 형식을 HTML5로 지정 HTML 문서의 시작과 끝을 나타냄 First 2023. 5. 25. [Website] REST API REST API REST (Representatinal State Transfer) API는 웹 데이터의 체계적인 요청 및 전달을 위한 가이드라인 및 원칙이다. 리소스 (Resource)에 대한 동작 (Behavior)과 표현 (Representation)을 나타낸다. 리소스 (Resource) 리소스로 URL로 표현 동작 (Behavior) 리소스에 대한 동작으로 메서드로 표현 표현 (Representation) 리소스에 대한 표현, 동작에 대한 응답 IDE (통합 개발 환경) IDE는 통합 개발 환경 (Integrated Development Environment)의 줄임말로 개발에 필요한 도구를 의미한다. 개발에서 코드를 작성하는 텍스트 에디터를 포함하여 코드를 실행하거나 디버그 도구 등 다양한 기.. 2023. 2. 13. [Website] 웹 데이터 웹 데이터 HTTP는 웹 문서 전송을 위한 프로토콜이었지만 웹 문서뿐만 아니라 웹 데이터를 전송한다. 브라우저를 통해 사용자에게 문서를 보여준다. 자바스크립트를 통해 데이터를 웹 문서에 렌더링한다. JSON (JavaScript Object Notation) JSON은 속성-값 쌍, 배열 자료형 또는 기타 모든 시리얼화 가능한 값 또는 "키-값 쌍"으로 이루어진 데이터 오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷이다. 자바스크립트 객체의 표현이고 웹의 데이터 교환 형식 중 하나이다. Number (숫자) 정수와 실수 String (문자열) 큰 따옴표로 이루어진 문자들의 나열 Boolean true와 false를 가지는 값 Array (배열) 값들의 나열 Object .. 2023. 2. 13. [Website] HTML 프로토콜 HTML 프로토콜 서버와 클라이언트가 웹 문서를 주고 받는 방식은 HTTP이다. 여기서 데이터는 HTML, JSON이 해당된다. URL (Uniform Resource Locator) URL (Uniform Resource Locator)은 인터넷에서 웹 페이지, 이미지, 비디오 등 리소스의 위치를 가리키는 문자열이다. HTTP 맥락에서 URL은 "웹 주소" 또는 "링크"라고 불린다. URL은 웹 리소스를 나타낸다. HTML 메서드 (Method) GET 해당 리소스 (URL)에 대한 조회에 대한 메서드 POST 해당 리소스의 사용, 생성, 변경에 대한 메서드 PUT 해당 리소스의 변경에 대한 메서드 PATCH 해당 리소스의 부분 변경에 대한 메서드 DELETE 해당 리소스에 대한 삭제 상태 코드 4XX.. 2023. 2. 13. [Website] 웹 문서 HTML 서버와 클라이언트간 전송되는 데이터이며 웹 문서라고 한다. HTTP 프로토콜 HTML을 전송하는 방법이다. JavaScript 현재 HTML은 문서의 구조만 표현하고 있다. 이와 달리 자바스크립트는 브라우저에서 문법이 오류가 나더라도 실행이 중단되지 않고 최대한 내용을 보여주어서 웹 문서를 쉽게 작성할 수 있게 되었다. 2023. 2. 6. 이전 1 2 3 4 다음 728x90 반응형 LIST
