const getBoardId = location.state?.id || ''을 한글로 풀어서 설명하면

location.state가 값이 존재하면, id값을 가져오고 그렇지 않으면 빈값을 가져온다

const getBoardId = location.state?.id || ''을 if문으로 풀어쓰면 아래와 같다

(1, 2, 3)은 내가 propmt에 입력한 숫자

prompt로 괄호를 입력한다고 했을 때, 여는괄호와 닫는괄호의 쌍을 맞춰서 서로 올바른 쌍이면 true 그렇지 않으면 false를 보여준다고 하자.

여기서의 해결실마리는 스택이다, Last in First Out (LIFO)를 활용하면 된다 여는괄호를 스택에 쌓아서, 입력하는 문자(=닫는괄호)와 짝이 맞는지 판별을 한다

단, '닫는괄호가 많아서 스택의 길이가 0일때' 에 대한 경우도 고려를 해야한다 예를들어 '()))))))()' 이렇게 여는괄호보다 닫는괄호가 많은경우, false로 판별해야 하기 떄문이다

[해결방법] 스택이라는 배열을 만든다 -> 입력된문자(=propmpt로 입력된 문자들)에 대한 length를 조건으로 하는 for문을 돌린다 -> 해당배열에 push()를 한다 -> 스택이라는 배열의 길이가 0인경우(=닫는괄호가 많아서 스택의 길이가 0인경우) 고려한다 -> 스택이라고 만든 배열에 pop()을 하여 배열의 마지막으로 들어간 요소(=괄호)부터 하나씩 빼본다 -> 빼보면서 스택에 있는 여는괄호와 닫는괄호의 짝을 맞춘다

입력한 숫자 배열의 0번째를 피봇이라고 가정한다

퀵정렬은 입력배열을 점점 작게 (큰놈 -> 작은놈으로 줄이고 줄이기, 몸집을 점점 줄이기) 나눠서 재귀적으로(=원래 자리로 돌아감) 정렬하는 방식이다

그리고, 가장중요한! return값의 형태는 배열형태로 병합된다 병합순서 :: [피봇보다 작은 값들이 있던 left, 피봇, 피봇보다 큰 값들이 있던 right]

위 사진처럼 피봇과 같은 '5'가 중간에 있는 경우에 가운데 있는 5는 중간에 위치한 상태 그대로 있는다.

퀵정렬의 핵심은

1. 피봇을 기준으로 요소분할
2. 재귀적(원래 상태로 돌아오려는) 반복 정렬
3. 피봇과 비교해서 왼쪽, 오른쪽 분할하는 것이 포인트

퀵정렬에 대한 잘못된 이해

1. 배열의 양쪽 끝값을 단순비교하는게 아님

원본배열을 변경하지 않고 새로운배열로 생성하는건 동일한데 차이점이 뭔지

1. slice()는 배열 전체 또는 특정범위만 복사할 수 있음, 배열의 일부만 복사 할 수 있음 const arr = [1, 2, 3, 4]; const slicedArr = arr.slice(1, 3); // [2, 3] (slice()는 자를 때, 배열의 시작부터 끝까지(end는 미포함))

2. [...]은 전체배열을 복사할 수 있음, 여러배열을 쉽게 결합 const arr1 = [1, 2]; const arr2 = [3, 4]; const combinedArr = [...arr1, ...arr2]; // [1, 2, 3, 4]

가장 중요한건, '현재값(j) vs 다음값(j+1)'을 비교해서 현재값이 더 크다! 위너다! 하면 현재값과 다음값의 위치를 바꿔준다는 것이 가장 중요하다

따라서

1. 현재값과 다음값을 비교하는데 비교조건은 현재값이 크다 & 위너다
2. 현재값을 저장할 변수(=공간) 확보
3. 다음값을 현재값이 있는 위치로 이동
4. 현재값을 담은 변수(=공간)에 다음값을 저장

그리고, 위 캡처화면의 소스에서 조금 변형을 해보았다. '현재값과 다음값을 교환하는 과정'에 대해 적은 소스3줄을 한줄로 수정하였다.

수정한 부분

