본문 바로가기

분류 전체보기55

자바스크립트란? 자바스크립트(JavaScript) 객체(object)기반의 스크립트 언어 HTML로 웹의 내용 작성하고, CSS로 웹을 디자인하고, 자바스크립트로 웹의 동작 구현 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크 사용하면 서버 측 프로그래밍에서도 사용 가능 자바스크립트 역사 1995년 넷스케이프의 브렌던 아이크에 의해 만들어짐 이름의 변화: 모카(Mocha) ► 라이브스크립트(LiveScript) ► 자바스크립트(JavaScript) 자바스크립트 특징 객체 기반의 스크립트 언어 자바스크립트는 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어 → 해당 문제를 해결하기 위해 타입스크립트 사용 자바스크립트는 객체 지향형 프로그래밍과 함수형 프로그래밍 모두 표현 가능 Vanilla JS: 다른.. 2022. 11. 18.
Head 태그 Head 태그 태그는 문서정보(메타데이터)를 담고 있음 브라우저 화면에 직접적으로 보이지는 않지만, 숨은 데이터를 정의하는 태그들이 들어가 있음 head 안에 배치할 수 있는 요소 브라우저의 제목 표시 줄이나 페이지 탭에 보이는 문서 제목을 정의, 텍스트만 포함 가능 NAVER 문서 안의 모든 상대 URL을 지정, 문서에는 하나의 요소만 존재 가능 요소는 현재 문서와 외부 리소스의 관계 명시, 는 스타일 시트를 연결할 때 제일 많이 사용하지만, 사이트 아이콘(”파비콘”과 홈 화면 아이콘)연결 등 여러가지로 쓰일 수 있음 https://favicon.io/favicon-generator/ Favicon.io - The Ultimate Favicon Generator (Free) With Favicon.io.. 2022. 11. 18.
Form 태그 Form 태그 Form 태그 폼(Form): 사용자의 정보를 입력받을 수 있게 만들어 놓은 형식 ex) 로그인, 회원가입, 게시판 글쓰기 등 → 폼: 입력받는 데이터들의 묶음 / 폼 데이터 또는 필드: 데이터 요소는 정보를 제출하기 위해 어디서부터 어디까지가 양식인지 지정하는 역할 이름: 이메일: 속성 action: 양식 데이터를 처리할 서버 프로그램의 URI method: 양식을 제출할 때 사용할 HTTP 메서드 post: 양식 데이터를 요청 본문으로 전송 get: 양식 데이터를 URL의 쿼리스트링으로 붙여서 전송 Input 태그 요소로 데이터를 입력 받을 수 있다. text 태그의 기본 값으로 한 줄의 텍스트를 입력 받는다. email: email 데이터를 받기위해 사용됨 (이메일 유효성 검증) te.. 2022. 11. 18.
이미지 & 멀티미디어 태그 이미지 & 멀티미디어 태그 이미지 태그 태그는 HTML 문서에 이미지를 넣는다. 속성 src 필수이며, 이미지로의 경로를 지정 alt 이미지의 텍스트 설명으로, 필수는 아님 스크린 리더가 alt값을 읽어 사용자에게 이미지를 설명하므로, 웹 접근성 차원에서 매우 유용 네트워크 오류, 콘텐츠 차단, 죽은 링크 등 이미지를 표시할 수 없는 경우에도 이 속성의 값을 대신 보여줌. height 필셀 단위의 이미지의 고유 크기, 단위 없는 정수이어야 함 width 픽셀 기준 고유 너비, 단위 없는 정수이어야 함 절대 경로 vs 상대 경로 절대 경로 리소스(이미지)의 절대 경로는 절대적인 고유한 경로를 지정하는 것 웹 이미지 절대 경로 ex) http://www.naver.com/apple.png http 프로토콜로.. 2022. 11. 18.

티스토리툴바