전체 글72 HTML 기본 개념 HTML - 구조. 웹페이지의 틀을 만드는 마크업 언어 CSS - 스타일. 웹페이지를 꾸미려고 작성하는 스타일시트 언어 JavaScript - 기능. 객체 기반의스크립트프로그래밍 언어 [HTML 특징] 웹페이지의 틀을 만드는 마크업 언어이다. HTML은 태그(Tag: 부등호())들의 집합이다. HTML은 트리구조로 이루어져 있다. 로 연 태그를 으로 닫을 수 없다. 태그에는 src, style등의 속성을 담을 수 있다. [HTML의 요소] 태그를 제외한 나머지 영역을 요소라 한다. 태그와 요소는 같지 않다. 태그는 소스 코드에서 요소의 시작과 끝을 표시를 뜻한다. 요소는 브라우저가 페이지를 표시할 때 사용하는 문서 모델인 DOM의 일부를 뜻한다. [태그의 종류] 1. div 콘텐츠의 길이와 상관없이 한 .. 2022. 7. 5. JavaScript 함수(2) [함수의 기초] 함수란 어떤 목적을 가진 작업들을 수행하는 코드들이 모인 블록 입력 - 함수 - 출력 함수는 항상 출력값을 반환한다. 삼각형의 넓이를 구하는 법 const base = 3; const height = 4; const triangleArea = (base * height) /2; console.log(triangleArea); //Output: 6 만약 밑변이나 높이가 다른 삼각형의 넓이를 구해야 한다면 또 다른 변수를 선언해야 한다. 이것을 함수로 바꿔 간편하게 사용할 수 있다. 함수를 사용하여 삼각형의 넓이를 구하는 법 function getTriangleArea(base , height) { let triangleArea = (base * height) / 2; return trian.. 2022. 6. 29. JavaScript 함수(1) [함수] 입력에 따라 그에 걸맞은 작업을 하는 하나의 작업 단위 논리적인 일련의 작업을 하는 하나의 단위 [특징] 특징코드의 묶음(즐겨찾기 버튼) 기능(function)의 단위 입력과 출력간의 매핑(mapping) 호출 후에 반드시 돌아온다(return) 변수를 사용한 구구단을 출력하는 방법 let num = 3; console.log(num * 1) // 3 console.log(num * 2) // 6 console.log(num * 3) // 9 console.log(num * 4) // 12 console.log(num * 5) // 15 console.log(num * 6) // 18 console.log(num * 7) // 21 console.log(num * 8) // 24 console... 2022. 6. 29. JavaScript 타입(1) [타입] 숫자나 문자와 같이 변수에 할당할 수 있는 형태 pi 숫자 3.141592 myname 문자열 Steve isAdult 불리언(Boolean) true/false 성인입니까? 여러 타입이 섞인(compound)타입도 있음(자료형) 배열 banana apple pineapple let fruits = [ 'banana' , 'apple' , 'pineapple' ] ; 객체 이름 Steve 나이 32 학생입니까? let person = { name : 'Steve' , age : 32 , isStedent : true } ; undefined도 타입 함수도 타입 ⭐️⭐️⭐️중요⭐️⭐️⭐️ 원시 자료형 string, number, boolean, undefined 타입마다 다른 속성과 메서드가 있다.. 2022. 6. 28. JavaScript 변수 [변수] 데이터를 담는 저장소(메모리)의 이름을 변수 변수를 설정하는 방법 1. 선언(declaration) let age ; 2. 할당(assignment) age = 12 ; 3. 선언과 할당 동시에 가능 let name = kim ; [변수를 사용하는 방법] 1. let myname; // 선언 myname = 'Steve'; // 할당 let myname = 'Steve' ; // 선언과 할당 같이 // 만약 할당이 없다면 undefined 가 나옴. (정의되지 않음) 2. let pi = 3.141592 ; 원의 넓이를 구하는 방식은 3.141592...*반지름 * 반지름 이다. 이 때 편의를 위해 3.141592...를 우리는 pi로 선언해 줄 수 있다. 반지름이 5인 원의 넓이 let pi .. 2022. 6. 28. JavaScript 조건문 조건문을 타입을 배우기 위해서는 Boolean타입에 대한 이해가 필요하다. let isAdult = true; //또는 false let isStudent = false; //또는 true 조건문은 어떠한 조건을 판별하는 기준을 만드는 것이 필요하다. 조건문에는 반드시 비교 연산자(comparison operator)가 필요하다. [비교 연산자] 비교의 결과는 boolean 즉 true, false이다. 3 > 5; //false 9 B A가 B보다 크다 A >= B A가 B보다 같거나 크다 A < B A가 B보다 작다 A 조건에는 boolean으로 결과가 나오는 비교구문이 들어간다. [논리연산자] 두가지 조건이 한 번에 적용되는 경우에는 논리연산자(logical Opera.. 2022. 6. 27. 이전 1 ··· 9 10 11 12 다음
