Coding Story

12.대문자로 통일 내풀이 function solution(s) { let answer = []; for (let x of s) { x = x.toUpperCase(); answer.push(x); } return answer.join(""); } let str = "ItisTimeToStudy"; console.log(solution(str)); 강사님 풀이 function solution(s) { let answer = ""; for (let x of s) { // 1. 아스키 코드 방법 let num = x.charCodeAt(); if (num >= 97 && num

11.대문자 찾기 function solution(s) { let answer = 0; for (let x of s) { // 대문자: 65~90 // 소문자 97~122 //let num = x.charCodeAt(); //if (num >= 65 && num

10. 문자 찾기 내 풀이 function solution(s, t) { let answer = 0; for (let x of s) { if (x === t) answer++; } return answer; } let str = "COMPUTERPROGRAMMING"; console.log(solution(str, "R")); split 사용 function solution(s, t) { let answer = s.split(t).length; // 입력받은 문자로 분리시켜 문자 배열화 return answer - 1; // 문자열은 구분한 문자보다 하나 더 생기므로 } let str = "COMPUTERPROGRAMMING"; console.log(solution(str, "R")); 이 때, str마..

8. 일곱난쟁이 내풀이 function solution(arr) { let answer = []; let sum = arr.reduce((pre, curr) => pre + curr, 0); let restSum = sum - 100; for (let i = 0; i x !== arr[i] && x !== arr[j]); } } } return answer; } arr = [20, 7, 23, 19, 10, 15, 25, 8, 13]; console.log(solution(arr))..

인프런 - 자바스크립트 알고리즘 문제풀이(코딩테스트 대비) 1. 세 수 중 최소값 function solution(a, b, c) { let answer; if (a b) max = a; else max = b; if (c > max) { // c가 가장 긴변일 때 max = c; if (c >= a + b) { answer = "NO"; } } else { // c가..

useEffect란? 렌더링되거나 변수의 값 또는 오브젝트가 달라지게 되면, 그것을 인지하고 업데이트를 해주는 함수. 페이지가 처음 렌더링되고 난 후 무조건 한번 실행된다. useEffect에 배열로 지정한 useState값(Dependency)이 변경되면 실행된다. useEffect(effect, [, deps]); -effect 함수 렌더링 이후 실행할 함수 -deps 특정한 값이 변경될 때 effect함수를 실행하고 싶을 경우 배열안에 그 값을 넣어준다. 빈 배열일 경우 렌더링된 후 단 한번만 실행된다. useEffect(() => {}); // 1 useEffect(() => {}, []); // 2 useEFfect(() => {}, [특정 변수 또는 오브젝트]); // 3 1. Dependen..

vscode-styled-components 자동완성 되는지 모르고 일일히 다 치고 에러고쳤던 지난날의 나 ..^^ 이 플러그인을 설치하면 기존 css처럼 자동완성이 가능하다. 좋타

vscode extension에서 react snippet을 다운받는다. 함수형 컴포넌트를 만들 때 rafc를 치면 아래와 같이 자동으로 완성된다. rafce를 치면 아래와 같이 완성된다.

이미지를 px로 지정하면 이미지가 늘어나거나 뭉개지는 현상이 발생한다. 이미지를 지정한 px을 제외하고 다른 부분은 안보이도록 자르게 하려면 이렇게 하면 된다. img { object-fit: cover; }

.box { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .box::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ }