일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 초기셋팅
- 모던자바스크립트
- git
- 셋팅
- 프로젝트 셋팅
- React
- 코드카타
- vscode
- 프로그래머스
- 구글 로그인
- error
- nextjs
- 모던 자바스크립트
- vercel
- useRouter
- Next
- deep dive
- 스파르타코딩클럽
- domain
- 소셜 로그인
- 티스토리챌린지
- 코테
- 리터럴
- array정적메서드
- 오블완
- 자주 까먹는
- 코딩테스트
- 내일배움캠프
- CORS
- js
- Today
- Total
목록js (23)
파피루스
문제 설명 (링크)햄버거 가게에서 일을 하는 상수는 햄버거를 포장하는 일을 합니다. 함께 일을 하는 다른 직원들이 햄버거에 들어갈 재료를 조리해 주면 조리된 순서대로 상수의 앞에 아래서부터 위로 쌓이게 되고, 상수는 순서에 맞게 쌓여서 완성된 햄버거를 따로 옮겨 포장을 하게 됩니다. 상수가 일하는 가게는 정해진 순서(아래서부터, 빵 – 야채 – 고기 - 빵)로 쌓인 햄버거만 포장을 합니다. 상수는 손이 굉장히 빠르기 때문에 상수가 포장하는 동안 속 재료가 추가적으로 들어오는 일은 없으며, 재료의 높이는 무시하여 재료가 높이 쌓여서 일이 힘들어지는 경우는 없습니다.예를 들어, 상수의 앞에 쌓이는 재료의 순서가 [야채, 빵, 빵, 야채, 고기, 빵, 야채, 고기, 빵]일 때, 상수는 여섯 번째 재료가 쌓였을..
문제 설명 (링크)휴대폰의 자판은 컴퓨터 키보드 자판과는 다르게 하나의 키에 여러 개의 문자가 할당될 수 있습니다. 키 하나에 여러 문자가 할당된 경우, 동일한 키를 연속해서 빠르게 누르면 할당된 순서대로 문자가 바뀝니다.예를 들어, 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..
문제 설명 (링크)머쓱이는 태어난 지 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 ..