본문 바로가기

전체 글84

JavaScript - String methods toUpperCase() : 모든 문자를 대문자로 toLowerCase() : 모든 문자를 소문자로 indexOf('text') : text의 처음 위치를 알려줌. 찾는 문자가 없으면 -1을 반환 slice(n,m) : n은 시작점/ m은 없으면 문자열 끝까지, 양수면 그 숫자까지(포함하지 않음), 음수면 끝에서부터 셈 substring(n,m) : n과 m 사이 문자열 반환. n과 m을 바꿔도 동작함. 음수는 0으로 인식 substr(n,m) : n부터 시작. m개를 가져옴. trim() : 앞 뒤 공백 제거 repeat(n) : n번 반복 예제) 목차 리스트에서 글자만 가져오기 let list = [ "01. 들어가며", "02. JS의 역사", "03. 자료형", "04. 함수", "05. 배열",.. 2023. 3. 6.
JavaScript - Number, Math toString() 10진수 -> 2진수/16진수 let num = 10; num.toString(); //"10" num.toString(2); // 2진수로 나타냄 : "1010" let num2 = 255; num2.toString(16); // "ff" Math 함수 Math.ceil() : 올림 let num1 = 5.7; let num2 = 5.7; Math.ceil(num1); // 6 Math.ceil(num2); // 6 Math.floor() : 내림 let num1 = 5.7; let num2 = 5.7; Math.floor(num1); // 5 Math.floor(num2); // 5 Math.round() : 반올림 let num1 = 5.7; let num2 = 5.7; Math.. 2023. 3. 6.
JavaScript - Symbol 심볼(Symbol) property key는 문자형도 가능하지만 심볼형도 가능하다! 심볼은 유일한 식별자를 만들 때 사용한다. 전체 코드중에 딱 한 개만 있어야 함!!(유일성 보장) const a = Symbol(); // new를 붙이지 않는다! 예제) const id = Symvol('id'); 위처럼 설명을 붙여줄 수 있음. 설명을 붙여주면 디버깅할 때 편하다. + 설명을 같게 하면 다음과 같이 같은 결과를 나오게 하지만 id와 id2는 같지 않다. property key : 심볼형 const id = Symbol('id'); const user = { name : 'Mike', age : 30, [id] : 'myid' } console.log(user); console.log(Object.key.. 2023. 2. 27.
JavaScript - 생성자 함수/Object - computed property, method 생성자 함수 기본 동작 구조 (주석인 부분은 new 함수명();을 한 순간 동작하는 부분이다.) function User(name, age) { // 생성자 함수는 첫 글자를 대문자로! // this = {} this.name = name; this.age = age; // return this; } new 함수명(); 예제) function Item(title, price){ this.title = title; this.price = price; this.showPrice = function() { console.log(`가격은 ${price}원 입니다.`); } } const item1 = new Item('인형', 3000); const item2 = new Item("가방", 4000); cons.. 2023. 2. 23.
JavaScript - 변수/스코프 변수 let과 var : 값을 바꿀 수 있음. const : 값을 바꿀 수 없음. var // 한 번 선언된 변수를 다시 선언할 수 있다. var name = "Mike"; console.log(name); // Mike var name = "Jane"; console.log(name); // Jane * Hoisting(호이스팅) : var로 선언한 모든 변수는 코드가 실제로 상단으로 이동하진 않지만 최상위로 끌어 올려진 것 처럼 동작한다. // 선언하기 전에 사용할 수 있다. console.log(name); // undefined var name = 'Mike'; // 이렇게 동작하는 것처럼 보임(hoisting) // var name; // console.log(name); // name = 'M.. 2023. 2. 22.
JavaScript 기초 다지기 - 알림창을 띄워 입력받기 const name = prompt("이름을 입력하세요."); alert("환영합니다. "+name+"님"); alert(`안녕하세요, ${name}님. 환영합니다. `); const name = prompt("예약일을 입력해주세요.","2023-02-"); const isAdult = confirm("당신은 성인 입니까?"); console.log(isAdult) * prompt로 입력 받은 것은 전부 문자열!! const mathScore = prompt("수학 몇 점?"); const engScore = prompt("영어 몇 점?"); const result = (mathScore+engScore)/2; console.log(result) 아래와 같이 형변환을 해줘야 함.. 2023. 2. 22.

티스토리툴바