Front-End78 [알고리즘] 숫자만 추출하기 ❓숫자만 추출하기 문자와 숫자가 섞여있는 문자열이 주어지면 그 중 숫자만 추출하여 그 순서대로 자연수를 만 듭니다. 만약 “tge0a1h205er”에서 숫자만 추출하면 0, 1, 2, 0, 5이고 이것을 자연수를 만들면 1205 이 됩니다. 추출하여 만들어지는 자연수는 100,000,000을 넘지 않습니다. ▣ 입력설명 첫 줄에 숫자가 썩인 문자열이 주어집니다. 문자열의 길이는 50을 넘지 않습니다. ▣ 출력설명 첫 줄에 자연수를 출력합니다. ▣ 입력예제 1g0en2T0s8eSoft ▣ 출력예제 1208 💡 문제풀이 1. 정규식으로 대체하기 function solution(str) { let answer = ""; answer = str.toLowerCase().replace(/[a-z]/g, '') r.. 2021. 5. 20. [알고리즘] 유효한 팰린드롬 ❓유효한 팰린드롬(회문 문자열)을 검사하시오 앞에서 읽을 때나 뒤에서 읽을 때나 같은 문자열을 팰린드롬이라고 합니다. 문자열이 입력되면 해당 문자열이 팰린드롬이면 "YES", 아니면 “NO"를 출력하는 프로그램을 작성하세요. 단 회문을 검사할 때 알파벳만 가지고 회문을 검사하며, 대소문자를 구분하지 않습니다. 알파벳 이외의 문자들의 무시합니다. ▣ 입력설명 첫 줄에 정수 길이 100을 넘지 않는 공백이 없는 문자열이 주어집니다. ▣ 출력설명 첫 번째 줄에 팰린드롬인지의 결과를 YES 또는 NO로 출력합니다. ▣ 입력예제 1 found7, time: study; Yduts; emit, 7Dnuof ▣ 출력예제 1 YES 💡 문제 풀이 function solution(s) { let answer = "YES.. 2021. 5. 20. [알고리즘] 회문 문자열 ❓ 회문 문자열을 찾아라 앞에서 읽을 때나 뒤에서 읽을 때나 같은 문자열을 회문 문자열이라고 합니다. 문자열이 입력되면 해당 문자열이 회문 문자열이면 "YES", 회문 문자열이 아니면 “NO"를 출력 하는 프로그램을 작성하세요. 단 회문을 검사할 때 대소문자를 구분하지 않습니다. ▣ 입력설명 첫 줄에 정수 길이 100을 넘지 않는 공백이 없는 문자열이 주어집니다. ▣ 출력설명 첫 번째 줄에 회문 문자열인지의 결과를 YES 또는 NO로 출력합니다. ▣ 입력예제 1 gooG ▣ 출력예제 1 YES 💡 문제 풀이 1. for문을 이용해서 결과 도출 function solution(s) { let answer = "YES"; s = s.toLowerCase(); let len = s.length; for (le.. 2021. 5. 18. [알고리즘] flag변수를 이용한 봉우리 개수 구하기 ❓봉우리 개수 구하기 지도 정보가 N*N 격자판에 주어집니다. 각 격자에는 그 지역의 높이가 쓰여있습니다. 각 격자 판의 숫자 중 자신의 상하좌우 숫자보다 큰 숫자는 봉우리 지역입니다. 봉우리 지역이 몇 개 있는 지 알아내는 프로그램을 작성하세요. 격자의 가장자리는 0으로 초기화 되었다고 가정한다. 만약 N=5 이고, 격자판의 숫자가 다음과 같다면 봉우리의 개수는 10개입니다. ▣ 입력설명 첫 줄에 자연수 N이 주어진다.(1= 0 && ny = arr[i][j]) { flag = 0; // boolean false를 뜻함 break; } } if (flag) answer++; } } return answer; } let arr = [[5, 3, 7, 2, 3], [3,.. 2021. 5. 18. [알고리즘]격자판 최대합 구하기 ❓ 격자판 최대합 구하기 5*5 격자판에 아래롸 같이 숫자가 적혀있습니다. [자바스크립트 알고리즘 문제풀이] N*N의 격자판이 주어지면 각 행의 합, 각 열의 합, 두 대각선의 합 중 가 장 큰 합을 출력합 니다. ▣ 입력설명 첫 줄에 자연수 N이 주어진다.(1 2021. 5. 14. [알고리즘]등수 구하기 N(1 1); // let answer = Array.from({ length: arr.length }, () => 1); 자바스크립트에서는 배열을 객체로 분류하고 있기 때문에, Array.from(배열, 함수)에서 배열의 길이를 받아온 arr.length로 정의하고 그것을 모두 1로 초기화 시켜주도록 하였습니다. 2021. 5. 14. [React]배열 렌더링하기 userList.js import React from "react"; function User({ user }) { return ( {user.username} ({user.email}) ); } function UserList() { const users = [ { id: 1, username: "홍길동", email: "hong@hong.com", }, { id: 2, username: "임꺽정", email: "lim@lim.com", }, { id: 3, username: "최배달", email: "choi@choi.com", }, ]; return ( {users.map((user) => ( ))} ); } export default UserList; 배열 객체를 만들어놓고 객체를 하나씩 찍어줄.. 2021. 5. 13. [React] ref: Dom에 이름 달기 (useRef) 특정 DOM 요소에 어떤 작업을 해야 할 때 요소에 id를 달면 CSS나 자바스크립트에서 해당 id를 가진 요소를 찾아서 작업을 할 수 있다. 이렇게 HTML에서 id를 사용하여 DOM에 이름을 다는 것처럼 리액트에서 DOM에 이름을 다는 것을 ref(reference의 줄임말) 이라고 한다. ref는 어떤 상황에서 사용해야 할까? 'DOM을 꼭 직접적으로 건드려야 할 때'입니다. JavaScript 를 사용할 때에는, 우리가 특정 DOM을 선택해야 하는 상황에 getElementById, querySelector 같은 DOM Selector 함수를 사용해서 DOM 을 선택합니다. 리액트에서는 ref로 사용하는데 함수형 컴포넌트에서 ref를 사용할 때에는 useRef라는 Hook 함수를 사용합니다. In.. 2021. 5. 13. [JavaScript] 자식 노드 모두 삭제하기 부모노드에서 자식노드를 모두 지우고 싶은데 잘 되지 않을때가 많다. 아래 예시를 보자 const 부모노드 = document.querySelector( ".부모노드클래스이름" ); while (부모노드.hasChildNodes()) {// 부모노드가 자식이 있는지 여부를 알아낸다 부모노드.removeChild( 부모노드.firstChild ); } 원래 removeChild 메서드는 removeChild(지울 자식노드)를 적어줘야하는데, 위의 코드는 부모노드의 첫번째 자식을 계속해서 하나씩 반복문으로 지우는 방식이다. 간단하게 사용할 수 있으니 편하게 사용하면 될 듯하다. 2021. 4. 15. 이전 1 2 3 4 5 6 ··· 9 다음
