Muscardinus

npx create-react-app my-app --template typescript # or yarn create react-app my-app --template typescript

programmers.co.kr/learn/courses/30/lessons/17684?language=javascript 코딩테스트 연습 - [3차] 압축 TOBEORNOTTOBEORTOBEORNOT [20, 15, 2, 5, 15, 18, 14, 15, 20, 27, 29, 31, 36, 30, 32, 34] programmers.co.kr const key = { A: 1, B: 2, C: 3, D: 4, E: 5, F: 6, G: 7, H: 8, I: 9, J: 10, K: 11, L: 12, M: 13, N: 14, O: 15, P: 16, Q: 17, R: 18, S: 19, T: 20, U: 21, V: 22, W: 23, X: 24, Y: 25, Z: 26, }; let idx = 27; ..

programmers.co.kr/learn/courses/30/lessons/70129?language=javascript 코딩테스트 연습 - 이진 변환 반복하기 programmers.co.kr function rec(s, answer) { if (s === "1") return answer; else { let cnt = 0; let changeS = ""; s.split("").forEach((el) => { if (el === "1") changeS += el; else cnt++; }); changeS = changeS.length.toString(2); return rec(changeS, [answer[0] + 1, answer[1] + cnt]); } } function solution(s) ..

programmers.co.kr/learn/courses/30/lessons/68936?language=javascript 코딩테스트 연습 - 쿼드압축 후 개수 세기 [[1,1,0,0],[1,0,0,0],[1,0,0,1],[1,1,1,1]] [4,9] [[1,1,1,1,1,1,1,1],[0,1,1,1,1,1,1,1],[0,0,0,0,1,1,1,1],[0,1,0,0,1,1,1,1],[0,0,0,0,0,0,1,1],[0,0,0,0,0,0,0,1],[0,0,0,0,1,0,0,1],[0,0,0,0,1,1,1,1]] [10,15] programmers.co.kr const quad = (arr, size, cntArr, start) => { const first = arr[start[0]][start[1]]; /..

programmers.co.kr/learn/courses/30/lessons/72411?language=javascript 코딩테스트 연습 - 메뉴 리뉴얼 레스토랑을 운영하던 스카피는 코로나19로 인한 불경기를 극복하고자 메뉴를 새로 구성하려고 고민하고 있습니다. 기존에는 단품으로만 제공하던 메뉴를 조합해서 코스요리 형태로 재구성해서 programmers.co.kr function solution(orders, course) { const orderedCountMap = new Map(); const maxCountMap = new Map(); const courseSet = new Set(course); const combination = (result, index, str) => { if (cours..

programmers.co.kr/learn/courses/30/lessons/68645 코딩테스트 연습 - 삼각 달팽이 5 [1,2,12,3,13,11,4,14,15,10,5,6,7,8,9] 6 [1,2,15,3,16,14,4,17,21,13,5,18,19,20,12,6,7,8,9,10,11] programmers.co.kr function solution(n) { var answer = []; for (let i = 1; i 0)); let num = 1; let cnt = 0; let startColumn = 0; let startRow = 0; let endColumn = n - 1; let endRow = n - 1; while (startColumn

React의 state 상태를 변경하기 위해서는 setState를 사용해야한다. setState의 경우 비동기 적으로 행동한다. 비동기 함수의 경우 Browser에서 Web API로 동작하여 실행시킨 뒤 콜백을 Event Queue에 등록시킨다. 그 이후 Call Stack이 비게되면 이때 Event Queue에서 Call Stack으로 밀어주게 된다. 이를 EventLoop라고 부른다. this.setState({myCabinet: "beer"}); console.log(this.stae.myCabinet); 위 코드를 실행시키면 알 수 있지만, console에서는 myCabinet이 "beer"로 안 바껴있음을 알 수 있다. beer를 얻기 위해서는 setState의 두 번째 인자에 callback ..

Single Threaded Language JS는 Single Threaded 언어이다. 이것이 무엇을 뜻하냐면, 한번에 한 가지 일 밖에 못 한다고 생각하면된다. 하나의 Call Stack만이 존재하고 그러기에 Synchronous Language라고 부른다. Synchronous 그렇다면 Single Threaded Language이면 어떠한 단점이 있을까? 예를 들어보자, 만약 우리가 웹페이지를 방문하였는데, Alert 창이 띄워지는 상황이 있다고 생각해보자. 우리는 그 Alert의 OK 버튼을 누르기 전 까지는 다른 어떠한 작업도 할 수 없다. 만약, 모든 것이 Alert 처럼 자신의 행동이 끝나기 전 까지는, 다른 행동을 못하게 막아놓는다면 이용에 상당한 불편함이 있을 것 이다. 이러한 것을 ..