본문 바로가기

4. Programming/4.3 JavaScript

4. 제어문 (Control flow statement) 1. 블록 구문 (Block statement)블록 구문은 구문들의 집합으로 중괄호로 그 범위를 정하며, 블록 구문은 일반적으로 함수, 객체 리터럴, 흐름 제어 구문에서 사용. // 함수 선언 function sum() { var a = 3; var b = 5; return a + b; } // 객체 리터럴 var obj = { x:'5', y:'6' }; 2. 조건문 (Conditional statement)조건문은 주어진 조건문이 참(true)인지 거짓(false)인지에 따라 실행될 구문들의 집합이며, if... else와 switch 가 있음. 2.1 if 문 조건문의 평가 결과에 따라 if 또는 else 블록에 있는 구문들이 실행 됨.// if ... else 조건문 var x = 5; if(x .. 더보기
3. Operator (연산자) 산술 연산자 (Arithmetic Operators)연산자 (Operator) 설명 (Description) + 덧셈 - 뺄셈 * 곱셈 / 나눗셈 % 나머지 ++ 증가 -- 감소 연산 대상이 모두 숫자인 경우 연산을 진행, 연산 대상에 문자열이 있을 경우 문자열을 연결.var x = 3; var y = 2; console.log(x + y); // 5 console.log(x - y); // 1 console.log(x * y); // 6 console.log(x / y); // 1.5 console.log(x % y); // 1 console.log(x++); // 3 선대입후증가 console.log(++x); // 5 선증가후대입 console.log(x--); // 5 선대입후감소 console... 더보기
2. variable (변수) 변수 변수 : 프로그램이 어떤 값을 메모리에 저장해 두고 다시 사용하기 위한 공간.Var 키워드를 통해 변수를 선언 var 변수값 = 초기값; 변수 선언 시 초기 값을 지정하지 않을 경우, 값을 저장할 때 까지 그 변수는 undefined 상태.변수 선언 시 var 키워드 생략이 가능하나, Scope 문제가 발생될 수 있으므로 생략하지 않는 것이 좋음. 식별자 규칙1. 첫번째 문자는 [A-Z a-z _ $] 사용 2. 나머지는 [A-Z a-z _ $ 0-9] 사용3. 예약어는 사용 불가 (Ex. Var, navigator 등..) 값에 의한 데이터 타입 결정 Javascript는 값에 따라 데이터 타입이 결정되는 동적인 언어 var a; var b = 5; var c = '문자열'; console.log.. 더보기
웹 자바스크립트 에디터 사이트 1. JsFiddle - HTML, CSS, Javascript를 웹에서 작성 가능 및 실행까지 가능 2. Codepen - Html, CSS, Javascript 웹에서 작성 가능 및 코드 공유가 가능하며, Coffee나 Type 스크립트도 지원 및 바벨로더와 리엑트, 앵귤러까지 가능 3. codesandbox - React 전용 같음, 파일 형식을 폴더로 구분 가능함 더보기
1. Java script란 Html (Hyper Text Markup Language) 은 웹 페이지 상에서 문단, 제목, 표, 이미지, 동영상 등을 정의하고 그 구조와 의미를 부여하는 마크업 언어. Hello World~? CSS (Cascading Style Sheet) 는 배경색, 폰트, 컨텐츠의 레이아웃등을 지정하여, HTML 컨텐츠를 꾸며주는 스타일 규칙 언어..title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; }JavaScript 동적으로 컨텐츠를 바꾸고, 멀티미디어를 다루는 등의 프로그래밍 언어var a = document.getElementsByClassName('root') f.. 더보기