SUIN

CPU와 GPU는 둘 다 데이터를 읽어 들여 연산처리를 통해 답을 도출하는 기능을 수행하나, 이름과 구조에서 알수 있듯이 중앙 처리 장치(CPU)와 그래픽 처리 장치(GPU)는 역할이 매우 다릅니다. 중앙 처리 장치(CPU, Central Processing Unit) CPU는 입출력장치, 기억장치, 연산장치를 비롯한 컴퓨터 리소스를 이용하는 최상위 계층 장치입니다. -> 입력 받은 명령을 해석 / 연산 한 후, 이를 통해 결과 값을 출력 장치로 전달하는 컴퓨터의 주요 부품 명령어가 입력되는 순서대로 데이터를 처리하는 직렬 처리방식에 특화된 구조 직렬처리 방식에 특화되어 있어 한 번에 한 가지의 명령어만 처리할 수 있으며 이는 여러 가지 이점이 있습니다. 1. 클럭(동작속도)의 수치가 높으면 단일 작업을..

3-way-handshake TCP/IP 프로토콜을 이용해서 통신을 하는 응용프로그램이 데이터를 전송하기 전에 먼저 정확한 전송을 보장하기 위해 상대방 컴퓨터와 사전에 세션을 수립하는 과정 (송수신자 사이에 연결을 확인하는 과정) 4-way-handshake 세션을 종료하기 위해 수행되는 절차 3way handshake가 연결확립을 위해 진행했다면 4way handshake는 세션을 종료하기 위해 수행되는 절차 TCP 3-way-handshake [State 정보] CLOSED: 포트가 닫힌 상태 LISTEN: 포트가 열린 상태로 연결 요청 대기 중 SYN_RECV: SYNC 요청을 받고 상대방의 응답을 기다리는 중 ESTABLISHED: 포트 연결 상태 TIME-WAIT: Server로부터 FIN을 수..

CORS(Cross-Origin Resource Sharing) - 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제이다 - CORS 관련 이슈는 모두 CORS 정책을 위반했기 때문에 발생하는 것이다. - 개발하는 입장에서는 정책 때문에 신경써야 하는 것들이 늘어나니 귀찮을 수도 있지만, 사실 CORS라는 방어막이 존재하기 때문에 우리가 이 곳 저 곳에서 가져오는 리소스가 안전하다는 최소한의 보장을 받을 수 있는 것이다. 출처(Origin)란? - 출처(Origin)란 URL 구조에서 살펴본 Protocal, Host, Port를 합친 것을 말합니다. 브라우저 개발자 도구의 콘솔 창에 locati..

GET - GET 은 클라이언트에서 서버로 어떠한 리소스로 부터 정보를 요청하기 위해 사용되는 메서드 - GET을 통한 요청은 URL 주소 끝에 파라미터로 포함되어 전송되며, 이 부분을 쿼리 스트링 (query string) 이라고 부른다. GET 방식 특징 URL에 쿼리 스트링(데이터)을 붙여서 서버에 전송 데이터를 Header(헤더)에 포함하여 전송 URL에 정보들이 그대로 노출되기 때문에 POST 방식보다 상대적으로 보안에 취약 캐싱이 가능 POST 방식보다 상대적으로 전송 속도가 빠름 전송하는 데이터양에 한계가 있음 (브라우저마다 GET 요청 길이 제한 존재) 브라우저 히스토리에 기록이 남음 POST - POST는 클라이언트에서 서버로 리소스를 생성하거나 업데이트하기 위해 데이터를 보낼 때 사용 ..

OSI 7계층 중 전송계층은 송신자와 수신자를 연결하는 통신서비스를 제공하는 계층으로, 쉽게 말해 데이터의 전달을 담당한다. TCP와 UDP는 포트 번호를 이용하여 주소를 지정하는것과 데이터 오류검사를 위한 체크섬 존재하는 두가지 공통점을 가지고 있지만 정확성(TCP)을 추구할지 신속성(UDP)을 추구할지를 구분하여 나뉜다. TCP (Transmission Control Protocol) -인터넷상에서 데이터를 메세지의 형태로 보내기 위해 IP와 함께 사용하는 프로토콜 - 연결 지향적 프로토콜입니다. 연결 지향 프로토콜이란 클라이언트와 서버가 연결된 상태에서 데이터를 주고받는 프로토콜을 의미합니다. 클라이언트가 연결 요청(SYN 데이터 전송)을 하고, 서버가 연결을 수락하면 통신 선로가 고정되고, 모든 ..

Callback javascript에서는 callback 함수는 다른 함수의 매개변수로 함수를 전달하고, 어떠한 이벤트가 발생한 후 매개변수로 전달한 함수가 다시 호출되는 것을 의미 callback 단점 - 함수의 매개 변수로 넘겨지는 콜백 함수가 반복되어 코드의 들여쓰기 수준이 감당하기 힘들 정도로 깊어지는 현상발생 (callback hell ) step1(function (value1) { step2(function (value2) { step3(function (value3) { step4(function (value4) { step5(function (value5) { step6(function (value6) { // Do something with value6 }); }); }); }); })..

동기(Synchronous) 💡 동기는 요청을 보낸 후 응답(결과물)을 받아야지만 다음 동작이 이루어지는 방식 모든 일은 순차적으로 실행되며 어떤 작업이 수행중이라면 다음 작업은 대기하게 된다. 비동기(Asynchronous) 💡 비동기는 요청을 보낸 후에 응답과 관계없이 다음 동작을 실행할 수 있는 방식 비동기 방식은 반대로 요청을 보냈을 때 응답 상태와 상관없이 다음 동작을 수행 할 수 있다. 즉 A작업이 시작하면 동시에 B작업이 실행된다. A작업은 결과값이 나오는대로 출력된다. 동기와 비동기는 상황에 따라 각각 장단점 동기방식은 설계가 매우 간단하고 직관적이지만 결과가 주어질 때까지 아무것도 못하고 대기해야 하는 단점이 있습니다. 비동기 방식은 동기보다 복잡하지만 결과가 주어지는데 시간이 걸리더라도..

HTTP(Hyper Text Transfer Protocol) - 서버/클라이언트 모델을 따라 데이터를 주고 받기 위한 프로토콜 - 인터넷에서 하이퍼텍스트를 교환하기 위한 통신 규약 - 80번 포트 사용 인터넷 초기에 모든 웹사이트에서 기본적으로 사용되었던 프로토콜이기도 하다. HTTPS(Hyper Text Transfer Protocol Secure) - HTTP에 데이터 암호화가 추가된 프로토콜 - HTTP와 다르게 443번 포트를 사용 - 네트워크 상에서 중간에 제3자가 정보를 볼 수 없도록 암호화를 지원 기존의 http에서는 서버에서부터 브라우저로 전송되는 정보가 암호화되지 않아 보안에 취약했는데 HTTPS 프로토콜은 SSL을 사용하므로써 이러한 보안문제를 해결했다. SSL 서버와 브라우저 사이에..