전체보기178 네트워크1 2021. 10. 12. S2: Express 사용하여 분기점 라우팅 * Express의 라우터를 활용하면 아래와 같이 직관적인 코드를 작성할 수 있습니다. * $ npm install express --save 설치 1. 설치된 express를 불러온뒤 http가 아닌 app에 적용시킨다. 2. PORT와 ip는 동일하게 위치한다. 3. 처음 메소드로 들어올것은 OPTIONS이다 app.options(소문자)를 통해 '/upper'가 url로 들어올시 작동하는 구문을 작성한다. 참조 : https://expressjs.com/ko/starter/hello-world.html 2021. 10. 12. S2: Nodemon과 inspect디버깅 Nodemon 설치후 node 또는 nodemon + --inspect를 통해 console.log의 확인을 손쉽게 할수 있다. --inspect-brk 를 추가하면 실행되자마자 바로 디버깅에 들어갈 수 있다. 2021. 10. 12. S2: CORS와 클라이언트-서버간 요청/응답 1. CORS 처리 Cors 변수 선언을 통해 허락된 조건들만 메소드요청을 보낼수 있도록 하였다. * Origin은 요청하는 도메인 또는 주소이다. " * "으로 처리할시 모든 가능한 주소를 포함한다. Cors에 의해 처음 OPTIONS이라는 메소드가 들어와 조건에 맞는지 확인하게 된다. 아닐시 BAD한 요청을 보내도록 설정한다. 2. 요청한 메소드 처리 OPTIONS메소드를 통과한 다음 처리하기위한 메소드가 들어오게 된다. 3. 응답 확인 실제로 요청을 하게 되면 preflight로 cors가 먼저 처리되기 위해 메소드로 OPTIONS를 거치게되고 정상 조건일시 fetch에 의해 요청한 Method가 처리된다. *preflight는 요청할때마다 계속 처리 되지 않는다. 최초 처리후 캐시에 보관하여 있다.. 2021. 10. 12. TOY5: 계산했던 값은 기억하는 메모리 피보나치 * 피보나치 0과1은 각각 자기자신인 0과 1로 나타나게 된다. * memo라는 배열에 0과1를 미리 넣어두고 계산하는 값들을 하나씩 memo에 쌓게 된다 * 새로운 피보나치 계산을 할때 재귀를 돌려 미리 계산된 값이 memo에 있는지 확인하고 있다면 기존 memo[n]을 사용하여 fibo(n-2)+fibo(n-1)의 계산을 pass하게 된다. * 계산된 값이 없다면 memo[n]에 fibo함수를 재귀하여 계산하여 넣고 return 한다 * 타일 계산문제는 자신의 fibo위치보다 1자리 높은 위치를 원하므로 들어온 n에 +1을 하여 결과값을 도출한다. 2021. 10. 8. S2: useEffect * condition에 변화가 있을시 내부 로직이 작동된다. * useEffect의 첫번째 인자는 함수입니다. 해당 함수 내에서 side effect를 실행하면 됩니다. 이 함수는 다음과 같은 조건에서 실행됩니다. * 렌더링 시기 컴포넌트 생성 후 처음 화면에 렌더링(표시) 컴포넌트에 새로운 props가 전달되며 렌더링 컴포넌트에 상태(state)가 바뀌며 렌더링 * 2번째 인자로 배열이 들어가는데 2021. 10. 7. 이전 1 ··· 23 24 25 26 27 28 29 30 다음
