이 책을 기반으로 작성합니다. 예전에 히히 재밌겠다하고 사뒀던건데 제로베이스 부트캠프에 참여하면서 쫓기다보니 먼지가 쌓이던 줌 책 바닐라 크롬 만들기를 끝내고 펴봤습니다. 재밌더라구요.. 저만 재밌으면 미안하니까 님들도 같이 재밌으시라고 씁니다. https://github.com/XionWCFM/zoom-clone-coding GitHub - XionWCFM/zoom-clone-coding Contribute to XionWCFM/zoom-clone-coding development by creating an account on GitHub. github.com 제 레포입니다. 그냥 따라치기만 하면 금방 하겠지만 모르는걸 하나하나 서칭해보면서 이런거구나..하고 넘어가다보니 완성까지 얼마나 걸릴진 몰?루 ..
⚡문제정보 얼마전에 새로나온 문제네요 대충 요약해서 생각하면 처음 나온 글자 = -1 중복글자가 나오면 최근에 등장했던 글자와의 거리를 나타내주는 배열을 반환하면 되는 문제입니다. 저는 인덱스를 저장해줄 Map()과 정답을 반환할 array를 각각 선언해서 풀 수 있다고 생각했어요 🔍접근방법 1. 각 문자의 최근 인덱스를 알아야한다. 2. 최근 인덱스와 현재 인덱스를 비교할 수 있어야한다. 🔍나의 풀이 function solution(s) { let answer = [] let map = new Map() for(i=0 ; i
⚡문제정보 모든 학생들은 체육복을 가지고 있습니다. 근데 체육복을 도둑맞은 사람이 있고 여벌체육복이 한벌 더 있는 사람도 있어요 빌려주는 걸 통해서 가장 많은 학생이 체육복을 입을 수 있게 해주면 되는데 체육복은 앞뒤로만 빌려줄 수 있다고합니다. 또 여벌을 갖고있는 애도 도둑을 맞을 수 있어요 근데 딱 한벌만 훔쳐가는 거 보면 도둑도 최소한의 양심은 있네요 🙄입출력 예 🔍접근방법 여벌을 가지고 있는 녀석과 도둑 맞은 녀석들을 정리해주는게 중요하다고 생각했습니다. 앞뒤로만 빌려줄 수 있으니 체육복이 없는 녀석 근처에 체육복이 2벌인 녀석이 있으면 빌려줄수 있도록 코드를 짰습니다. 🔍나의 풀이 function solution(n, lost, reserve) { let arr = new Array(n).fil..
⚡문제정보 문제가 너무 기니까 궁금하신 분들은 직접 가서 보세요 핵심은 이렇습니다. 인형을 뽑아옴 -> 바구니에 넣음 바구니에 같은 인형이 연속으로 두개 있으면 그 인형 두개는 소멸 배열 순서대로 넣는다고 했을때 소멸한 인형의 갯수를 세어주고 반환하면 되는 문제! 🙄제한사항 board 배열은 2차원 배열로 크기는 "5 x 5" 이상 "30 x 30" 이하입니다. board의 각 칸에는 0 이상 100 이하인 정수가 담겨있습니다. 0은 빈 칸을 나타냅니다. 1 ~ 100의 각 숫자는 각기 다른 인형의 모양을 의미하며 같은 숫자는 같은 모양의 인형을 나타냅니다. moves 배열의 크기는 1 이상 1,000 이하입니다. moves 배열 각 원소들의 값은 1 이상이며 board 배열의 가로 크기 이하인 자연수입..
⚡??널병합연산자 (Nullish coalescing ) 란? 주로 || 연산자의 대용으로 사용 됩니다. ||연산자의 작동은? falsy 값일시 뒤로 넘어감 (falsy값 : 0, "", false , NaN, null , undefined) 그런데 우리가 만약 0은 그냥 표기를 하고 싶다고 가정했을때 ||연산자를 이용하게 되면 0은 falsy값이기 때문에 뒤로 넘어가버리는 문제가 있습니다. 그런 상태에서 null과 undefined만 따로 구분해서 사용하기 위해 널병합연산자를 사용합니다. 🔍Nullish 병합 연산자 '??'의 동작 // nullish 병합 연산자로 작성시 x = a ?? b // nullish 병합 연산자 없이 if문을 통해 작성 x = (a !== null && a !== undef..
⚡문제정보 레벨 2 치고는 꽤 쉬운 느낌이었습니다. 귤을 수확해서 박스에 담을 건데 한 박스에 담을 귤의 크기차이가 최대한 적었으면 좋겠다는 내용 Map에다가 각 사이즈를 담아주면 쉽게 풀 수 있을 것 같아서 간단히 구현했tmqslek. 🔍접근방법 귤을 크기별로 Map에 담아준다. Map을 value기준으로 정렬하고 slice()와 reduce()를 이용해서 답을 찾는다. 🔍나의 풀이 function solution(k, tangerine) { let map = new Map() let answer = 0 for(i=0; i b - a) for(i=1; i acc + cur) if(check>=k) return answer } return answer } 첫번째 풀이 근데 원소의 최대크기가 너무 방대하다..
⚡문제정보 이거 레벨 0 맞나 싶은.. 조금 어려웠습니다. 만약 덧셈만 있는게 아니었다면 더 까다로웠을듯 🔍접근방법 주어지는 매개변수가 이런식으로 주어지고 모든 연산은 더하기니까 우선 x와 정수만 남기고 스페이스, +기호는 다 없애주고자했습니다. 그런다음 x가 있으면 따로 세어주고 x가 없으면 따로 세어준 뒤 둘을 합치면 되지않을까..? 하는 발상으로 접근했습니다. 🔍나의 풀이 function solution(polynomial) { let x = 0 let answer = 0 let arr = polynomial.split(' ') .join('') .split('+') .forEach(ele => { let spliter = ele.split('x').join('') if(ele.includes('x..
JSX란 무엇일까요. 당연히 저는 모릅니다. 하지만 인터넷은 답을 알고있네요 const element = Hello, world!; JSX란 자바스크립트를 확장한 문법이며 리액트와 함께 사용할 것이 권장되는 문법입니다. 이 JSX의 문법부터 아주 간단하게 정리해보겠습니다. function App() { let post = 'posting'; return ( hello world { post } ); } 간단한 예제입니다. 뭔가 익숙하게 생겼는데 이것저것 합쳐져서 낯선 느낌이 드네요 1. class를 넣어줄땐 className html에서는 class를 부여하고자할땐 class = "클래스명"으로 클래스명을 지정해주었지만 리액트에서는 className을 통해서 class를 부여해줍니다. 2. {} 중괄호를..
