전체 글 166

[ Javascript ] - Promise란?

HTML 삽입 미리보기할 수 없는 소스 프로미스는 자바스크립트의 비동기 처리에 사용되는 객체로, 작업의 순서에 따른 실행을 가능케 합니다. 예를 들어 서버를 통해서 데이터를 받아 그 값을 반환하는 식의 작업인 경우, 비동기 처리 방식인 자바스크립트의 특성상 서버로부터 값을 받기 전에 값을 반환하여 문제가 발생할 수 있습니다. 이러한 상황에서 프로미스 객체를 사용하여 서버로부터 값을 받은 후에 다음 작업이 실행되도록하여 작업의 순서를 보장할 수 있습니다. * 비동기 처리 : 특정 코드의 실행이 완료될 때까지 기다리지 않고, 다음 코드를 실행하여 작업이 완료되는 순서대로 결과물을 출력하는 것. function delay(sec, callback) { setTimeout(() => { callback(new ..

Javascript/etc 2022.05.26

[ Javascript ] - 비동기 처리?

자바스크립트는 기본적으로 한 번에 여러 작업에 대한 처리가 가능한 비동기 처리 방식을 취하고 있습니다. 자바스크립트의 비동기 처리 방식은 사용자가 페이지 요청시 서버로부터 응답이 올 때까지 기다리지 않고, 서버에 데이터 요청 후 다른 코드를 실행함으로써 페이지를 요청한 사용자에게 보다 빠르게 페이지를 출력하여 보여 줄 수 있습니다. * 비동기 처리 이전 작업의 실행 완료 여부와 상관없이 동시에 여러 작업을 실행하여, 실행이 먼저 완료되는 대로 결과물을 출력한다. 즉 이전의 작업이 완료되기 전에 다른 작업을 실행한다. * 동기 처리 작업의 우선 순서에 따라 작업이 실행되며, 이전 작업이 완료될 때까지 다른 작업은 대기 상태가 되었다가 이전의 작업이 모두 완료된 후 순서에 따라 다음 작업이 실행되는 것이다...

Javascript/etc 2022.05.26

[ Web이론 ] - 네트워크 인터페이스 카드 / 트랜시버 / 허브 / 스위치 / 라우터 / 로드밸런서 / 스케일 아웃 / 스케일 업 / Rack

네트워크 인터페이스 카드? 컴퓨터를 네트워크에 연결하기 위한 하드웨어 장치이다. 역할 1. 직렬화 즉 전기적 신호를 데이터 신호 형태로 바꾸거나, 데이터 신호 형태를 전기적 신호 형태로 변확해주는 일을 한다. 2. 네트워크 인터페이스 카드는 MAC 주소를 가지는데, 이러한 MAC주소는 패킷에 담겨 데이터 송수신시 함께 전달되어, 패킷에 담긴 목적지 MAC주소와 실제 도달된 곳의 MAC주소 일치 여부에 따라 목적지 검증이 가능하다. * 참고로 노트북 맥이 아니라 Media Access Control로, 통신을 위해 네트워크 인터페이스에 할당하는 고유식별자이다. 3. 하나의 채널에서 여러 통신이 이루어지는 과정에서 이미 통신 중인 데이터로 인하여 새로운 데이터를 받는 것이 어려운 경우, 새로운 데이터를 전달..

이론 2022.05.26

[ WEB ] 인캡슐레이션(Encapsulation), 디캡슐레이션(Decapsulation)

인캡슐레이션( Encapsulation ) 데이터를 분할하여 패킷형태로 데이터를 보내는 것. 전송 계층 -> 네트워크 계층 -> 데이터 링크 계층 -> 물리 계층 디캡슐레이션 ( Decapsulation ) 분할된 패킷을 받아 순서에 맞게 결합하는 것. 물리 계층 -> 데이터 링크 계층 -> 네트워크 계층 -> 전송 계층 현재의 네트워크 통신은 데이터를 작게 쪼갠 형태인 패킷을 주고 받는 형태로 이루어진다. 송신 과정에서는 데이터는 패킷 단위로 분할되어 목적지까지 보내지게 되는데 이때에 전달되는 순서는 일정하지 않다. 데이터를 수신하는 측에서 패킷을 순서에 맞게 다시 결합하여 사용한다. 헤더 정보를 통해 데이터를 확인 및 검증하고,검증이 끝난 헤더는 제거된 후 상위 계층으로 전달된다. 헤더에는 출발지와 ..

이론 2022.05.24

[ WEB ] - 프로토콜 / 이더넷

프로토콜이란? 프로토콜은 원활한 통신을 위해 어떠한 식으로 데이터를 주고 받고, 요청하는지를 정해 놓은 일종의 규약을 의미합니다. 대표적인 프로토콜로는 애플리케이션 레이어 프로토콜의 일종인 HTTP와 SMTP가 존재합니다. TCP / IP 프로토콜 스택 * 프로토콜 스택이란 계층화된 프로토콜의 집단들을 의미합니다. 물리 계층의 이더넷 + 데이터가 목적지까지 도달하도록 돕는 네트워크 계층 + 쪼개진 패킷을 데이터 형태로 조합하는 전송 계층과 애플리케이션 계층 OSI 7계층 TCP / IP 모델 대표 프로토콜 응용 계층, 응용 계층 HTTP, SSH, FTP, DNS, SMTP, SNTP 표현 계층 세션 계층 전송 계층 전송 계층 TCP, UDP 네트워크 계층 인터넷 IP 데이터 링크 계층 네트워크 접속 E..

이론 2022.05.23

[ Javascript ] - 기본 함수

1. concat( ) 여러 배열을 합쳐서 새로운 배열을 반환해주는 함수이다. const arr1 = ["a", "b", "c"]; const arr2 = ["d", "e", "f"]; const arr3 = arr1.concat(arr2, 'g'); console.log(arr3); // [ 'a', 'b', 'c', 'd', 'e', 'f', 'g' ] const str1 = 'hello'; const str2 = 'world'; console.log(str1.concat(" ",str2)); // 이와 같이 string을 붙이는 것도 가능하다. 2. push( ) 배열의 끝에 새로운 요소를 추가하고, 요소가 추가된 전체 배열을 반환한다. const arr1 = ['apple', 'mango']; c..

Javascript/etc 2022.05.22

[ AWS ] - Apprunner 사용하여 배포하기

배포할 repository 주소 https://github.com/miheeOh/react_new aws 계정은 존재한다고 가정 1. app runner를 검색합니다. 2.App Runner 서비스 생성을 클릭합니다. 3. 기존에 연결된 git 저장소가 없는 경우, 새로 추가를 클릭하고 github 계정을 연결합니다. 리포지토리 칸은 배포하려는 리포지토리를 선택합니다. 브랜치 칸은 배포하려는 브랜치를 선택합니다. 앞으로 main 브랜치에 변경된 내용을 push하게 되면 배포된 사이트에 main 브랜치의 변경된 내용이 반영됩니다. 배포 설정의 경우 위에서 설정한 브랜치에 push되면 자동으로 배포되도록 자동을 선택합니다. 모든 설정이 완료된 경우 다음을 클릭합니다. 4. 빌드 구성 부분에서 리포지토리에 배..

AWS 2022.05.21