🤍 은지log 🤍

프로그래머스 Lv.0 - 배열의 유사도 💚 문제설명 두 배열이 얼마나 유사한지 확인해보려고 합니다. 문자열 배열 s1과 s2가 주어질 때 같은 원소의 개수를 return하도록 solution 함수를 완성해주세요. 💚 제한조건 1 ≤ s1, s2의 길이 ≤ 100 1 ≤ s1, s2의 원소의 길이 ≤ 10 s1과 s2의 원소는 알파벳 소문자로만 이루어져 있습니다 s1과 s2는 각각 중복된 원소를 갖지 않습니다. 💚 풀이 function solution(s1, s2) { const answer = s1.filter(x => s2.includes(x)) return answer.length; } ✅ 두개의 배열을 비교하고 그안에 같은 값이 있는지 확인후 개수로 반환해야 한다고 생각했다. 검색으로 filter(..

프로그래머스 Lv.0 - 문자열안에 문자열 💚 문제설명 문자열 str1, str2가 매개변수로 주어집니다. str1 안에 str2가 있다면 1을 없다면 2를 return하도록 solution 함수를 완성해주세요. 💚 제한조건 1 ≤ str1의 길이 ≤ 100 1 ≤ str2의 길이 ≤ 100 문자열은 알파벳 대문자, 소문자, 숫자로 구성되어 있습니다. 💚 풀이 function solution(str1, str2) { if(str1.includes(str2)){ return 1 } else { return 2 } return answer; } ✅ 중복된 문자열이 있는지 확인하고 1 또는 2 반환하기 set.has() 를 사용해야하나 생각했는데 includes() 가 문자열에 문자열이 있는지 여부 확인하는 ..

프로그래머스 Lv.0 - 배열 자르기 💚 문제설명 정수 배열 numbers와 정수 num1, num2가 매개변수로 주어질 때, numbers의 num1번 째 인덱스부터 num2번째 인덱스까지 자른 정수 배열을 return 하도록 solution 함수를 완성해보세요. 💚 제한조건 2 ≤ numbers의 길이 ≤ 30 0 ≤ numbers의 원소 ≤ 1,000 0 ≤num1

프로그래머스 Lv.0 - 특정 문자 제거하기 💚 문제설명 문자열 my_string과 문자 letter이 매개변수로 주어집니다. my_string에서 letter를 제거한 문자열을 return하도록 solution 함수를 완성해주세요. 💚 제한조건 1 ≤ my_string의 길이 ≤ 100 letter은 길이가 1인 영문자입니다. my_string과 letter은 알파벳 대소문자로 이루어져 있습니다. 대문자와 소문자를 구분합니다. 💚 풀이 function solution(my_string, letter) { const answer = my_string.replaceAll(letter,"") return answer; } ✅ 문자열에서 특정글자를 제거하고 나머지를 반환하기 replace() 로 적용해보았는데..

프로그래머스 Lv.0 - 짝수 홀수 개수 💚 문제설명 정수가 담긴 리스트 num_list가 주어질 때, num_list의 원소 중 짝수와 홀수의 개수를 담은 배열을 return 하도록 solution 함수를 완성해보세요. 💚 제한조건 1 ≤ num_list의 길이 ≤ 100 0 ≤ num_list의 원소 ≤ 1,000 💚 풀이 function solution(num_list) { let odd = 0; let even = 0; for (let i = 0; i < num_list.length; i++){ if(num_list[i] % 2 === 0){ even++ } else { odd++ } } return [even,odd]; } ✅ 배열에서 짝수, 홀수 개수 구분하여 배열로 출력하기 홀수는 odd, ..

프로그래머스 Lv.0 - 옷가게 할인 받기 💚 문제설명 머쓱이네 옷가게는 10만 원 이상 사면 5%, 30만 원 이상 사면 10%, 50만 원 이상 사면 20%를 할인해줍니다. 구매한 옷의 가격 price가 주어질 때, 지불해야 할 금액을 return 하도록 solution 함수를 완성해보세요. 💚 제한조건 10 ≤ price ≤ 1,000,000 price는 10원 단위로(1의 자리가 0) 주어집니다. 소수점 이하를 버린 정수를 return합니다. 💚 풀이 function solution(price) { if (price >= 500000) { return Math.floor(price * 0.8); } else if (price >= 300000) { return Math.floor(price * 0..

프로그래머스 Lv.0 - 머쓱이보다 키 큰 사람 💚 문제설명 머쓱이는 학교에서 키 순으로 줄을 설 때 몇 번째로 서야 하는지 궁금해졌습니다. 머쓱이네 반 친구들의 키가 담긴 정수 배열 array와 머쓱이의 키 height가 매개변수로 주어질 때, 머쓱이보다 키 큰 사람 수를 return 하도록 solution 함수를 완성해보세요. 💚 제한조건 1 ≤ array의 길이 ≤ 100 1 ≤ height ≤ 200 1 ≤ array의 원소 ≤ 200 💚 풀이 function solution(array, height) { const answer = array.filter(i => i > height).length return answer; } ✅ 배열에서 변수보다 큰 숫자의 개수 찾기 array.filter() ..

💡 주소창에 주소를 입력했을 때의 흐름을 설명해주세요. 사용자가 브라우저의 주소창에 주소를 입력 브라우저에서 DNS 서버에 IP주소를 요청하고, DNS 서버에서 IP주소를 반환한다. 그후 브라우저에서 호스팅 서버에 IP주소를 요청하면 호스팅서버에서 HTTP를 요청하고 서버에서 HTTP를 응답 브라우저에서 렌더링이 일어나면서 화면이 보인다. 🔥 DNS(Domain Name System) 란? 웹사이트의 IP 주소와 도메인 주소를 이어주는 환경/시스템 : 웹사이트의 데이터가 저장되어 있는 호스팅 서버는 인터넷 회선이 연결된 컴퓨터/장치인지라 IP 주소가 할당되어 있고 이 주소가 실제 웹사이트 주소라 할 수 있다. DNS 서버는 이런 IP 주소를 특정 도메인 주소와 같다는 기록을 저장해두고, 인터넷 사용자들이..

beforeunload 이벤트는 사용자가 일반적으로 페이지를 닫거나 새로고침할 때, 브라우저를 닫을 때, 주소 표시줄에 다른 URL을 입력하거나 링크를 클릭할 때 발생하며, 페이지를 닫기 전에 어떠한 조치를 취할 수 있게 제공합니다. 주로 사용자에게 변경사항을 저장할 것인지 여부를 확인하거나, 애플리케이션에서 사용 중인 리소스를 정리하는 등의 작업을 수행할때 활용됩니다. 🔆 React 에서 사용하기 useEffect(() => { const handleBeforeUnload = (event) => { event.preventDefault(); event.returnValue = ''; // 더이상 지원되지 않는 속성 이라고 한다. 작성하지 않아도 무방 }; window.addEventListener('b..

🔆 React : 리액트는 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기위해 사용하는 웹 프레임 워크 이다. 🖇️ React의 원리, 특징, 장단점 : 리액트는 데이터의 흐름이 한방향으로만 흐르는 단방향 데이터 흐름을 가지고있다. UI를 여러 컴포넌트로 쪼개서 만든다. 전체 코드를 파악하기 쉬우며 유지보수 및 관리가 용이하고, 재사용성이 높다. 리액트를 이용하면 동적인 UI를 쉽게 만들수 있다. 🖇️ Javascript + XML 자바스크립트에 HTML 태그를 끼얹은 문법 HTML 태그 안에선 중괄호 {}를 사용해서 JS를 쓸 수 있다. const apple = "사과" const title = {apple} 드실분? 🖇️ Component 화면을 이루는 '요소'로 여러 곳에서 재사용 가능..