이번 과제에서는 지금까지 배웠던 내용들을 토대로 Modal, Toggle, Tab, Tag UI을 구현해보았다. 🖥️ Modal 컴포넌트 Modal 컴포넌트에서 핵심은 새로운 창이 아니라, 레이어를 깔아야한다. 먼저, useState를 사용하여 isOpen 상태를 만들어주어, 모달창이 켜진상태와 꺼진상태의 상태를 만들어준다. 그리고, openModalHandler 함수를 통하여 함수가 호출되어 실행되면, 모달창의 켜짐여부인 isOpen의 상태가 바뀌게 만들어주었다. ModalBackdrop과 ModalView의 부모 컨포넌트인 ModalBtn에 이벤트 핸들러를 주어 자식 컴포넌트에도 같은 핸들러가 작동이 되기때문에 자식 컴포넌트에서는 작동이 되지않게 하기위해 해당 이벤트 핸들러 e에 stopPropaga..
문제 : 정수를 요소로 갖는 배열을 입력받아 오름차순으로 정렬하여 리턴해야 합니다. 버블 정렬(bubble sort)은 여러 정렬 알고리즘(삽입 정렬, 퀵 정렬, 병합 정렬, 기수 정렬 등) 중 가장 기본적인 알고리즘입니다. 버블 정렬 알고리즘은 아래와 같습니다. 첫 번째 요소가 두 번째 요소보다 크면, 두 요소의 위치를 바꿉니다. (swap) 두 번째 요소와 세 번째 요소보다 크면, 두 요소의 위치를 바꿉니다. (swap) 1, 2를 마지막까지 반복합니다. (마지막에서 두 번째 요소와 마지막 요소를 비교) 1~3의 과정을 한 번 거치게 되면, 가장 큰 요소가 배열의 마지막으로 밀려납니다. 1~3의 과정을 첫 요소부터 다시 반복합니다. 5를 통해 두 번째로 큰 요소가 배열의 마지막 바로 두 번째로 밀려납..
오늘은 재귀함수를 처음 들어봄과 동시에 코플릿 문제를 풀어보았다. 아니 너무어려운거 아닌가요...?? 프로그래머스 입문풀고있는 나에게 너무 가혹하였다,,, 먼저 재귀란?? 컴퓨터 과학에서 재귀란 자신을 정의할 때 자기 자신을 재참조하는 방법 (나무위키 백) 그럼 재귀함수(Recursion Function)이란?? 재귀의 설명대로 함수에서 자기 자신을 다시 호출해 작업을 수행하는 방식이다. 그렇기에 특정 분기까지 자기 자신을 계속 호출한다. 주로 반복문을 구현할 때 사용한다. 흔히 사용하는 for, while 등과 같은 반복문으로 구현가능한 로직은 모두 재귀함수로도 가능하고, 그 반대도 역시 가능하다. 재귀 함수의 장단점 장점 변수를 여럿 만들 필요가 없다. 예를 들어, 현재 상태를 저장해야 할 경우 변수..
문제 : 문자열을 입력받아 연속되는 문자가 있을 경우, 연속 구간을 반복되는 수와 문자로 조합한 형태로 압축한 문자열을 리턴해야 합니다. 입력 : 인자 1 : str string 타입의 알파벳 문자열 출력 : string 타입을 리턴해야 합니다. 주의사항 : 빈 문자열을 입력받은 경우, 빈 문자열을 리턴해야 합니다. 3개 이상 연속되는 문자만 압축합니다. 입출력 예시 : 풀이 : 나만의 해설: 문자가 연속되는지 확인하기위해 큰수찾기했던것처럼 이전의 값과 비교하며 반복문을 돌릴 것이다. 문자가 몇번 반복했는지 카운트하기위해 count변수를 선언해 1로 초기화시키고, 정답은 문자열로 출력되어야 하기때문에 ''로 초기화 시켜줌. 반복문을 돌면서 만약 이전의 문자와 현재의 문자가 같을경우 count에 +1을 해..
문제 : 암호화된 문자열과 암호화 키를 입력받아 복호화된 문자열을 리턴해야 합니다. 카이사르 암호(Caesar cipher)는 평문(plaintext)을 암호키 secret개만큼 (오른쪽으로) 평행이동시켜 암호화 합니다. 복호화는 암호화된 문자열을 원래의 평문으로 복원하는 것을 말합니다. 입력 : 인자 1 : str string 타입의 알파벳 소문자 문자열 인자 2 : secret number 타입의 암호화 키 출력 : string 타입을 리턴해야 합니다. 주의사항 : 빈 문자열을 입력받은 경우, 빈 문자열을 리턴해야 합니다. 공백은 그대로 두어야 합니다. 입출력 예시 : 풀이 : 나만의 해설: 먼저, 새로운 문자열을 담을 newStr을 선언해준다. str을 split() 메서드를 통해 하나하나찢어서 배..
문제 : 수를 입력받아 제곱근 값을 소수점 두 자리까지 리턴해야 합니다. 입력 : 인자 1 : num number 타입의 정수 (num >= 2 출력 : number 타입을 리턴해야 합니다. 최대 소수점 둘째 짜리까지 구합니다. (소수점 셋째 자리에서 반올림) 주의사항 : Math.sqrt 사용은 금지됩니다. 소수점 처리는 javascript 표준 내장 객체인 Number를 검색해 봅니다. (js decimal places limit 또는 자바스크립트 소수점 자리수) 항상 타입을 주의하여야 합니다. 각 자리수(1, 0.1, 0.01, 0.001)마다 (목표값을 넘지 않는) 근사값을 구하는 방식이 있습니다. 제곱근을 구하는 방법 중 바빌로니아 법이 있습니다. 바빌로니아 법의 점화식(recurrence fo..
문제 : 문자열을 입력받아 문자열에서 숫자를 모두 찾아 더한 뒤에 해당 값을 (숫자와 공백을 제외한 나머지) 문자열의 길이로 나눈 값을 정수로 반올림하여 리턴해야 합니다. 입력 : 인자 1 : str string 타입의 문자열 출력 : number 타입을 리턴해야 합니다 (0 이상의 정수) 주의사항 : 빈 문자열을 입력받은 경우, 0을 리턴해야 합니다. 숫자(digit)는 연속해서 등장하지 않습니다. 입출력 예시 : 풀이 : 나만의 해설: strLength=0으로 숫자를뺀 문자만 들어있는 문자열의 길이를 초기화 시켰고, sum=0을 통해 숫자의 합을 0으로 초기화시켜주었다. 주의사항에서 str이 빈문자열일 경우 0을 리턴해야하기 때문에 먼저 if문을 주어 str.length===0일때 0을 리턴하게 해주..
문제 : 문자열을 입력받아 아이소그램인지 여부를 리턴해야 합니다. 아이소그램(isogram)은 각 알파벳을 한번씩만 이용해서 만든 단어나 문구를 말합니다. 입력 : 인자 1 : str string 타입의 공백이 없는 알파벳 문자열 출력 : boolean 타입을 리턴해야 합니다. 주의사항 : 빈 문자열을 입력받은 경우, true를 리턴해야 합니다. 대소문자는 구별하지 않습니다. 입출력 예시 : 풀이 : 나만의 해설: 주의사항에 빈 문자열을 입력했을 때 true가 출력되어야 하기때문에 str.length === 0 일때 true를 리턴해야한다. result에 빈객체를 선언해주고, 문자열로 들어온 모든 알파벳을 소문자로 바꿔준다. 그리고 for 반복문을 통해서 result객체에 소문자로 바뀐 알파벳을 키로 넣..
