.list-style .image

.list-unstyled ol, ul 리스트에 스타이일 없게 만들어주는 클래스 내가 좋아하는 음식1 내가 좋아하는 음식2 내가 좋아하는 음식3 내가 좋아하는 색상1 내가 좋아하는 색상2 내가 좋아하는 색상3 .image 프로젝트에 스타일된 이미지를 얻기 위해서 사용되는 클래스 .text 텍스트에 색상을 입혀주는 클래스 Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. .bg 백그라운드 컬러를 입혀주는 클래스 Lorem ipsum dolor sit amet...

• format_list_bulleted Frontend/BootStrap
• · 2022. 12. 20.
• textsms

BootStrap개념 Grid

BootStrap 부트스트랩은 반응형 웹디자인을 쉽게 하기 위해 css의 클래스 선택자별 스타일이 정의되어 있고 동적으로 반응하는 요소들을 위해 자바스크립트 라이브러리를 활용한 코딩이 짜여져 있다. 부트스트랩의 구성요소는 CSS, 그리드시스템, 컴포넌트, 자바스크립트 라이브러리이다. Grid 반응형 웹사이트를 위하여 화면을 총 12칸으로 나누어 크기를 구분하여 조정할 수 있음. px크기에 따라 lg, md, sm, xs 사용. .container .container-fluid container : 규정된 크기에서 벗어 났을 때 자동적으로 늘어나지 않음. container-fluid : 규정된 크기에서 벗어 났을 때 자동적으로 늘어남. .row .col 구조의 최상위 컨테이너 요소 안쪽에 새로운 가로 한 ..

• format_list_bulleted Frontend/BootStrap
• · 2022. 12. 20.
• textsms

JavaScript(3)

함수 함수는 하나의 기능을 의미함. 함수의 구조 function : 함수를 선언한다는 것을 알리기 위함. 함수이름 : 함수를 사용할 때 써야 하는 이름. 매개변수 : 함수를 시행시 사용되는 값들을 매개변수라고함. 명령문 : 함수 실행시 실제로 작동 되는 부분. 함수 선언방법 함수 선언식 : 일반적인 방식으로 함수를 선언하는 방법을 의미함. 함수 표현식 : 선언된 함수를 하나의 참조변수에 대입을 하게 됨으로써 참조변수로 함수를 사용함. 해당 표현식의 함수를 익명함수라고 표현함. 함수선언식의 기명함수는 호이으팅의 영향을 받는 반면에 함수 표현식의 익명함수는 호이스팅의 영향을 받지 않는다. 화살표 함수(실무함수) : Java의 람다식을 이용한 방식으로 간단하게 표현이가능하여 많이 사용됨. 매개변수(parame..

• format_list_bulleted Language/JavaScript
• · 2022. 12. 19.
• textsms

JavaScript (2)

데이터 타입 데이테어는 몇가지 종류가 존재 하는데 이것을 데이터 타입이라고 부름. 데이터 타입은 크게 숫자, 문자, boolean 으로 구분이 가능함. 값이 없을 때는 null로 정의 되고, 정의 되지 않았을 때는 undefined로 구분됨. 문자열(String) : 문자열 ""안에 적어주며, 따옴표 안에 족힌 값들은 숫자여도 문자열로 취급이 됨. 숫자(Number) : 숫자를 나타내는 자료형이며 모든 숫자를 실수로 처리함. 불린(Boolean) : true 또는 false로 나타내는 자료형. undefined : 변수를 선언했지만 값이 할당되지 않았을 때 자바스크립트 엔진이 암묵적으로 초기화 하는 값. null : 의도적으로 값이 없을을 명시하기 위해 할당하는 값. typeof 명령어를 이용하여 자료형..

• format_list_bulleted Language/JavaScript
• · 2022. 12. 18.
• textsms

JavaScript(1)

자바스크립트 웹페이지를 동적으로 만들기 위한 언어이다. 데이터를 처리 하기 위한용도로 사용된다. 변수와 상수 변수와 상수는 데이터를 담을 수 있는 공간이다. 변수(값이 변할 수 있음) : let, var 상수(값이 변할 수 없음) : const 변수와 상수 만들기 선언(declaration) 변수와 상수를 사용하기 위해서는 변수 또는 상수를 선언해야함. 선언 : 변수의 이름을 알려주는 행위 let apple // apple 이라는 변수 생성이됨. 할당(definition) 데이터를 담을 수 있는 변수가 생성되었으면, 변수에 데이터를 할당함. 할당 : 변수에 데이터를 담아주는 행위 apple = "맛있는 사과" // apple 이라는 변수에 "맛있는 사과"라는 문자열이 담겨져 있음. var는 같은 이름의 ..

• format_list_bulleted Language/JavaScript
• · 2022. 12. 17.
• textsms

CSS

CSS CSS란 cascading style sheet의 약자이다. CSS는 HTML의 색, 크기, 정렬 등을 변경하여 꾸며주는 언어이다. 특성 특성에는 색, 크기, 정렬 등이 존재한다. div { color: red; color: rgb(255,0,0); /* RGB */ color: #FF0000; /* HEX 값 */ font-size: 20px; /* 글자크기 */ font-weight: 300; /* 글자두께 */ text-align: center; /* 가운데 정렬 */ font-family: arial; /* 글꼴 */ width: 300px; /* 넓이 */ height: 300px; /* 높이 */ background-color: red; /* 배경색 */ border: 1px solid..

• format_list_bulleted Frontend/CSS
• · 2022. 12. 17.
• textsms