본문 바로가기

Web24

연산자 활용 ( 평균 체중 구하기) 평균 체중을 구하는 공식 평균 체중 = (키 - 100)*0.9         철수의 적정 체중 구하기 1. 키 : 180cm 2. 몸무게 : 74kg 3. 적정체중 : (180 - 100)*0.9 prompt()메서드 : 질의응답창  [메서드=함수, 기능,()]사용자에게 질문에 대한 답을 얻고자 할 때 사용하는 창. prompt()메서드에서 기본 답변은 placeholder처럼 사용자에게 힌트를 주기 위해 사용하는 부분으로 생략이 가능하다. 사용자로부터 전달받은 답변은 모두 문자형 데이터로 반환된다. [기본형] prompt("질문", "기본답변"); 2024. 9. 2.
연산자 [연산자]초등학교 때 배웠던 +, -, *(곱하기), /(나누기), %(나머지)를 이용해서 연산을 할 수 있다.자바스크립트에서는 여러 연산자가 있는데 산술, 문자결합, 대입(복합대입), 증감, 비교, 논리, 상황 조건 연산자가 있다.산술 연산자산술 연산자는 사칙연산과 같다. +, -, *(곱하기), /(나누기), %(나머지)가 바로 산술 연산자이다. 산술 연산을 하기 위해서는 반드시 연산 대상 데이터(=피연산자) 반드시 두 개 있어야 한다.문자결합연산자문자 결합 연산자는 피연산자(연산대상데이터)가 문자형 데이터이다. 여러 개의 문자를 하나의 문자형 데이터로 결합할 때 사용한다. 기호는 +(더하기)를 사용한다. 문자 결합 연산자는 피연산자로 문자형 데이터가 한 개라도 포함되면 다른 피연산자의 데이터는 자동.. 2024. 9. 2.
Java Script 변수 "use strict"; 는 엄격한 ES6분법을 사용하겠다는 의미이다.[변수]변수는 변하는 값을 저장할 수 있는 메모리 공간. 데이터를 담을 수 있는 그릇이라고 할 수 있다. 변수에는 데이터가 오직 한 개만 저장된다. 만약 새로운 데이터가 들어오면 기존에 있던 데이터는 사라지고 마지막에 들어온 데이터만 남는다. 변수에 담을 수 있는 데이터의 종류로는 문자형(String), 숫자형(Number), 논리형(Boolean),그리고 빈(Null)데이터와 Undefined(값이 할당되지 않음) 데이터가 있다. [변수 선언]변수를 사용할 준비를 하는 과정을 변수 선언이라고 한다. 변수를 선언할 때에는 var 키워드를 변수명 앞에 붙여준다. 변수명에는 한글을 사용할 수 없으며, 영문과 숫자 그리고 일부 특수문자( _.. 2024. 8. 30.
JavaScript 기초 [브라우저 렌더링 과정]브라우저 렌더링 과정이라는 것은 도메인 주소(https://www.~~~.com)를 브라우저에 요청할 때 해당 html과 css, javascript를 불러와서 화면에 표현하는 과정을 뜻한다.            1. HTML 파일을 파싱      : 웹 브라우저에서 HTML파일을 읽어오고 구조를 해석하는 과정을 말한다.        브라우저가 HTML문서를 파싱하면 DOM(Document Object Model)트리를 만든다.        DOM은 웹 페이지의 구조를 표현하는 트리 구조로, 각 요소는 노드로 표현됨.      2. CSS 파일을 파싱      : HTML 파싱 후에 CSS 파일을 파싱하여 CSSOM(CSS Object Model)트리를 생성한다.        CS.. 2024. 7. 24.
list-style [목록 스타일 속성]        목록 태그 앞에 붙는 불릿이나 숫자의 모양을 바꿔주거나 들여쓰기를 제어할 수 있다. list-style속성을 쓰면 list-style-type과 list-style-position을 한꺼번에 선언할 수 있다.list-style-type : ul에 불릿이나 ol의 숫자를 다양한 형태로 바꿀 때 사용한다. - list-style-type: disc(●) - list-style-type: circle(○) - list-style-type: square(■)  - list-style-type: none(불릿 없애기)  -순서가 있는 목록- list-style-type: demical(1로 시작하는 십진수. 1,2,3...)  - list-style-type: demical-l.. 2024. 7. 24.
overflow와 selection [overflow 속성]박스 안에 컨텐츠가 많아 범위를 넘어갈 때 넘치는 부분을 어떻게 보여줄지 정하는 속성이다.       - overflow: hidden; ★ : height속성이 지정되어 있을 경우 영역을 벗어나는 부분을 숨긴다. height속성이 지정되어 있지 않을 경우 컨텐츠에 맞춰 늘어난다.- overflow: scroll; ★ : 영역을 벗어나는 부분은 스크롤 바를 나타나게 한다. - overflow: visible; : 기본값으로 영역에서 벗어난 부분을 그대로 보여준다. - overflow: auto; ★ : 박스를 넘어가지 않으면 스크롤바가 보이지 않고 넘어가면 보여준다. - overflow: initial; : 기본값으로 설정한다. - overflow: inherit; : 부모 요소의.. 2024. 6. 25.