일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Next
- React
- nextjs
- 모던 자바스크립트
- 스파르타코딩클럽
- deep dive
- git
- 내일배움캠프
- 셋팅
- 오블완
- vercel
- 자주 까먹는
- 초기셋팅
- js
- domain
- vscode
- error
- array정적메서드
- 코드카타
- 모던자바스크립트
- useRouter
- 프로그래머스
- 코테
- CORS
- 티스토리챌린지
- 구글 로그인
- 코딩테스트
- 소셜 로그인
- 프로젝트 셋팅
- 리터럴
- Today
- Total
목록전체 글 (141)
파피루스
문제 설명 (링크)휴대폰의 자판은 컴퓨터 키보드 자판과는 다르게 하나의 키에 여러 개의 문자가 할당될 수 있습니다. 키 하나에 여러 문자가 할당된 경우, 동일한 키를 연속해서 빠르게 누르면 할당된 순서대로 문자가 바뀝니다.예를 들어, 1번 키에 "A", "B", "C" 순서대로 문자가 할당되어 있다면 1번 키를 한 번 누르면 "A", 두 번 누르면 "B", 세 번 누르면 "C"가 되는 식입니다.같은 규칙을 적용해 아무렇게나 만든 휴대폰 자판이 있습니다. 이 휴대폰 자판은 키의 개수가 1개부터 최대 100개까지 있을 수 있으며, 특정 키를 눌렀을 때 입력되는 문자들도 무작위로 배열되어 있습니다. 또, 같은 문자가 자판 전체에 여러 번 할당된 경우도 있고, 키 하나에 같은 문자가 여러 번 할당된 경우도 있습..
Null 병합 연산자 (??)좌변이 null 이나 undefined 일 때만 우변을 평가합니다.console.log(null ?? 'right'); // 출력: rightconsole.log(undefined ?? 'right'); // 출력: rightconsole.log('' ?? 'right'); // 출력: ''console.log(0 ?? 'right'); // 출력: 0
객체 Destructuring 1) 다중 속성 추출const coffe = { name : '커피', price : 4000};const { name, price } = coffe;console.log(name); // 커피console.log(price); // 4000 2)함수 매개변수function menu({name, age}) { console.log(`오늘의 커피는 ${name}이고 가격은 ${age}원입니다.`)}const todayCoffe = { name : '카페라떼', price : 5000};menu(todayCoffe); 배열 Destructuringconst colors = ['red', 'orange', 'yellow', 'green'];con..
일급 객체1. 무명의 리터럴로 생성할 수 있다. 즉 런타임에 생성이 가능하다.2. 변수나 자료구조에 저장할 수 있다.3. 함수의 매개변수에 전달할 수 있다.4. 함수의 반환값으로 사용할 수 있다. 함수 객체의 프로퍼티1. arguments : 매개변수 객체 순회 가능한 유사 배열 객체이며,함수 내부에서 지역 변수처럼 사용된다.매개변수 개수를 확정할 수 없는 가변 인자 함수를 구현할 때 유용하다. 2. caller : 함수 자신을 호출한 함수.참고) 비표준 프로퍼티이기에 사용하지 말자 3. length : 선언한 매개변수의 개수arguments.length와 함수 객체의 length는 다른 수 있다. 4. name : 함수의 이름 5. __proto__ 접근자 : [[prototype]] 내부 슬롯이 ..
생성자 함수 자바스크립트는 new 연산자와 함께 사용하는 여러 빌트인 생성자 함수를 제공한다.new String('Hello');new Number(123);new Boolean(true);new Function('x', 'return x * x');new Array(1 ,2, 3);new RegExp(/ab+c/i);new Date(); 객체 리터럴 방식으로 이용하면 되는데 왜 생성자를 제공할까? 생성자의 장점 동일한 프로퍼티를 갖는 객체를 여러 개 생성해야 하는 경우, 리터럴보다 효율적이다. 객체(인스턴스)를 생성하기 위한 템플릿처럼 생성자 함수를 사용하여 동일 프로퍼티 구조의 객체를 여러개만들 때 간편하다. // 방법 1) 리터럴 방식const circle1 = { radius: 5, ..
로컬 서버를 올리는 방법이 여러가지가 있지만, 개인적으로는 이 방법을 제일 좋아한다제일 간단해서... 1) install 한다npm install http-server 2) 서버 띄운다npx http-server 3) 끝이다! 참고) https://www.npmjs.com/package/http-server
문제 설명 (링크)머쓱이는 태어난 지 11개월 된 조카를 돌보고 있습니다. 조카는 아직 "aya", "ye", "woo", "ma" 네 가지 발음과 네 가지 발음을 조합해서 만들 수 있는 발음밖에 하지 못하고 연속해서 같은 발음을 하는 것을 어려워합니다. 문자열 배열 babbling 이 매개변수로 주어질 때, 머쓱이의 조카가 발음할 수 있는 단어의 개수를 return하도록 solution 함수를 완성해주세요. 제한 사항1 ≤ babbling의 길이 ≤ 1001 ≤ babbling[i]의 길이 ≤ 30문자열은 알파벳 소문자로만 이루어져 있습니다. 입출력 예babblingresult["aya", "yee", "u", "maa"]1["ayaye", "uuu", "yeye", "yemawoo", "ayaaya..
전역 변수는 생명 주기는 어플리케이션의 생명주기와 같다. 전역 변수의 문제점암묵적 결합 : 코드 어디에서든 참조하고 할당할 수 있다. (코드 가독성과 값 변경 위험성이 높다.)긴 생명 주기 : 메모리 리소스를 오랜 시간 소비하며, 변수 이름이 중복될 경우, 의도치 않은 재할당이 이뤄진다.스코프 체인의 마지막에 존재 : 전역 변수의 검색 속도가 제일 느리다.네임스페이스 오염 : 동일 식별자가 존재할 경우 예상과 결과가 달라질 수 있다. 전역 변수 쓰지말고 이렇게 해보자1) 즉시 실행 함수 모든 코드를 즉시 실행 함수로 감사면 그 안의 모든 변수는 즉시 실행 함수의 지역 변수가 된다. 이렇게 사용하면 전역 변수를 생성하지 않으므로 라이브러리 등에 자주 사용된다.(function () { const ..