일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Next 팀 프로젝트
- tanstack query
- JavaScript
- 내일배움캠프
- React Hooks
- 코딩테스트
- REACT
- 한글 공부 사이트
- 파이썬 for
- useState
- 파이썬 replace
- 타입스크립트
- 파이썬 딕셔너리
- 내배캠 프로젝트
- 파이썬 slice
- 파이썬 반복문
- typeScript
- 리액트 공식문서
- 타입스크립트 리액트
- 자바스크립트
- 리액트
- useEffect
- 리액트 훅
- 내일배움캠프 최종 프로젝트
- 파이썬 for in
- 리액트 공식 문서
- 프로그래머스
- 파이썬 enumerate
- 리액트 프로젝트
- 내일배움캠프 프로젝트
- Today
- Total
목록JavaScript (61)
sohyeon kim
📝 문제 대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. 'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴합니다. 단, 개수를 비교할 때 대문자와 소문자는 구별하지 않습니다. 예를 들어 s가 "pPoooyY"면 true를 return하고 "Pyy"라면 false를 return합니다. 🫠 나의 풀이 function solution(s) { let str = s.toUpperCase(); let pCount = 0; let yCount = 0; for (let i of str) { if (i === "P") { pCount++; } else if (i === "Y..
일급 객체로서의 함수를 활용해 보자~ 💡 변수에 함수 할당 const sayHello = function () { console.log("Hello!"); }; 💡 객체의 프로퍼티로 할당 const person = { name: "aoto", age: 20, isMarried: false, sayHello: function () { console.log(`Hello, My name is ${this.name}`); }, }; person.sayHello(); // Hellow, My name is aoto 💡 배열의 프로퍼티로 할당 const myArr = [ function (a, b) { return a + b; }, function (a, b) { return a - b; }, ]; console...
💡 함수 선언문 선언 전에 호출이 가능하다. (호이스팅) ➡️ 자유로운 위치에서 부를 수 있다. // 함수 선언문 sayHello() // "Hello" function sayHello(){ console.log("Hello"); }; var 처럼 함수 스코프를 가진다. 함수 안에 선언된 함수는 밖에서 호출할 수 없지만, function printHi() { function printHello() { console.log("Hello") } console.log("Hi"); printHello(); // "Hello" } printHi(); // "Hi" printHello(); // error ⬇️ 함수가 아닌 다른 코드블록에서 함수 선언을 하게 되면 전역적으로 호출이 가능해진다. const x = 4..
💡 Primitive Type 기본형 기본형 변수에 값을 할당할 땐 변수에 값을 바로 넣는다. Number, String, Boolean, Null, Undefined let x = 3; let y = x; console.log(x); // 3 : x 에 3이 담김 console.log(y); // 3 : y 에 3이 담김 (x 값을 복사해 담음) y = 5; console.log(x); // 3 console.log(y); // 5 : y 에 5가 담김 💡 Reference Type 참조형 참조형 변수에 값을 할당할 땐 값을 어딘가에 담아두고 그 주소값을 변수에 저장한다. Object, Array(배열도 객체다) let x = {name: "aoto"}; let y = x; console.log(x);..
💡 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세 이고, // 국적은 한국입니다. ❗️주의) 기본값을 설정해 둘 파라..