일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 타입스크립트 props
- 리액트 페이지 이동
- 파이썬 반복문
- 내일배움캠프 최종 프로젝트
- 코딩테스트
- 리액트 훅
- 내일배움캠프 프로젝트
- 내일배움캠프
- 그리드 정렬
- 내배캠 프로젝트
- 한글 공부 사이트
- 타입스크립트
- 타입스크립트 리액트
- 파이썬 for
- JavaScript
- useState
- 리액트 프로젝트
- 파이썬 for in
- 자바스크립트
- React Hooks
- js
- 프로그래머스
- 파이썬 slice
- REACT
- Next 팀 프로젝트
- typeScript
- 리액트
- 리액트 팀 프로젝트
- 파이썬 list
- 파이썬 enumerate
- Today
- Total
목록JavaScript (49)
aotoyae
객체를 프로퍼티를 맘대로 다뤄 보자! 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..
❗️파라미터의 기본값을 설정해 둘 수 있다. 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로 변환된다. ✳️ 코드가 좀 더 길고 복잡할 때, 어디선가 예상치 못한 형 변환이 일어날 수 있으니 항상 일치 연산자를 사용하자!
❗️웬만한 값은 불리언으로 형 변환을 했을 때 true 값이 나온다! // 문자 => 불리언 let x = '문자'; console.log(x); // 문자 console.log(Boolean(x)); // true console.log(typeof x); // string console.log(typeof Boolean(x)); // boolean // 숫자 => 불리언 let y = 123; console.log(y); // 123 console.log(Boolean(y)); // true console.log(typeof y); // number console.log(typeof Boolean(y)); // boolean ❗️그럼 false 값을 얻으려면? // 문자 => 불리언 let x = ''..
// and 연산자 console.log(2 false ❗️and 연산을 할 때 왼쪽이 false인 경우, 오른쪽은 볼 필요도 없이 결과는 false이다. ❗️왼쪽 값이 true라면, 오른쪽도 확인 ⬇️ 이것은 사실.. 🌟🌟🌟 왼쪽 값이 true 면 오른쪽 값을 반환하고, 왼쪽 값이 false 면 그대로 왼쪽 값을 반환한다!!!! 🌟🌟🌟 console.log("hi" && "hello") // "hello" // or 연산자 console.log(8 !== 8 || 2 false ❗️or 연산을 할 때 왼쪽이 true인 경우, 오른쪽은 볼 필요도 없이 결과는 true이다. ❗️왼쪽 값이 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bHJBKu/btsCEIoE8Bq/kNWmL0rGySftx9qqKHfz3k/img.png)
1. 프로젝트를 만든 뒤 규칙 메뉴로 들어가 6번째 줄 코드에서 false > true로 변경한다. 2. html 내 작업했던 스크립트의 타입을 module로 변경한다. ** 주의) 모듈로 변경하게 되면 onclick 기능이 작동하지 않는다. 3. firestore 기본 코드를 작성한다. // Firebase SDK 라이브러리 가져오기 import { initializeApp } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-app.js"; import { getFirestore } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js"; import { collection, a..