JavaScript/Syntax (23) 썸네일형 리스트형 [JavaScript] 객체 *자바스크립트에는 총 8개의 자료형이 존재한다. 이 중 7가지는 primitive type에 속하며 오직 하나의 데이터만 담을 수 있다. 객체는 reference type이며 여러 다양한 데이터를 담을 수 있다. 객체 (Object)란? -배열의 각 element를 가리키는 index에 이름을 붙여 { key : 'value', } 와 같이 나타낸다 -(key : value) 쌍을 property라 한다 const user = { name: "John", age: 30, }; -key에는 string, value에는 모든 data type이 담긴다 *key 작성할 때 변수 이름처럼 특별한 제약은 없다 *key에 복수의 단어가 올 땐 " "로 묶어준다 -Create : 1) "Object literal" .. [JavaScript] Syntax Basics 1. Code structure -기본 구성 : keyword, operator, value(data type, literal), variable, function, object // comment -Statements : 명령어(command)와 문법구조(syntax structure)로 이루어지며 어떤 작업을 수행함 *block statement : 여러 statement, code block을 { }로 묶어 하나의 수행 단위로 취급함. 뒤에 세미콜론을 붙이지 않음 *Semicolons : 마침표 즉, Statements을 구분함 -Expression : the piece of values * 하나의 표현식은 반드시 하나의 값(value)으로 평가(Evaluation)된다 () : {} : [] : .. [JavaScript] 반복문 반복문(Loop)이란? -특정 코드를 반복하여 실행할 때 사용한다 -keyword : while, for -구성 요소 : 초기값, 조건값, 변화값 -while문이 for문과 다른점 : 반복 횟수 설정이 필요 없음 -중첩 루프 : outer loop-> 세로 방향(총 반복 횟수) / inner loop -> 가로 방향(각 반복 횟수) -break : 순회(iteration) 중 본문 중간에 조건을 추가로 확인하는 경우에 사용. 주로 '무한 반복 + break' 조합으로 많이 사용함 -continue : break은 반복문 자체를 종료해버리지만, continue는 다음 순회로 넘어가도록 한다. [JavaScript] 문자열 문자열(String)이란? -일련의 character 묶음, 즉 배열이다 -Read only (index로 접근 가능하지만 수정은 불가) -Type conversion & type coercion : 다양한 type의 data들 간에 연산이 실행될 때 데이터 타입 변환이 자동으로 일어난다 (주로 문자-숫자 결합에서 발생) -string manual type conversion : (99).toString() = String(99) = 99 + ''; -string concatenating : str.concat() = 'Hello' + 'World'; -template literal : backtic(``)과 placeholder(${variable, expression}) 사용 -string prope.. [JavaScript] 연산자 연산자(Operator)란? -여러 value들과 결합하여 연산 처리를 통해 새로운 value를 반환한다. (*중요: 자바스크립트에서 대부분의 연산자는 값을 반환한다) -실행 방향이 존재 : 좌->우 or 좌 .접근 [접근] (함수호출) ?. > ... > */% > +- > 부등호 > === > && || > ternery(? :) > 할당(=) > 쉼표 (https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Operator_Precedence) -피연산자의 개수에 따라 단항, 이항, 삼항 연산자로 분류 * 같은 기호라도 피연산자의 수에 따라 연산 처리 방식이 다르다 ex) -1 2 - 1 -연산에 의해 타입 변환이 일어날 수.. [JavaScript] 함수 함수(Function)란? -작은 기능의 단위이다 *계산기 프로그램을 만들기 위해서는 아래 그림과 같이 세분화된 여러가지 기능들이 요구된다. 작은 네모 하나하나가 모두 함수라고 볼 수 있다. -함수는 여러 코드들의 묶음이고 반복해서 재사용이 가능하다. 즉 여러 코드들을 캡슐화하여 언제든 실행할 수 있게 만든다. *Procedural programming에서 전체 과정을 나누어 처리하는 단위를 함수라한다. -함수 선언식 : function name(parameter) {function body} -함수 표현식과 할당 : const name = function(parameter) {body}; *화살표함수 : const name = (parameter) => {body}; -함수 표현식의 단순 버전이다. 짧.. [JavaScript] 변수와 타입 Programming이란? -Data processing이다 -수 많은 데이터를 다룬다 -Data는 특정 type으로 분류된다 *JavaScript는 loosely typed dynamic language이다. data를 변수에 할당할 때 data type의 제약을 받지 않는다 변수(Variable)란? -데이터 보관함의 이름이다 -보관함은 메모리의 일부이며 크기는 모두 동일하다 -보관함에 데이터를 저장할 수 있다 -보관함의 이름을 이용하여 보관함에 담긴 데이터를 마음껏 사용할 수 있다 *선언(Declaration) : 선언 키워드(const, let, var)를 사용하여 메모리에 일정 공간을 확보하고 이름을 붙인다. let box; *할당(Assignment) : 할당 연산자(=)를 사용하여 확보한 공.. 이전 1 2 3 다음
