일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 내일배움캠프
- typeScript
- 그리드 정렬
- 파이썬 list
- 내일배움캠프 최종 프로젝트
- 코딩테스트
- useState
- 타입스크립트 props
- 리액트 훅
- REACT
- 리액트
- 한글 공부 사이트
- JavaScript
- React Hooks
- 자바스크립트
- Next 팀 프로젝트
- 리액트 팀 프로젝트
- 내배캠 프로젝트
- 내일배움캠프 프로젝트
- 파이썬 enumerate
- 파이썬 for in
- 프로그래머스
- 파이썬 slice
- 타입스크립트
- 파이썬 반복문
- 리액트 페이지 이동
- 파이썬 for
- 타입스크립트 리액트
- 리액트 프로젝트
- Today
- Total
목록JavaScript (61)
aotoyae
💡 for in : 객체 안에 프로퍼티들을 가지고 하나씩 반복적인 동작을 수행할 때 사용 ❌ 배열에선 사용 ❌ for(변수 in 객체) { 동작부분; } let aoto = { name: "yae", age: 20, isVeryNice: true, }; for (let item in aoto) { // item : 프로퍼티 네임, aoto :실행할 객체 console.log(item); // 프로퍼티 네임을 가져옴 console.log(aoto[item]); // 프로퍼티 값을 가져옴 } // name // yae // age // 20 // isVeryNice // true ❗️ 주의) 객체는 정수형 프로퍼티 네임을 오름차순으로 먼저 정렬하고, 나머지 프로퍼티들은 추가한 순서대로 정렬한다! let m..
: 날짜를 이용하는 내장 객체 💡 괄호 비워두기 우선 변수를 생성한 순간의 날짜, 시간을 가져올 수 있다. let myDate = new Date(); console.log(myDate); //Tue Jan 02 2024 12:48:12 GMT+0900 (한국 표준시) 💡 문자열 넣어주기 특정 날짜의 객체를 만들 수 있다. 시간을 지정하고 싶다면 대문자 T 뒤 시간 입력, 시간을 지정하지 않으면 자정을 기준으로 객체가 생성된다! let myBirthday = new Date("2024-01-02"); let myBirthday2 = new Date("2024-01-02T08:08:08"); console.log(myBirthday) console.log(myBirthday2) // Mon Jan 02 2..
객체를 프로퍼티를 맘대로 다뤄 보자! let aoto = { name: "yae", hateFood: null } 💡 프로퍼티 수정 console.log(aoto.name); // "yae" aoto.name = "aotoyae" console.log(aoto.name); // "aotoyae" 💡 프로퍼티 추가 console.log(aoto.gender); // undefined aoto.gender = "female" console.log(aoto.gender); // "female" 💡 프로퍼티 삭제 console.log(aoto.hateFood); // null delet aoto.hateFood; console.log(aoto.hateFood); // undefined 💡 프로퍼티 존재 여부 확..
객체의 데이터를 가져와보자! let aoto = { name: "yae", bornYear: 2023, isVeryNice: ture, hateFood: null, favoriteMovie: { title: "괴물", leadRole: "쿠로카와 소야", "히이라기 히나타" } } 💡 점 표기법 console.log(aoto.bornYear) // 2023 ❗️주의) 점 표기법은 따옴표로 감싸진 값은 가져올 수 없다! let aoto = { name: "yae", "born Year": 2023 } console.log(aoto.born Year) // XXX 접근불가 XXX console.log(aoto."born Year") // XXX 접근불가 XXX 💡 대괄호 표기법 (위 상황 해결 가능) let..
💡 while 문 사용 let i = 1; let curr = 1; // 현재 항 let prev = 0; // 직전 항 while (i
❗️파라미터의 기본값을 설정해 둘 수 있다. function(x, y = '기본값') {} function introduce(name, age, nationality = '한국') { console.log(`저는 ${name}입니다.`); console.log(`나이는 ${age}세 이고,`); console.log(`국적은 ${nationality}입니다.`); } introduce('aoto', 20, '미국'); // 값을 모두 전달한 경우 // 저는 aoto입니다. // 나이는 20세 이고, // 국적은 미국입니다. introduce('yae', 19); // 파라미터 값을 생략한 경우 // 저는 yae입니다. // 나이는 19세 이고, // 국적은 한국입니다. ❗️주의) 기본값을 설정해 둘 파라..
❗️null : 의도적으로 '없음'을 준 값, 의도적으로 표현할 때 사용하는 값 ❗️undefined : 처음부터 없었던 값, 값이 없다는 것을 확인하는 값 typeof null // 'object' typeof undefined // 'undefined' null === undefined // false null == undefined // true null === null // true null == null // true !null // true isNaN(1 + null) // false isNaN(1 + undefined) // true null 의 타입은 object undefined 의 타입은 undefined ❗️변수에 null 을 할당하는 것은 이전에 참조하던 값을 더 이상 참조하지 않겠..
동등 연산자와 비교 연산자의 차이를 알아 보자! ❗️동등 연산자 : 형 변환 O == 동등 != 부등 ❗️일치 연산자 : 형 변환 X === 일치 !== 불일치 console.log(1 == '1'); // true console.log(1 == true); // true console.log(1 === '1'); // false console.log(1 === true); // false 두 연산자를 이용한 결과가 다른 이유는 일치 비교는 형 변환이 일어나지 않지만, 동등 비교는 숫자로 형 변환이 일어나기 때문이다! 문자형 '1'이 1로, 불리언 true 도 1로 변환된다. ✳️ 코드가 좀 더 길고 복잡할 때, 어디선가 예상치 못한 형 변환이 일어날 수 있으니 항상 일치 연산자를 사용하자!