AngelPlayer`s Diary

[JavaScript] 주요 문법 정리

함수 표현 방식 - 함수 선언식 : function 함수명() { } 함수 선언 전에 호출 가능함 - 함수 표현식 : 변수 = function() { } 함수를 함수명 없이 선언한 후 변수에 저장 반드시 함수 선언 후 호출 변수 선언 - 스코프 : 변수의 유효 범위 1) 함수 스코프 : 유효 범위가 함수 내부 (var) 함수 내부에 다른 블록{ }에서 선언된 변수를 사용 가능함 같은 이름으로 중복 선언 가능함 (새로 만들어지는 변수로 기존 변수를 덮어씀) 2) 블록 스코프 : 유효 범위가 블록 내부 (let, const) 다른 블록{ }에서 선언된 변수를 사용할 수 없음 변수 중복선언 불가능 -> const > let > var 순서대로 사용하되, var는 전역 변수 선언 시에만 사용을 권장함 화살표 함..
Web/JS&TS 2022. 7. 20. 18:32

[JS] 영문, 숫자, 특수문자를 10자리 이상 포함하는 정규표현식

어지간해서는 인터넷 검색해서 쓰는데 몇 군데 선택한 곳 모두 에러가 나서 별도로 작성합니다. // 임의의 비밀번호 pw가 있다고 가정 // 정규 표현식 let check = /^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{10,}$/; // 정규 표현식을 통과하지 못하면 if(!check.test(pw)) { // 처리할 문장 }
Web/JS&TS 2021. 3. 22. 23:18

[JS] for, for in, for of 반복문 사용법 및 차이점

자바스크립트(JavaScript)는 for 문으로 기본형인 for 반복문 이외에도 for in 문과 for of 문을 사용할 수 있습니다. 1. for 문 우선 for 문입니다. for (초기값; 조건식; 증감식) { ... } for 문은 다른 일반적인 언어들과 유사하게 초기값, 조건식, 증감식 형태로 사용합니다. 뒤에서 살펴볼 for in 문이나 for of 문과 다르게 for 문의 경우 반복을 제어할 변수를 let으로 지정을 해줘야 한다는 점을 유의하셔야 합니다..! for (let i = 0; i < 3; i++) { console.log(`${i}번 반복하였습니다.`); } 2. for in 문 for (const item in 배열 or 객체) { ... } for in 문은 파이썬의 for ..
Web/JS&TS 2021. 1. 7. 10:13

[JS] 템플릿 문자열(Template String) 사용법

자바스크립트(JavaScript)에서 우리가 변수를 가지고 있고, 그것을 활용하여 문장을 만들어 출력한다고 가정해봅시다. const a = 'apple'; const b = 'banana'; 위와 같이 변수가 있고, 이것을 출력하기 위해서는 const output = 'output : I like ' + a + ' and ' + b +'...!'; console.log(output); 지금까지 이런 형태로 작성을 해왔을 것입니다. 이러한 코드의 단점으로는 계속 따옴표(' or ")와 더하기 연산자(+)를 작성해야하고, 띄워쓰기를 따로 신경써줘야 한다는 번거로움이 있었습니다. 하지만 ECMAScript의 업데이트로 아래와 같은 코드를 사용할 수 있게 되었습니다. const output2 = `output ..
Web/JS&TS 2021. 1. 6. 09:06

[JS] 자바스크립트 코딩 컨벤션 (Naver, Airbnb, standardJS)

새로운 언어에 대한 공부를 시작할 때 개인적으로 규칙에 많이 얽매이는 것 같습니다. 변수 이름 선언이나 들여쓰기 규칙 등은 실행함에 있어서 큰 문제는 없지만, 아무래도 코드를 만들어 놓고 일정한 규칙이 없으면 보기도 불편하고 무엇보다 이쁘지가 않으니까요. 또한 깃허브 등에 코드를 업로드하거나 업로드 된 자료를 볼 때 다른 사람이 한눈에 쉽게 이해할 수 있도록 작성 되는 것이 아무래도 더 나은 코드라고 할 수 있을 것입니다. 이러한 이유로 '코드는 이렇게 쓰자!'라는 약속을 정하기 위해 생긴 것을 코딩 스타일(Coding Style), 혹은 코딩 컨벤션(Coding Convention)이라고 합니다. 오늘은 자바스크립트(JavaScript) 코딩 컨벤션을 가지고 있는 에어비엔비, 네이버, 그리고 stand..
Web/JS&TS 2021. 1. 5. 13:24
◀ 1 ▶

티스토리툴바