일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- React Hooks
- 내일배움캠프 최종 프로젝트
- 리액트 팀 프로젝트
- 내배캠 프로젝트
- 파이썬 for
- Next 팀 프로젝트
- js
- 리액트 훅
- useState
- 그리드 정렬
- 내일배움캠프 프로젝트
- 타입스크립트 props
- 코딩테스트
- 타입스크립트 리액트
- 리액트 프로젝트
- 파이썬 slice
- 자바스크립트
- 리액트
- 파이썬 반복문
- 리액트 페이지 이동
- 타입스크립트
- 파이썬 for in
- 프로그래머스
- 파이썬 list
- typeScript
- 한글 공부 사이트
- 파이썬 enumerate
- REACT
- JavaScript
- 내일배움캠프
- Today
- Total
목록자바스크립트 (61)
aotoyae
자주 쓰이는 문법들을 알아보자 ~ function showName(name) { console.log(name); } showName("aoto"); // "aoto" showName("aoto", "yae"); // Error는 안뜨지만 aoto만 뜬다. showName(); // undefined 매개변수에 name만 쓰여있지만, 매개변수를 넘길 때 개수 제한은 없어 더 많거나 적은 값을 넘겨도 Error가 발생하지 않는다. arguments - 함수로 넘어온 모든 인수에 접근할 수 있다. - 함수 내에서 이용 가능한 지역 변수이다. - length / index가 있어서 배열이라 생각할 수 있지만 - 실은 Array 형태의 객체 - 그러니 배열의 내장 메서드 없음(forEach, map) funct..
: 배열이나 객체의 속성을 분해해서 분해된 값을 변수에 담은 표현식 💡 배열 구조 분해 let [x, y] = [1, 2]; console.log(x); // 1 console.log(y); // 2 let users = ["aoto", "yae", "haru"]; let [user1, user2, user3] = users; console.log(user1); // "aoto" console.log(user2); // "yae" console.log(user3); // "haru" let str = "aoto-yae"; let [man1, man2] = str.split("-"); console.log(man1); // "aoto" console.log(man2); // "yae" ❗️ 해당하는 값이 ..
💡 arr.splice(n, m) : 인덱스 n번부터 m개 특정 요소 지움 ❗️ 문자열에는 사용 XXX let arr = [1, 2, 3, 4, 5]; arr.splice(1, 2); console.log(arr); // [1,4,5] ➕ arr.splice(n, m, x) : 특정 요소를 지우고 지워진 자리에 x 추가 let arr = [1, 2, 3, 4, 5]; arr.splice(1, 3, 100, 200); console.log(arr); // [1, 100, 200, 5] // 여기서 m이 0이라면? 아무것도 지우지 않고 요소 추가 가능! let arr = ["나는", "호수", "입니다"]; arr.splice(1, 0, "대한민국", "소방관"); console.log(arr); // ['..
' 작은 따옴표 " 큰 따옴표 ` 벡틱 html 코드 같은 경우 작은 따옴표로 묶는게 편하다. let html = 'TITLE'; // 중간에 큰따옴표가 있으므로 영어로 된 문장은 큰 따옴표를 쓰는게 편하다. let desc = "It's 3 o'clock."; 벡틱은 달러와 중괄호를 이용해 변수를 표현하거나 표현식을 쓸 수 있다. let name = "aoto"; let result = `my name is ${name}.`; // my name is aoto. let add = `2 더하기 3은 ${2 + 3}입니다.`; // 2 더하기 3은 5입니다. 벡틱은 쉽게 여러 줄을 표현할 수 있다! let desc = `오늘은 맑고 화창한 날씨가 계속 되겠습니다.`; let desc2 = "오늘은 맑고 화..
자바스크립트에서의 수학 활용! 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..