1. 한줄로 수정하면서, 마지막j를 루프돌면 j+1이 undefined가 나옴
2. 이를 방지하기위해, 'isSwap'라는 boolean형태의 플래그를 줌
3. '현재값 > 다음값'에 대한 if조건문이 끝난 이후에, 플래그가 없으면 for문을 빠져나오도록 함

indexOf()

즉, 위 코드에서 내가 찾고싶은 'f'라는 문자는 공백(=띄어쓰기)를 포함하여 해당문장(=I am want front-end developer)에서 f가 첫번째(=처음으로)로 등장하는 인덱스를 알려준다

만약, 위 캡처화면의 소스처럼 알파벳 'o'의 indexOf를 찾는다하면, 현재 문장(=I am want front-end developer)에서는 'o'가 가장 처음으로 등장하는 부분이 'front-end'라는 문장에서 나오므로, indexOf()는 12가 된다

split()

let inputNumber = prompt('숫자를 입력해주세요').split("") 위와같은 소스에서 split함수안에 " " 이런 공백을 넣느냐, 아님 공백을 넣지 않느냐에 대한 차이는 아래와 같다

1. split("") :: 모든 문자를 하나하나 요소로 분리
2. split(" ") :: 공백을 기준으로 문자열을 분리

-> 2번은, 사용자가 prompt로 입력할 때 공백까지 같이 포함해서 입력해주면 2번과 같은 조건이 성립됨

map(Number)

prompt()로 입력받은 값은 '문자열'로 반환됨 이 '문자열 형태' -> '숫자 형태' 로 바꾸는 방법은 아래와 같다

let eachPeopleWeight = prompt("몸무게를 입력하세요").split(" ") let numPeopleWeight = eachPeopleWeight.map(Number)

eachPeopleWeight의 typeof를 로그로 찍으면 string으로 찍힌다.(split하여 찍으면 형태는 object임) 이를 숫자형태의 배열로 변경하기 위해서는 numPeopleWeight을 찍어보면 숫자형태로 찍힌다

foreach()

foreach는 [요소1, 요소2, 요소3...] 이렇게 생긴 배열을 순회(=돌고 돈다)하기 위해 사용 foreach에의 파라미터에는 콜백함수가 들어감

▶foreach의 파라미터에 들어가는 친구들

1. currentValue - 현재 처리할 요소
2. index - 현재 처리할 요소의 인덱스 (선택적임, 필수가 아님)
3. array - foreach메서드를 호출할 배열 = 배열 그자체임 (선택적임, 필수가아님)

위 3가지를 코드로 작성하면 아래 예제와 같다 cookingArr에 요즘 핫한 '흑백요리사'의 셰프들 이름을 넣은 배열이다. 이 배열을 '돌고 돈다' 라고 했을 때, foreach안에서의 로그에 찍히는 결과들에 대해서는 아래 캡처화면처럼 로그가 찍힌다 foreach의 세번째 선택적 파라미터인 배열이 들어갈때, 해당 cookingArr에 돌아가는 인덱스에다가 문자열(='흑백요리사2 출연 예정자들(카더라)')을 추가해주었다

그리고, map()의 반환결과는 array이지만, foreach()의 반환은 undefined이다. 다시말해, foreach()는 배열의 순환(=돌고 돈다)이기때문에, 순환에 대한 반환결과는 undefined이다

getDay() 를 사용

new Date라는 객체안에 내가 알고 싶어 하는 '년-월-일'을 넣어서 'new Date(년도-입력한 Month-입력한 Date).getDay()'을 하면 입력한 Month/Date에 해당하는 요일을 확인 할 수 있음

Math.sqrt() 를 사용

제곱근의 성질을 이용: 제곱되는 수를 넘는 약수는 짝이 있으므로, 제곱근 이하의 수를 사용

ex) 36의 약수: 1, 2, 3, 4, 9, 6, 4, 12, 18, 36 -> Math.sqrt()를 사용하면 제곱근인 6을 넘는 약수는 이미 제곱근6 이하의 수와 짝을 이루었음 따라서, 중복으로 계산할 필요 없음

결론: N이라는 숫자가 소수인지 판별할땐, 해당 N의 제곱근의 이하인 숫자들만 체크하도록 loop를 작성하면 됨