보호되어 있는 글입니다.
study
1. CORS 1) 개요 (1) SOP (Same-Origin Policy) 동일 출처 정책. 같은 출처의 리소스만 공유가 가능하다. SOP에서 말하는 출처(Origin) 프로토콜, 호스트, 포트가 모두 같아야 한다. 하나라도 다르면 동일출처로 보지 않는다. protocol / host / port https://www.abcdef.com:443/about 예시) https://www.testsite.com CORS 사용 (2) CORS(Cross-Origin Resource Sharing) : 교차 출처 리소스 공유 CORS는 추가 HTTP 헤더를 사용하여 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제. => SOP에 의해..
보호되어 있는 글입니다.
정수 배열 numbers가 매개변수로 주어집니다. numbers의 원소 중 두 개를 곱해 만들 수 있는 최댓값을 return하도록 solution 함수를 완성해주세요. 제한사항 -10,000 ≤ numbers의 원소 ≤ 10,000 2 ≤ numbers 의 길이 ≤ 100 입출력 예 numbers result [1, 2, -3, 4, -5] 15 [0, -31, 24, 10, 1, 9] 240 [10, 20, 30, 5, 5, 20, 5] 600 입출력 예 설명 입출력 예 #1 두 수의 곱중 최댓값은 -3 * -5 = 15 입니다. 입출력 예 #2 두 수의 곱중 최댓값은 10 * 24 = 240 입니다. 입출력 예 #3 두 수의 곱중 최댓값은 20 * 30 = 600 입니다. function soluti..
문제 설명 문자열 my_string과 정수 num1, num2가 매개변수로 주어질 때, my_string에서 인덱스 num1과 인덱스 num2에 해당하는 문자를 바꾼 문자열을 return 하도록 solution 함수를 완성해보세요. 제한사항 1
보호되어 있는 글입니다.
1. React 데이터 흐름 1) React의 데이터 흐름 복습 (1) 컴포넌트 단위 개발 리액트는 페이지 단위가 아닌 컴포넌트 단위로 개발한다. 컴포넌트들은 단일 책임 원칙에 따라 하나의 컴포넌트가 하나의 일만 하도록 디자인한다. 그리고 만들어진 컴포넌트들을 조합해 페이지를 조립한다. => 즉, 상향식(bottom-up)으로 앱을 만든다. 테스트가 쉽고 확장성이 좋다는 장점이 있다. (2) 데이터의 하향식(top-bottom) 흐름 컴포넌트는 외부에서 props를 이용해 데이터를 전달인자(arguments) 또는 속성(attributes)처럼 전달받을 수 있다. 컴포넌트는 props를 통해 전달받은 데이터가 어디서 왔는지 모른다. => 즉, 데이터를 전달하는 주체는 부모(상위) 컴포넌트이다. 데이터 흐..
보호되어 있는 글입니다.
1. REST API 복습 REST API : 클라이언트와 서버가 데이터를 주고받을때는 HTTP를 사용한다. 이때 요청과 응답을 더 명확하게 하기 위해서 REST API를 사용한다. REST 성숙도 모델 0단계 : HTTP 프로토콜 사용 1단계 : 개별 리소스에 알맞은 엔드포인트 사용하고 요청하고 받는 리소스에 대한 정보를 응답으로 전달하기 2단계 : CRUD에 맞게 적절한 HTTP 메서드 사용하기. 응답시에는 성공/실패에 대한 상태코드를 정확히 알려주고 정확한 응답을 해주어야함. GET 요청시에는 body를 사용하지 않는다. 더 정확하게 요청할때는 쿼리를 사용함. GET은 단순 조회로 여러번 요청해도 리소스가 변하지 않는다(=같은 리소스를 반환한다) => GET은 멱등성을 갖고 있다. POST의 경우 ..
문제 설명 정수가 담긴 배열 numbers와 문자열 direction가 매개변수로 주어집니다. 배열 numbers의 원소를 direction방향으로 한 칸씩 회전시킨 배열을 return하도록 solution 함수를 완성해주세요. 제한사항 3 ≤ numbers의 길이 ≤ 20 direction은 "left" 와 "right" 둘 중 하나입니다. 입출력 예 numbers direction result [1, 2, 3] "right" [3, 1, 2] [4, 455, 6, 4, -1, 45, 6] "left" [455, 6, 4, -1, 45, 6, 4] 입출력 예 설명 입출력 예 #1 numbers 가 [1, 2, 3]이고 direction이 "right" 이므로 오른쪽으로 한 칸씩 회전시킨 [3, 1, 2..
