본문 바로가기

부트캠프교육중301

재귀함수 # 재귀함수 -자기자신을 호출하는 함수 - 잘 활용하면 반복적인 작업을 해야하는 문제를 좀더 간결한 코드로 풀어낼수있다. -모든 재귀함수는 반복문으로 표현할수있다. 그러나 재귀를 적용할수있는 대부분의 경우에는 재귀를 적용한 코드가 더욱 간결하고 이해하기 쉽다. 1.문제를 좀 더 작게 쪼갠다. 2.문제가 더는 작아지지 않을때까지 가장 작은 단위로 문제를 쪼갠다. 3. 가장 작은 단위의 문제를 풂으로써 전체 문제를 해결한다. #언제 사용하는게 좋을까? -주어진 문제를 비슷한 구조의 더 작은 문제로 나눌수있는경우 -중첩된 반복문이 많거나 반복문의 중첩 횟수를 예측하기 어려운 경우 function recursive(input1, input2, ...) { // base case : 문제를 더 이상 쪼갤 수 없는.. 2023. 2. 13.
SOP, CORS # SOP(Same-Origin Policy) -동일 출처정책 -같은 출처의 리소스만 공유가 가능하다 -잠재적으로 해로울수있는 문서를 분리함으로써 공격받을수있는 경로를 줄여준다. -다른 사이트와의 리소스 공유를 제한한다. 이러한 보안상 이점 때문에 SOP는 모든 브라우저에서 기본적으로 사용하고있는 정책이다. #출처는 프로토콜, 호스트, 포트의 조합으로 되어있다. 이중 하나라도 다르면 동일한 출처로 보지 않는다. # CORS(Cross-Origin Resource Sharing) -교차출처 리소스 공유 -추가 HTTP헤더를 사용하여, 한 출처에서 실행중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할수있는 권한을 부여하도록 브라우저에 알려주는 체제. -브라우저는 SOP에 의해 기본적으로 다른 출처의 .. 2023. 2. 6.
batching 원래 상태변경함수는 동기적으로 동작한다. 근데 비동기적으로 동작하는것처럼 보인다. 왜냐하면 batching기능때문이다! # batching: 여러개의 상태변경함수를 모아서 일괄적으로 처리한후 업데이트 한 내용을 1회의 리렌더링으로 처리한다. 리액트 자체적으로 렌더링 최적화를 한다는 거다. 콜백함수는 누적의 의미로 간다. useEffect, eventhandler 2023. 2. 3.
Effect Hook # useEffect는 컴포넌트내에서 side effect를 실행할수있게하는 hook이다.(결과에 영향을 준다. 값을 변경한다.) #useEffect의 첫번째 인자는 함수이다. 해당 함수 내에서 side effect를 실행하면 된다. *언제실행되나? -컴포넌트 생성후 처음 화면에 렌더링(표시 -컴포넌트에 새로운 props가 전달되며 렌더링 -컴포넌트에 상태(state)가 바뀌며 렌더링 이와 같이 매번 새롭게 컴포넌트가 렌더링될때 effect hook이 실행된다. #주의할점 -최상위에서만 hook을 호출한다. -리액트 함수 내에서 hook을 호출한다. #useEffect의 두번째 인자는 종속성 배열이다. 이 배열은 조건을 담고있다. 조건은 boolean형태의 표현식이 아닌, 어떤 값의 변경이 일어날때를 의.. 2023. 2. 2.

티스토리툴바