일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 리액트
- Next 팀 프로젝트
- 파이썬 반복문
- 타입스크립트 리액트
- 내일배움캠프 프로젝트
- 리액트 공식문서
- 프로그래머스
- 내배캠 프로젝트
- 내일배움캠프 최종 프로젝트
- React Hooks
- 한글 공부 사이트
- 내일배움캠프
- 파이썬 enumerate
- JavaScript
- 자바스크립트
- 리액트 프로젝트
- useState
- 리액트 공식 문서
- typeScript
- 파이썬 for
- tanstack query
- 파이썬 for in
- 파이썬 slice
- useEffect
- 파이썬 딕셔너리
- 파이썬 replace
- REACT
- 리액트 훅
- 타입스크립트
- 코딩테스트
- Today
- Total
목록전체 글 (307)
sohyeon kim
📝 문제 문자열로 구성된 리스트 strings와, 정수 n이 주어졌을 때, 각 문자열의 인덱스 n번째 글자를 기준으로 오름차순 정렬하려 합니다. 예를 들어 strings가 ["sun", "bed", "car"]이고 n이 1이면 각 단어의 인덱스 1의 문자 "u", "e", "a"로 strings를 정렬합니다. 🫠 나의 풀이 function solution(strings, n) { let result = []; for (let i = 0; i < strings.length; i++) { result[i] = strings[i][n] + strings[i]; // 문자열의 맨 앞에 두 번째 글자를 넣어준다. } result.sort(); // 사전순 정렬 for (let j = 0; j < result.le..
: key, value 를 저장하는 객체와 비슷, for of 사용 가능! 하지만 객체와 달리 key 로 모는 유형 할당 가능! 그리고 정렬된 순서로 저장되기 때문에, 추가한 순서대로 반복할 필요가 없다! 💡 주요 메서드와 프로퍼티 new Map() 맵을 만든다. map.set(key, value) key 를 이용해 value 를 저장한다. map.get(key) key 에 해당하는 값을 반환한다. key 가 없다면 undefined 반환 map.has(key) key 가 존재하면 true, 존재하지 않으면 false 반환 map.delete(key) key 에 해당하는 값을 삭제한다. map.clear() 맵 안의 모든 요소를 제거한다. map.size 요소의 개수를 반환한다. 💡 new Map() 생..
📝 문제 어떤 정수들이 있습니다. 이 정수들의 절댓값을 차례대로 담은 정수 배열 absolutes와 이 정수들의 부호를 차례대로 담은 불리언 배열 signs가 매개변수로 주어집니다. 실제 정수들의 합을 구하여 return 하도록 solution 함수를 완성해주세요. 🫠 나의 풀이 function solution(absolutes, signs) { let result = 0; for (let i = 0; i < signs.length; i++) { signs[i] ? (result += absolutes[i]) : (result -= absolutes[i]); } return result; } 🧞♂️ 다른 사람의 풀이 function solution(absolutes, signs) { return abs..
📝 문제 대문자와 소문자가 섞여있는 문자열 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..
🛠️ 라이브러리 : 이미 누군가 만들어 둔 도구를 가져와 사용폴더명, 파일명 등에 대한 규칙이 없고 프레임워크에 비해 자유롭다.프로그램을 만드는 속도를 대폭 높일 수 있다.무언가를 자를 때 '도구'인 '가위'를 '내가' 컨트롤해 사용하는 것과 비슷 (커피머신) 🏭 프레임워크 : 이미 짜여 있는 틀을 가져와 사용폴더명, 파일명 등에 대한 규칙이 있으며 라이브러리에 비해 엄격하다.좀 더 견고한 프로그램을 만드는 데에도 도움이 된다!다른 곳으로 이동할 때 ' 도구'인 '비행기'를 타고 이동하지만,'비행기'가 컨트롤하고 나는 가만히 앉아있어야 하는 것과 비슷 (프렌차이즈 카페) 뼈대가 이미 준비되어 있고, 내가 작성할 공간들(내 자리)만 비워져 있는 것그곳들에 코드를 채워 넣으면 완성되니 이미 반이 완성된 ..