블로그를 꾸준히 업로드 하고 싶지만 github에 commit하고 스터디를 하느라 너무 정신이 없다 ㅠ_ㅠ

오늘의 알고리즘 TIL

TIL 2021 - 06 - 28 📖!

함수 solution은 정수 n을 매개변수로 입력받습니다. n의 각 자릿수를 큰것부터 작은 순으로 정렬한 새로운 정수를 리턴해주세요. 예를들어 n이 118372면 873211을 리턴하면 됩니다.

제한 조건
n은 1이상 8000000000 이하인 자연수입니다.
입출력 예

function solution(n) {
    return parseInt(String(n).split('').sort((a,b) => b - a).join('')); //n을 문자열로 문들고 split으로 배열로 만들어서 하나하나 나누어준 다음에 sort메소드로 정렬을 한뒤에 join 메소드로 하나로 만들어 준뒤에 그 배열을 정수로 바꾸어 주었습니다 .
}

자연수 뒤집어 배열로 만들기

자연수 n을 뒤집어 각 자리 숫자를 원소로 가지는 배열 형태로 리턴해주세요. 예를들어 n이 12345이면 [5,4,3,2,1]을 리턴합니다.

제한 조건
n은 10,000,000,000이하인 자연수입니다.

function solution(n) {
   return n.toString().split('').reverse().map(el => parseInt(el)); //n을 문자열로 바꾸어 준뒤에 split으로  배열로 만들어 나누어 주고 reverse메소드로 베열을 뒤집은 뒤에 map 메소드로 하나하나 정수로 바꾸어 주었습니다
}

ReactStudy

• Sprint 정리 이지만 코드는 올릴 수 없기때문에 코드는 올리지 않습니다
  ])

오늘 스프린트 에서 제일 고민을 많이 했던 부분인 useEffect입니다 useEffect가 어떤것이지 알고는 있었지만 정확하게 어떤 일을 하는지는 몰랐습니다.

• useEffect정리
  클래스 컴포넌트에서의 componentDidMount, componentDidUpdate, componentWillUnmount가 useEffect로 실행됩니다. render가 발생할 때 마다(componentDidMount: 초기, componentDUpdate: 매번) effect가 실행됩니다. 두 번째 파라미터인 inputs를 통해 특정한 상태가 update 되었을 때만 effect가 실행되도록 설정할 수 있습니다.

오늘 스프린트에서는 getFlight함수가 render 될 때 마다 fetch로 받아온 data를 가져오고 그데이터를 setFlightList에 넣어주는 useEffect를 사용해 보았습니다 useEffect를 마냥 어렵다고 생각 하고 어떻게 사용하는지 몰랐지만 직접 사용해보고 작성해보니 더 이해가 잘 갔었습니다 .

//------------------------------------------------------------------------

이부분은 REST API 호출을 해본곳이었습니다 . 변수안에 API 정보가 있는 URL을 담아주었고
getFlight에들어오는 filterBy의 인자값의 departure와 destination이 들어온다면 그것을 검색해주는 URL을 if문을 써서 만들어 보았습니다 그 뒤에 함수 안에서 fetch를 리턴하고 URL에 담긴 정보를 json으로 바꾸어준뒤에 그 값을 빼오고 cathch 메소드를 통해 에러를 검출 할 수 있었습니다

//----------------------------------------------------------------------------

이 부분은 useState를 활용한 곳으로 useState에대한 정리를 하기위해 가져와보았습니다 우선 로딩창을 보여주기위한 것이었는데 loadingzoong이라는 변수에 false를 할당하고 useEffect가 실행 될 때 마다
setLoadingzoong으로 처음엔 true값을 주어서 로딩창이 보이게 하고 getFlight함수가 resolve되어 끝나게 되면 setLoadingzoong의 값을 false로 바꾸어주고 로딩중이 아닌 로딩 완료를 보여주게끔 만들어 보았습니다 useState와 useEffect를 같이 쓰면서 흥미로운 경혐이었습니다 이렇게 코드를 짤 수 있구나 라는걸 배웠습니다

//------------------------------------------------------------------

이부분은 props를 이용하여 search라는 함수를 Search컴포넌트에 props 할 수 있게 넣어준 뒤에 Search 컴포넌트 handleSearchClick에서 search 함수를 props해서 사용해준 곳이었습니다 크게 어려운건 없었는데 리액트를 오랜만에 하다보니까 처음에는 살짝 당황해서 얼탔던 부분이었습니다 이래서 복습의 중요성을 느끼는것 같습니다

//--------------------------------------------------------------------------------------------------
다행회 전반적으로 정말 어렵거나 이해가 안가는 것은 없었으나 내가 배운걸 어디에 어떻게 써먹는지가 아직 익숙치 않은 것 같습니다 그래서 더 코드를 작성해보는 연습을 해야 할 것 같고 정리를 해보아야 할 것 같습니다 . 리액트에 대해 더심도있게 공부하려고 합니다