Tiny Star

🖥️FrontEnd 16

[JavaScript] 자바스크립트의 기본 언어

Javascript의 기본은 식과 문이다. 식은 표현식, 연산식 또는 실제 값과 함수를 실행하는 모든 것을 포함한다. 즉, 어떤 값을 만들어 낼 수 있다면 모두 식이되고 식은 변수에 저장된다. 문은 명령문을 의미한다. 문의 끝에는 세미콜론(;)을 붙여 구분하며 '조건문'과'제어문' 등이 있다. Javascript 간단한 입출력 명령 ① 알림 창 출력하기 : 단순하게 메시지를 보여주는 간단한 대화상자 => alert("메시지") ② 확인 창 출력하기 : 사용자가 확인 또는 취소 버튼을 클릭 할 수 있음 => confirm("메시지); ③ 프롬프트 창에서 입력받기 : 텍스트 필드가 있는 작은 창 => prompt("메시지") or prompt("메시지",기본값); : 기본값을 입력 할 경우 빈칸에는 기본값이..

[JavaScript] 자바스크립트 시작하기

Javascript는 객체(object) 기반의 스크립트 언어로, HTML/CSS와 함께 사용하여 웹 사이트 UI부분에 활용된다. 쉽게 풀어 이야기 하면 HTML로 웹 페이지의 내용, 즉 뼈대를 세우고 CSS로 웹을 디자인하고, Javascript로는 웹의 동작을 구현한다. Javascript만으로도 웹 애플리케이션을 제작하거나 다양한 라이브러리 사용이 가능하다. -> 웹 애플리케이션 제작 시 사용하는 리액트, 앵귤러, 뷰 같은 프레임워크나 제이쿼리 등 Javascript를 작성하기 전 기본적인 코딩 규칙이 몇 가지 있다. 1. 소스 한 줄에 한 문장만 작성하고 코드를 보기 좋게 들여 쓰고 세미콜론(;)으로 문장을 구분한다. -> 문장을 구분하면 디버깅이 쉬워진다. 2. 공백을 넣어 읽기 쉽게 작성한다...

[텍스트 태그] <hn></hn>

웹 문서에서 제목을 표시할 때 다른 텍스트보다 크고 진하게 표시하는 데 사용할 수 있는 태그가 바로 제목 태그다. 태그의 h는 제목을 의미하는 heading의 줄임말이고, n의 자리에는 1~6까지의 숫자를 넣어 다양한 크기로 제목 텍스트를 표시할 수 있으며 숫자의 크기가 작을 수록 큰 제목이다. 태그는 종료 태그 와 반드시 함께 사용해야 한다. 태그의 기본형 제목 제목 제목 제목 제목 제목

시멘틱 태그

시멘틱 태그란 전체 HTML문서의 구조화를 위해 사용하는 태그다. 필수적으로 사용해야 하는 태그는 아니지만, 잘 활용한다면 간결한 코드를 작성할 수 있다. 시멘틱 태그를 사용하게 되면 웹 브라우저가 HTML의 소스코드만 보고 어느 부분이 제목인지, 본문 내용인지 쉽게 알 수 있고 화면 낭독기가 필요한 사용자의 경우 시멘틱 태그로 구조화가 되어 있으면 보다 더 정확한 내용을 전달받을 수 있다. 또한 문서의 구조가 정확하게 나눠지므로 웹 브라우저와 다양한 스마트 기기의 화면에서 웹 문서를 표현하기가 쉬워진다. 시멘틱 태그의 종류 태그명 설명 맨 위쪽이나 왼쪽에 존재하며 검색창이나 사이트 메뉴를 삽입하는 구간 같은 웹 문서 안에서 다른 위치로 연결하거나 다른 웹 문서로 연결 핵심 콘텐츠를 담는 영역으로 웹 문..

HTML의 기본 구조

HTML의 기본 구조 HTML 문서는 정해진 형식에 맞추어 내용을 입력해야 한다. 좌측 이미지와 같이 , 태그는 웹 브라우저가 웹 문서를 해석하는데 필요한 정보를 입력하는 영역으로, 타이틀, 메타요소, 인코딩, 스타일 시트 등 중요한 내용들을 내포하며, 이 영역의 내용은 화면에 출력되지 않는다. 태그는 실제로 웹 브라우저 화면에 나타나는 내용을 저장하며, 대부분의 HTML태그는 태그 안에서 작성된다. HTML의 기본 태그 위 코드는 실제 문서를 작성할 때 사용되는 기본적인 태그들이다. 웹 문서의 첫 부분으로 웹 문서의 문서 유형을 지정하는 선언문이다. HTML5 언어로 작성한 웹 문서라는 의미로 사용된다. 위에서 설명한 것과 마찬가지로 웹 문서의 시작과 끝을 알리는 태그다. 태그에서는 lang속성을 사용..

HTML5의 정의

HTML의 정의 · Hyper Text Markup Language의 약자 · 웹 문서를 만드는 언어 HTML5란? HTML의 최신 버전으로, 단순하게 텍스트나 링크만 표시하지 않고 오디오와 비디오 등 웹 브라우저 상에서 다양한 멀티미디어 콘텐츠와 앱을 태그를 통해 바로 제공한다. 2014년 11월에 발표된 HTML 표준 규약은 이전 버전과 구별을 하기 위해 한동안 HTML5로 불렸으나, 최근 대부분의 웹 브라우저에서 HTML5를 지원하게 되면서 숫자 5를 빼고 HTML로 통용되고 있다. HTML의 태그 태그란? ''안에 명령어의 형태로 되어 있는 것을 태그라고 한다. 이러한 태그는 여러 형식이 있는데, 그중 대표적인 시작과 종료태그로 이루어진 것을 하나의 요소(=element)라고 하며, 이러한 ..