javascript

· FE/Javascipt
문자 string .length() : 문자열의 길이를 반환 .includes() : 대상 문자열에 주어진 문자가 포함되어 있는지 확인 → 대소문자 구별 .indexof() : 대상 문자에서 주어진 문자와 일치하는 첫 번째 인덱스를 반환, 없으면 -1 반환 .padEnd() : 대상 문자의 길이가 지정된 길이보다 작으면 주어진 문자를 저장된 길이까지 끝에 붙여 새로운 문자를 반환 → 원본값 그대로 .padStart() : 앞 쪽에 문자를 붙임 .replace() : 문자열 교체 .slice() : 대상 문자 일부분 추출해서 새로운 문자 반환 .split() : 대상 문자를 주어진 구분자로 나눠 배열로 반환 .toLowerCase() : 대 → 소문자 .toUpperCase() : 소 → 대문자 .trim..
· FE/Javascipt
Prototype 생성자를 통해서 반환된 인스턴스에서 쓸 수 있는 별도의 속성이나 메소드를 등록하는 객체 클래스 ES6 Class class User { constructer (first, last) { this.firstName = first; this.lastName = last; } getFullName() { return `${firstName} ${lastName}` } } const person = new User('Potter','Harry') person.getFullName() Getter 값을 얻어내는 용도의 메소드 Get 키워드를 사용하여 함수를 작성하면 하나의 속성처럼 사용 가능함 class User { constructer (first, last) { this.firstName =..
· FE/Javascipt
This 일반 함수의 this는 호출 위치에서 정의 화살표 함수의 this는 자신이 선언된 함수 범위에서 정의 즉, 화살표 함수는 자신의 this를 가지고 있지 않고 자신을 감싸고 있는 일반 함수의 this를 가지게 된다. 일반함수 const user = { firstName : 'Potter', lastName : 'Harry', age : 18, getFullName : Function() { return `${this.lastName} ${this.firstName}` } } console.log(user.getFullname()) // Harry Potter 화살표 함수 function user() { this.fisrtName : 'Leo' this.lastName : 'D.' return { ..
· FE/Javascipt
구조 분해 할당 객체 혹은 배열 데이터를 분해해서 구조에 맞춰 각각의 데이터에 할당해주는 방식 - 배열 const arr = [1,2,3] const [a,b,c] = arr [,,c] = arr //a,b,c,가 미리 선언되어 있고 c값만 필요할 때 다음과 같이 사용할 수 있음 const [a,..rest] = arr // 나머지는 rest 변수에 저장 - 객체 const obj = { a:1, b:2, c:3 } const {a,b} = obj // 키 값이 a,b인 값을 사용 const {x} = obj //해당 값은 obj 객체 내에 선언되지 않았으므로 undefined임 속성 이름으로 바로 해당하는 속성을 꺼내서 사용할 수 있다. 선택적 체이닝 값이 존재하지 않는 경우 에러를 발생시키지 않고 u..
· FE/Javascipt
AND 항상 true, false 를 반환하는 것이 아니고 가장 왼쪽에서 부터 처음 만나는 거짓 데이터를 반환한다. (0 == false) 만약 모두 참이면 가장 마지막 데이터가 반환됨 1 && 0 // 0 반환 OR 항상 true, false 를 반환하는 것이 아니고 가장 왼쪽에서 부터 처음 만나는 참 데이터를 반환한다. (1 == true) 만약 모두 거짓 이면 가장 마지막 데이터가 반환됨 1 || 0 // 1 반환 Nullish null, undefined가 있으면 해당 값 반환 없으면 null, undefined를 제외한 가장 처음 만나는 데이터를 반환 const n = 0 const num1 = n || 7 // num1 = 7 const num2 = n ?? 7 // num2 = 0 삼항 Te..
· CS
프로그래밍 언어 사용자가 보다 친숙한 언어, 즉 일상적으로 사용하는 언어와 비슷한 언어를 가지고 프로그램을 짤 수 있게 하도록 한 것 저급언어 : 기계 중심적 언어 (기계어, 어셈블리어) 고급언어 : 자연어에 가깝게 만들어져 프로그래밍하기 쉽고 가독성과 생산성이 높음 (포트란, 코볼, C/C++, java,python) 인터프리터 언어 : 한줄씩 실행되는 언어 컴파일러 언어 : 컴파일러에 의해 고급언어를 기계어로 변역하여 객체 모듈을 만들고 이 모듈을 링크, 로드하여 실행 C 실행속도가 빠르고 효율적인 메모리 관리 용이 표기법이 간결, 문단으로 기능 구현 가능 절차지향적 언어 : 실행이 정해진 순서에 따라 진행 배열과 메모리 등을 고려한 프로그램이 필요 실행환경 및 기계 변경 시 인식 어려움 C++ 객체..
따봉치치
'javascript' 태그의 글 목록 (4 Page)