웹사이트 프로젝트를 만들 때, 티스토리 블로그 HTML을 변경할 때, 서식을 등록할 때 등 HTML/CSS 파일을 수정할 때마다 padding과 margin의 차이, 그리고 하위 속성을 부여할 때 상/하/좌/우 순서가 늘 헷갈려 검색을 하고는 했기에 포스팅에다 정리해두고자 한다. 📌 padding vs margin 다음 그림으로 쉽게 이해할 수 있다. padding : 내부 여백. 즉, 본문 내용과 border 사이의 여백 border : 경계선 ( 선 굵기를 다양하게 지정할 수 있으며, 선을 그리지 않을 수도 있음) margin : 외부 여백. 즉, border과 바깥과의 여백 ❗ 나만의 암기법 | 패딩 (추우니까 패딩 안에 껴입는다.) ↔ 마진 (마진이 남는다 : 원가 외에 이익이 남는다) 특징 여백..

데이터타입 데이터타입이란? 변수에 전달되는 데이터 타입에도 여러 종류가 존재한다. 대표적인 8가지 데이터 타입 string : 문자열 number : 숫자 function : 함수 array : 배열 object : 객체 boolean : 불린 undefined : 정의되지 않음 null : 널 문자열 “큰 따옴표” 혹은 ‘작은 따옴표’를 활용하여 작성 var strl = "Hello World"; var str2 = 'Nice to meet you'; var str3 = "20"; // 숫자가 아닌 문자열 주의! var str1 = "He's a boy"; // '를 써야 할 때는 큰 따옴표 활용하기 등 var str2 = 'He\'s a boy'; // 혹은 \'를 활용하여 오류를 피한다. 숫자형 별..

자바스크립트란? 이미지 슬라이드 효과, 팝업 효과 등의 기능을 포함한 동적인 웹사이트 제작시 사용하는 프로그래밍 언어 HTML : 웹사이트의 구조 잡아줌 CSS : 웹사이트를 꾸며줌 JavaScript : 동적인 웹사이트. 화면이 변화된다거나 사용자와 interact할 수 있도록 함 활용 범위 자바 스크립트를 활용하여 만들 수 있는 것들은 다음과 같은 것들이 있다. IoT 하이브리드 앱 : Web + Mobile 서버 개발 자바스크립트의 변수 변수 선언 및 초기화 var color // 변수 선언 color = "green" // 변수 초기화 var color = "blue"; // 변수 선언 및 초기화 여기서 color은 변수 명, green이나 blue는 데이터이다. 위의 방법은 두 단계로 진행하는 ..