일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- 리액트 팀 프로젝트
- js
- 내배캠 프로젝트
- 그리드 정렬
- 리액트 훅
- 파이썬 for
- 자바스크립트
- 타입스크립트
- 파이썬 반복문
- 내일배움캠프
- Next 팀 프로젝트
- JavaScript
- 타입스크립트 props
- 파이썬 list
- 프로그래머스
- 리액트
- 내일배움캠프 최종 프로젝트
- 리액트 프로젝트
- 타입스크립트 리액트
- typeScript
- 내일배움캠프 프로젝트
- 한글 공부 사이트
- 파이썬 slice
- REACT
- 리액트 페이지 이동
- React Hooks
- 코딩테스트
- useState
- 파이썬 enumerate
- 파이썬 for in
- Today
- Total
목록JavaScript (49)
aotoyae
자바스크립트에서의 수학 활용! Math.ceil() : 소수점에 상관 없이 무조건 올림 let num1 = 5.1; let num2 = 5.7; Math.ceil(num1); // 6 Math.ceil(num2); // 6 Math.floor() : 무조건 내림 Math.floor(num1); // 5 Math.floor(num2); // 5 Math.round() : 반올림 Math.round(num1); // 5 Math.round(num2); // 6 소수점 자릿수 조절 요구사항 : 소수점 둘째자리까지 표현, 셋째 자리에서 반올림 해주세요. let userRate = 30.1234; Math.round(userRate * 100) / 100; // 30.12 또는 toFixed() : 숫자를 인수로..
toString() : 숫자를 문자로 바꿔주는 메서드 let num = 10; // 10진수 => 2진수, 16진수 num.toString(); // "10" 문자형으로 변환 num.toString(2); // "1010" // 10진수를 2진수로 그리고 문자형으로 변환 let num2 = 255; num2.toString(16); // "ff" isNaN : 숫자인지 아닌지 판별 ❗️ 자기 자신과도 다르다고 판단한다. isNaN으로만 판별해야 한다. let x = Number("x"); // NaN x == NaN; // false x === NaN; // false NaN == NaN; // false isNaN(x); // true isNaN(3); // false parseInt() : 문자를 숫..
객체 프로퍼티 키 => 문자형 숫자형이나, 불리언으로 만들어도 문자형으로 반환된다. const obj = { 1: "1입니다.", false: "거짓", }; Object.keys(obj); // ["1", "false"] 문자형으로 반환된다. console.log(obj["1"]); // "1입니다." console.log(obj["false"]); // "거짓" // 접근할 때도 문자형으로 작성해야 함 💡 심볼 Symbol 유일한 식별자를 만들 때 사용 const a = Symbol(); const b = Symbol(); console.log(a); // Symbol() console.log(b); // Symbol() console.log(a == b); // false console.log(a ..
Computed property 계산된 프로퍼티 let a = "age"; const user = { name: "aoto", age: 30, // [a]: 20, 윗 줄과 같은 코드 // [a]에 age가 할당된다. }; const user = { [1 + 4]: 5, ["안녕" + "하세요"]: "HELLO", }; console.log(user); // {5: 5, 안녕하세요: 'HELLO'} 이렇게 식으로도 작성 가능 + 응용!! 어떤게 키 값이 될지 모를 때 객체 만들기 유용함 function makeObj(key, val) { return { [key]: val, }; } const obj = makeObj("age", 30); // {age: 30} 첫 값이 key가 됨 Object meth..
아래처럼 객체를 만드는 게 객체 리터럴 let user = { name: "aoto", age: 30, }; 객체를 여러개 만들어야하는 상황일 때 쓰는 것이 (회원이 여러명이거나..) 생성자 함수! new 함수명 function User(name, age) { // 함수명의 첫 글자는 대문자로 // this = {}; 실제 코드엔 없지만 함수가 실행되면 이런 식으로 동작 this.name = name; this.age = age; // return this; 실제 코드엔 없지만 함수가 실행되면 이런 식으로 동작 } let user1 = new User("aoto", 20); let user2 = new User("yae", 30); let user3 = new User("haru", 40); functi..
var와 let은 크게 다르지 않지만 차이점은.. var 한 번 선언된 변수명을 다시 선언해도 Error가 뜨지 않는다. let 한 번 선언한 변수명은 다시 사용할 수 없다. var name = "aoto"; console.log(name); // aoto var name = "yae"; console.log(name); // yae let name = "aoto"; console.log(name); // aoto let name = "yae"; console.log(name); // Error! 💡 var 호이스팅 되기 때문에 선언 전에 사용해도 작동한다. 이 때 선언만 호이스팅 되고 값은 호이스팅 되지 않는다. console.log(name); // undefined var name = "aoto";..
class Person { constructor(name, first, second, third) { this.name = name; this.first = first; this.second = second; this.third = third; } sum() { return "prototype : " + (this.first + this.second + this.third); } } class PersonPlus extends Person { avg() { return (this.first + this.second + this.third) / 3; } } var kim = new PersonPlus("kim", 10, 20, 30); console.log("kim.sum()", kim.sum()); //..
✳️ Property : 객체 Object 에 소속된 변수 let aoto = { name: "yae", // name => key, "yae" => value age: 20, // age => key, 20 => value }; name : "yae" => PROPERTY age : 20 => PROPERTY 💡 key 값은 문자열 String 타입을 가지고 있다. 그래서 'name' 이런 식으로 따옴표로 감싸줘야 하지만, 감싸지 않아도 자바스크립트가 문자열로 형 변환 해 인식한다. 💡 value 에는 모든 자료형을 넣을 수 있다. 함수까지 가능! (그 함수가 메소드 😬) ❗️ Property Name 규칙! 1. 첫 번째 글자는 반드시 문자, 밑줄(_), 달러 기호($) 중 하나로 시작 2. 띄어쓰기..