ʕ ˙ɷ˙ ʔค

Javascript 5

정규표현식

문자열 내에서 패턴을 찾아서 바꾸거나 빼거나 추가하고 싶을 때 사용 g는 global로 모든 문자열에서 , m은 multiline으로 여러 라인에서 패턴을 찾겠다는 옵션 1. 일반 문자열 /hello/gm /hello world/gm /Hello/gm /Hello/gim //대소문자 구분하지 않는 옵션 i 2. 처음과 끝 (문자열 잡아서 빼거나 수정하거나 패턴을 가져오기) 많이 사용 x /^hello/gm : 처음에 hello (^ 텍스트의 시작) /hello$/gm : 끝에 hello($ 텍스트의 끝) 3. 모든 문자 .(dot)은 모든 문자가 매칭된다. /h.llo/gm hello, halo, hollo 다 선택 /h[eo]llo/gm [ ] 는 택1 4. 범위 지정 범위를 지정하고 싶을 때 -(대쉬..

Javascript 2023.04.17

this

this는 인스턴스(클래스, 생성자 함수 - 붕어빵찍는 틀, 인스턴스 - 붕어빵)을 가리키는 참조 변수이다. this는 호출되는 위치에 따라 다른 값을 출력하기 때문에 혼란을 준다. this는 기본적으로 전역 객체를 가리키고, 호출하는 것이 object이면 해당 객체를 가리킨다 예외는 외우는 편이 좋음 this는 bind로 this가 가리키는 값을 바꿀 수 있으므로 항상 같은 원칙에 의해서만 움직이지 않음 [정리] // .앞에 있는 것 // 함수로 출력하면 window로 출력 1. 전역공간의 this는 window(node는 global) 2. 메서드로 호출한 경우 this는 멤버접근연사자 앞에 객체 3. 함수로 호출할 경우 this는 window 4. 화살표 함수의 경우 this는 상위스코프 5. 생성..

Javascript 2023.04.17

스택(stack) / 큐(queue)

스택 - 제한적으로 접근할 수 있는 나열 구조이다. - 접근 방법은 목록의 끝에서만 일어난다. - 한 쪽 끝에서만 자료를 넣거나 뺄 수 있는 선형 구조 (LIFO - Last In First Out) - 자료를 넣는 것을 push - 자료를 꺼내는 것을 pop - 꺼내는 자료는 가장 최근에 푸쉬한 자료부터 나온다. - 나중에 넣은 값이 먼저 나오는 것이 LIFO 구조라고 한다. 큐 - 먼저 넣은 데이터가 먼저 나오는 FIFO(First In First Out) 구조로 저장하는 형식 - 프린터 출력, 프로세스 관리 등 데이터가 입력된 시간 순서대로 처리해야 할 필요가 있을 때 이용 Map & Set Map 객체는 키-값 쌍을 가지는 객체 자료형의 한 종류다. 함수(function) console, aler..

Javascript 2023.04.16

함수, 배열

함수 (function) function showError(){ alert('에러가 발생했습니다. 다시 시도해주세요.'); } showError(); //함수 호출 [ 함수 이용 장점 ] 1. 유지보수가 쉽다. 한 줄만 바꿔주면 된다. 2. 중복을 줄여줄 수 있다. 매개변수만 바꾸면서 다양하게 변형 가능하다. //매개변수가 있는 함수 function sayHello(name){ const msg = `Hello, ${name}`; console.log(msg); } sayHello('Mike'); sayHello('Tom'); sayHello('Jane'); ▶ 배열 배열 : 여러 개의 값을 모아놓은 것 배열 생성 방법 : [요소, 요소, 요소, ....] 배열 내부의 값을 요소(element)라고 합니..

Javascript 2023.04.09

변수

변수란 변할 수 있는 정보라는 뜻이다. 프로그램 작성 시 숫자, 문자 같은 데이터를 보관할 공간이 필요한데, 이런 공간에 들어가는 데이터가 무엇인지 이름을 붙이는 포스트잇 같은 역할을 하는 것이 변수이다. 박스개념으로 생각하지 않기!! 메모리상에 x값을 넣고 3이라는 것이 존재한다. var x = 3; // 변수의 x,y,z 값과 3,4,5 값은 모두 메모리 상에 올라가는 것 let y = 4; const z = 5; [ 변수명 정하기 ] 유니코드 문자도 사용 가능하지만 실무에서는 사용하지 않기 변수이름은 $, _를 제외한 공백, 특수문자, 구두점, 반점(,), 온점(.), 물음표(?) 사용 불가 첫 글자는 숫자가 될 수 없음 대소문자 구별하기 (첫 문자는 소문자로 시작하기 대문자로 시작하는 변수는 Cl..

Javascript 2023.03.30