JavaScript (33) 썸네일형 리스트형 정규표현식 1. 정규표현식(regular expression)이란? -문자열 처리를 간편하게 할 수 있다 -특정 텍스트의 패턴을 검색하고 수정할 때 사용한다 -주로 유효성 검사에서 사용된다 2. 리터럴 패턴 -슬래시(/)는 따옴표(")와 동일하다 -플래그(Flag)는 정규표현식 검색의 기본 설정값을 수정하게 해주는 옵션이다 1) 대소문자를 구별하여 검색한다 -> /i 로 해제 2) 출력은 최초 1회만 진행된다 -> /g 로 해제 3) 행이 바뀌면 검색을 중단한다 -> /m 로 해제 *s : .이 개행문자 \n도 포함하도록 함 *u : 유니코드 전체를 지원 *y : 문자 내 특정 위치에서 검색을 진행 -정규표현식을 처리하는 자바스크립트 내장 메소드가 존재한다. RegExp.prototype.exec() RegExp... [JavaScript] 배열 배열(Arrays)이란? -Ordered collections of values -for문과 인덱스를 사용하여 배열의 모든 요소를 순회할 수 있다 *ES6 : 인덱스를 사용하지 않고 배열의 모든 요소를 순회하는 방법 -> for(const item of arr) {...} -[ ] 안에는 다양한 data type이 함께 담길 수 있다. ['string', number, variables, expression, function calls, [other arrays...]]; *유사배열객체(Array-like object) : 생김새는 index를 갖는 요소의 나열(순서 있는 목록), 즉 배열과 같아 위치 기반으로 접근이 가능하다. length 프로퍼티 값을 가지지만 forEach()나 map() 등 배열의.. [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}; -함수 표현식의 단순 버전이다. 짧.. 이전 1 2 3 4 5 다음
