본문 바로가기

프론트엔드

 (12)
[CSS] CSS에 주석 적용하는 법 *본 글은 하단의 사이트의 있는 내용을 참고하여 정리한 글입니다.* https://www.w3schools.com/css/css_comments.asp CSS 주석이란?? - CSS 코드를 설명하는 데 사용되는 것으로 후에 소스코드를 수정할 시 도움이 되므로 협업 시에 반드시 필요하다. - 주로 코드를 설명하기 위해 추가하며 실제 브라우저에는 아무 영향을 미치지 않는다. - 주석은 /* */ 내부에 작성해야 한다. 주석 처리 예시 See the Pen Untitled by yuna so (@yoon_a) on CodePen.
[Javascript] Javascript 비교 연산자 *고승원 바닐라 자바스크립트 책과 여러 사이트를 보고 공부하여 쓴 글입니다.* INDEX 비교 연산자 비교 연산자 비교 연산자란? - Comparison operator, 피연산자의 값을 비교하여 논리 값인 참(true)과 거짓(false)를 반환한다. - 피연산자로는 숫자, 문자, 논리형, 객체를 사용할 수 있다. * 동등 연산자, 일치 연산자 - 두 개의 피연산자가 서로 같은지를 비교해 준다 but 같음의 기준이 다르다. - 동등 연산자는 피연산자의 타입이 다른 경우 값을 비교하기 위해 적절한 타입으로 변환한 후 값을 반환한다. - 일치 연산자는 데이터타입까지 비교하기 때문에 값과 타입이 모두 같아야만 참을 반환한다.
[Javascript] Javascript 할당 연산자 *고승원 바닐라 자바스크립트 책 여러 사이트를 보고 공부하고 쓴 글입니다.* INDEX 할당 연산자 할당 연산자 할당 연산자란? - 오른쪽에 있는 값(피연산자)을 왼쪽의 피연산자에 할당한다 - 기본적인 할당 형태는 등호(=)를 이용해서 할당한다. - 다른 연산과 할당을 결합하기도 하는데 이는 복합 대입 연산자(복합 할당 연산자)라고 한다.
[CSS] CSS의 선택자 01(태그, 아이디, 클래스 선택자) *본 글은 하단의 사이트의 있는 내용을 참고하여 정리한 글입니다.* mdn plus code.tutsplus TCP SCHOOL INDEX CSS 정의 방식 태그 선택자(Type Selector) Id 선택자(아이디 선택자) Class 선택자(클래스 선택자) CSS 정의 방식 - 선택자(Selector) : CSS를 적용할 html 요소를 가리킨다. - 선언(Declaration)은 속성과, 속성값으로 이루어져 있으며 콜론(:)으로 연결해준다. - 선언은 { } 중괄호로 전체를 둘러싸는 형태로 사용하며 그 안의 각 선언들은 세미콜론(;)으로 구분한다. - 선언의 마지막은 꼭 세미콜론(;)으로 마무리한다 Type 선택자(태그 선택자) - html 태그를 직접적으로 가르키는 가장 기본적인 선택자이다. - 대..
[jQuery] 제이쿼리 라이브러리 연동하기 " 자바스크립트 선행지식이 필요합니다, 사용 툴 visual studio code" " 참고 도서 두잇 자바스크립트 + 제이쿼리 입문" INDEX 다운로드(Download) 방식 네트워크 전송(CDN, Content Delivery Network) 다운로드(Donwload) 방식 - 제이쿼리 라이브러리 제공 사이트에서 파일을 직접 다운로드하여 script 태그로 불러오는 방식 - 네트워크 상태와 무관하게 언제든 개발할 수 있다. - https://jquery.com/download/ 에 접속하여 제이쿼리 라이브러리를 다운받는다. 3.6.0이 가장 최신 버전 - jquery.min.js는 압축된 파일로 용량이 작아 로딩이 빠르다. - jquery.js는 줄 바꿈, 주석 등이 포함되어 있는 비압축 파일이고 ..
[Javascript] Javascript 데이터 타입(data type), typeof() 연산자 *고승원 바닐라 자바스크립트 책 여러 사이트를 보고 공부하고 쓴글입니다. 도움 받은 사이트는 내용 가장 하단에 링크 걸어두었습니다.* INDEX 데이터 타입(data type) 원시 타입(primitive type) 참조 타입 Or 객체 타입(reference type, object type) typeof() 연산자 데이터 타입(data type) - 데이터 타입은 값의 종류를 의미하며, 그 종류에는 숫자, 문자열 등이 존재한다. - 원시 타입(기본 타입, primitive type)과 참조 타입(객체 타입, reference type)으로 구성된다. 원시 타입(primitive type) - 값을 저장하는 데이터 타입이다. - 원시타입은 값을 변형할 수 없는 불변성(immutable)을 가진다. - 따..
[CSS] CSS란 무엇인가? / CSS 적용 방식 "본 글은 TCP SCHOOL, CODING FACTORY 사이트의 내용을 일부 참고하여 작성 한 내용입니다." https://www.codingfactory.net/10529 http://www.tcpschool.com/css/css_intro_apply INDEX CSS의 정의 CSS 적용 방식 인라인 방식(Inline style) 내부 스타일 시트(Internal style sheet) 외부 스타일 시트(External style sheet OR Linking Style Sheet) CSS란?? - CSS는 Cascading Style Sheets의 약자로 HTML, XHTML 등의 디자인과 레이아웃을 설정할 때 사용되는 언어이다. - 주로 요소의 너비, 색상, 위치 등등을 지정한다. - 이전에는 ..
[HTML] HTML 텍스트 태그 1 <h1>~<h6>, <p> INDEX 제목 태그 ~ 문단(단락) 태그 제목 태그 ~ - html 문법 중 제목을 정의하기 위해 사용하는 태그이다. - 제목 태그에서 h는 heading의 앞글자이며 h1, h2, h3, h4, h5, h6으로 이루어져 있다. - 제목 태그는 브라우저에서 자동으로 볼드체(굵은 글씨체)로 표시되며 각 태그마다 줄 바꿈이 된다. - h1, h2, h3, h4, h5, h6의 크기는 각각 다르며 h1이 가장 크고 h6이 가장 작다. -> 주로 h1 ~ h3까지 사용, h1으로 가장 중요한 제목을 정한다.(h6은 가장 중요하지 않은 제목을 지정할 때 사용) 문단(단락) 태그 - html태그 중 본문에 주로 사용하는 태그로 문단(paragraph)을 정의한다. - h태그와 같이 태그 사이에 본문 내용을 집어넣..

티스토리툴바