프론트엔드 공부/네트워크
-
HTTP와 HTTPS는 둘 다 인터넷에서 데이터를 전송하는 프로토콜이다. HTTP는 Hypertext Transfer Protocol의 약자로, 웹 브라우저와 웹 서버 간의 통신에서 사용한다. HTTP는 인터넷 상에서 데이터를 전송할 때, 데이터의 안전성을 보장하지 않기 때문에 보안에 취약하다. 즉, 데이터가 제3자에 의해 도난당할 가능성이 있다. 이러한 문제점을 보완하기 위해 HTTPS가 나왔다. HTTPS는 HTTP와 Secure Socket Layer(SSL) 또는 Transport Layer Security(TLS)를 조합하여 보안성을 높인 프로토콜이다. HTTPS는 웹 브라우저와 웹 서버 간의 통신에서 데이터를 암호화하여 전송하므로 제3자에 의한 데이터 도난 등을 방지할 수 있다. HTTPS를 ..
HTTP와 HTTPSHTTP와 HTTPS는 둘 다 인터넷에서 데이터를 전송하는 프로토콜이다. HTTP는 Hypertext Transfer Protocol의 약자로, 웹 브라우저와 웹 서버 간의 통신에서 사용한다. HTTP는 인터넷 상에서 데이터를 전송할 때, 데이터의 안전성을 보장하지 않기 때문에 보안에 취약하다. 즉, 데이터가 제3자에 의해 도난당할 가능성이 있다. 이러한 문제점을 보완하기 위해 HTTPS가 나왔다. HTTPS는 HTTP와 Secure Socket Layer(SSL) 또는 Transport Layer Security(TLS)를 조합하여 보안성을 높인 프로토콜이다. HTTPS는 웹 브라우저와 웹 서버 간의 통신에서 데이터를 암호화하여 전송하므로 제3자에 의한 데이터 도난 등을 방지할 수 있다. HTTPS를 ..
2023.03.07 -
서로 다른 네트워크 간의 데이터 통신은 데이터 패킷을 송수신하는 공통 규칙이 없으면 불가능하다. 이러한 규칙을 프로토콜이라고 하며 그 중에서 TCP(전송 제어 프로토콜)/IP(인터넷 프로토콜)가 가장 널리 사용되는 프로토콜 중 하나다. TCP/IP 모델은 네트워크 설명에 더 많이 사용되고 OSI 모델보다 오래됬다. 그러면 왜 OSI모델이 있고 두 종류 모두 계층이 다양한데 차이점은 무엇일까? 개요 OSI 모델은 개방 시스템 상호 연결(Open System Interconnection) 모델로, 다른 회사의 시스템이라도 네트워크 유형에 관계없이 상호 통신이 가능한 규약, 즉 프로토콜(Protocol)이 필요했다. 그래서 ISO에서는 제조사에 상관없이 공통으로 사용할 수 있는 네트워크 표준 규격을 국제 표준..
TCP/IP와 OSI 모델서로 다른 네트워크 간의 데이터 통신은 데이터 패킷을 송수신하는 공통 규칙이 없으면 불가능하다. 이러한 규칙을 프로토콜이라고 하며 그 중에서 TCP(전송 제어 프로토콜)/IP(인터넷 프로토콜)가 가장 널리 사용되는 프로토콜 중 하나다. TCP/IP 모델은 네트워크 설명에 더 많이 사용되고 OSI 모델보다 오래됬다. 그러면 왜 OSI모델이 있고 두 종류 모두 계층이 다양한데 차이점은 무엇일까? 개요 OSI 모델은 개방 시스템 상호 연결(Open System Interconnection) 모델로, 다른 회사의 시스템이라도 네트워크 유형에 관계없이 상호 통신이 가능한 규약, 즉 프로토콜(Protocol)이 필요했다. 그래서 ISO에서는 제조사에 상관없이 공통으로 사용할 수 있는 네트워크 표준 규격을 국제 표준..
2023.03.06 -
1.다음 중 IP와 IP Packet 대한 설명으로 옳지 않은 것을 모두 고르세요. A. IP는 패킷(packet)이라는 통신 단위로 데이터 전달을 합니다. B. IP는 OSI 7 계층 모델의 전송계층(Transport layer)에서 사용되는 프로토콜입니다. C. IP는 패킷을 받을 대상이 없거나 서비스 불능 상태이면 패킷을 전송하지 않습니다. D. IP는 전달 데이터의 용량이 클 경우, 이를 패킷 단위로 나눠 순차적으로 전달합니다. 더보기 정답B. IP는 네트워크 계층(Network layer)에서 사용되는 프로토콜입니다. 정답C. 패킷을 받을 대상이 없거나 서비스 불능 상태여도 클라이언트는 서버의 상태를 파악할 방법이 없기 때문에 패킷을 그대로 전송하게 됩니다. (비신뢰성) 정답D. 전달 데이터의 ..
[네트워크] 심화 종합퀴즈1.다음 중 IP와 IP Packet 대한 설명으로 옳지 않은 것을 모두 고르세요. A. IP는 패킷(packet)이라는 통신 단위로 데이터 전달을 합니다. B. IP는 OSI 7 계층 모델의 전송계층(Transport layer)에서 사용되는 프로토콜입니다. C. IP는 패킷을 받을 대상이 없거나 서비스 불능 상태이면 패킷을 전송하지 않습니다. D. IP는 전달 데이터의 용량이 클 경우, 이를 패킷 단위로 나눠 순차적으로 전달합니다. 더보기 정답B. IP는 네트워크 계층(Network layer)에서 사용되는 프로토콜입니다. 정답C. 패킷을 받을 대상이 없거나 서비스 불능 상태여도 클라이언트는 서버의 상태를 파악할 방법이 없기 때문에 패킷을 그대로 전송하게 됩니다. (비신뢰성) 정답D. 전달 데이터의 ..
2023.03.06 -
React 데이터 흐름에 대한 설명으로 옳은 것을 모두 고르세요. (정답 두 개) A.서로 다른 두 컴포넌트에 하나의 상태가 영향을 준다면, 두 컴포넌트 상위에 상태를 공유하는 컴포넌트가 존재해야 한다. B.React 앱은 페이지 단위로 시작해 하향식으로 만드는 것이 좋다. C.React의 데이터는 하향식으로 흐르며, props로 전달한다. D.React는 state를 이용해 하위 컴포넌트로 데이터를 전달할 수 있다. 더보기 정답A. 상태가 하나의 컴포넌트에만 영향을 준다면 그 컴포넌트에만 위치해도 됩니다. 하지만 두 컴포넌트가 하나의 상태로부터 영향을 받는다면 두 컴포넌트 상위에 상태를 공유하는 컴포넌트가 존재하는 것이 좋습니다. 단방향 데이터 흐름을 유지하고, 같은 상태를 공유할 수 있는 바람직한 방..
[React] 클라이언트 Ajax 요청 종합퀴즈React 데이터 흐름에 대한 설명으로 옳은 것을 모두 고르세요. (정답 두 개) A.서로 다른 두 컴포넌트에 하나의 상태가 영향을 준다면, 두 컴포넌트 상위에 상태를 공유하는 컴포넌트가 존재해야 한다. B.React 앱은 페이지 단위로 시작해 하향식으로 만드는 것이 좋다. C.React의 데이터는 하향식으로 흐르며, props로 전달한다. D.React는 state를 이용해 하위 컴포넌트로 데이터를 전달할 수 있다. 더보기 정답A. 상태가 하나의 컴포넌트에만 영향을 준다면 그 컴포넌트에만 위치해도 됩니다. 하지만 두 컴포넌트가 하나의 상태로부터 영향을 받는다면 두 컴포넌트 상위에 상태를 공유하는 컴포넌트가 존재하는 것이 좋습니다. 단방향 데이터 흐름을 유지하고, 같은 상태를 공유할 수 있는 바람직한 방..
2023.02.03 -
문제1. 영화 예매 사이트를 개발하고 있습니다. API를 작성하며 잔여 좌석을 확인하는 GET /inquiry라는 엔드포인트를 만들었는데, REST 원칙을 준수하지 않았다는 지적을 받았습니다. 그 이유로 가장 적절한 것을 고르세요. A. HTTP 메서드 중 GET 보다 PUT을 사용하는 것이 적절하기 때문이다. B. 엔드포인트에 동사를 사용했기 때문이다. C. 엔드포인트에 좌석에 대한 리소스를 지칭하지 않았기 때문이다. D. 응답에 Location 헤더 정보를 전달하지 않았기 때문이다. 더보기 A. HTTP 메서드 중 GET 보다 PUT을 사용하는 것이 적절하기 때문이다. HTTP 메서드는 자원에 대한 요청에 적절한 메서드를 사용하는 것이 중요하다. GET 메서드는 자원의 정보를 조회하는 목적으로 사용되..
Open API와 API Key 종합퀴즈 문제풀이문제1. 영화 예매 사이트를 개발하고 있습니다. API를 작성하며 잔여 좌석을 확인하는 GET /inquiry라는 엔드포인트를 만들었는데, REST 원칙을 준수하지 않았다는 지적을 받았습니다. 그 이유로 가장 적절한 것을 고르세요. A. HTTP 메서드 중 GET 보다 PUT을 사용하는 것이 적절하기 때문이다. B. 엔드포인트에 동사를 사용했기 때문이다. C. 엔드포인트에 좌석에 대한 리소스를 지칭하지 않았기 때문이다. D. 응답에 Location 헤더 정보를 전달하지 않았기 때문이다. 더보기 A. HTTP 메서드 중 GET 보다 PUT을 사용하는 것이 적절하기 때문이다. HTTP 메서드는 자원에 대한 요청에 적절한 메서드를 사용하는 것이 중요하다. GET 메서드는 자원의 정보를 조회하는 목적으로 사용되..
2023.01.31 -
REST API 소개 REST는 Representational State Transfer라는 용어의 약자로서 2000년도에 로이 필딩 (Roy Fielding)의 박사학위 논문에서 최초로 소개되었습니다. 로이 필딩은 HTTP의 주요 저자 중 한 사람으로 그 당시 웹(HTTP) 설계의 우수성에 비해 제대로 사용되어지지 못하는 모습에 안타까워하며 웹의 장점을 최대한 활용할 수 있는 아키텍처로써 REST를 발표했다고 합니다. REST API는 HTTP를 사용하여 시스템 간 통신을 허용하며, Representational State Transfer (REST)의 원칙에 기반합니다. REST API는 Representational State Transfer API의 약자입니다. HTTP 요청을 사용하여 웹 서비스..
REST API, OpenAPI, API KeyREST API 소개 REST는 Representational State Transfer라는 용어의 약자로서 2000년도에 로이 필딩 (Roy Fielding)의 박사학위 논문에서 최초로 소개되었습니다. 로이 필딩은 HTTP의 주요 저자 중 한 사람으로 그 당시 웹(HTTP) 설계의 우수성에 비해 제대로 사용되어지지 못하는 모습에 안타까워하며 웹의 장점을 최대한 활용할 수 있는 아키텍처로써 REST를 발표했다고 합니다. REST API는 HTTP를 사용하여 시스템 간 통신을 허용하며, Representational State Transfer (REST)의 원칙에 기반합니다. REST API는 Representational State Transfer API의 약자입니다. HTTP 요청을 사용하여 웹 서비스..
2023.01.31 -
1. 다음 그림은 터미널에서 npm start 명령어를 통해 리액트 앱을 실행한 화면입니다. 설명 중 옳은 것을 모두 고르세요. (정답 세 개) A.localhost 대신에 127.0.0.1로 접속할 수 있다. B.포트 번호 3001번에서 실행중이다. C.172.30.1.14 를 hosts로 사용할 수 있다. D.URI를 통해 네트워크 통신을 위한 scheme이 HTTPS라는 것을 확인할 수 있다. 더보기 A. localhost 대신에 127.0.0.1로 접속할 수 있다. - 옳음. localhost와 127.0.0.1은 로컬 호스트 주소라는 것은 같으며, 어떠한 호스트에서든 이 주소로 접속할 수 있다. B. 포트 번호 3001번에서 실행중이다. - 옳음. 실행화면에서 보이는 http://localhos..
[HTTP/네트워크] 기초 종합퀴즈 풀이1. 다음 그림은 터미널에서 npm start 명령어를 통해 리액트 앱을 실행한 화면입니다. 설명 중 옳은 것을 모두 고르세요. (정답 세 개) A.localhost 대신에 127.0.0.1로 접속할 수 있다. B.포트 번호 3001번에서 실행중이다. C.172.30.1.14 를 hosts로 사용할 수 있다. D.URI를 통해 네트워크 통신을 위한 scheme이 HTTPS라는 것을 확인할 수 있다. 더보기 A. localhost 대신에 127.0.0.1로 접속할 수 있다. - 옳음. localhost와 127.0.0.1은 로컬 호스트 주소라는 것은 같으며, 어떠한 호스트에서든 이 주소로 접속할 수 있다. B. 포트 번호 3001번에서 실행중이다. - 옳음. 실행화면에서 보이는 http://localhos..
2023.01.30