narlo의 Devlog

김기일교수님 - 네트워크 IP주소 8바이트짜리 필드 4개 => 32비트의 논리주소 서브네팅 IP 프로토콜 검사합(Checksum) 송신자가 전송하는 패킷에 검사합을 함께 보내면 수신자는 패킷과 함께 검사합을 계산해 조건을 만족하면 패킷을 받아들이고 그렇지 않으면 패킷을 폐기한다. ICMP IPv6 UDP TCP와 스트림 전송 정확하게 데이터가 도착했는지 여부를 확인하기 위해 사용되는 절차 segment : 두 호스트 간의 TCP 프로토콜 사이에서의 전송단위 신뢰성 전송을 위해 사용자 데이터 세그먼트와 함께 이에 대한 확인 응답인 ACK 세그먼트를 사용 TCP 연결 과정 1. SYN 2. 반대편의 SYN, ACK 3. 다음의 SYNC, ACK TCP 혼잡제어 수신자가 받을 수 있는 양을 고려하는 것도 중요..

프로그래머스 - 프론트엔드 미니 데브코스 async, await promise는 코드의 흐름과 실행 순서가 일치하지 않는다는 게 가독성을 어렵게 만듦 async, await를 이용하여 비동기 코드도 동기 코드처럼 보이게 짤 수 있다. (실행은 비동기로) async function async 키워드가 붙은 함수는 실행 결과를 Promise로 감싼다. fetch - 비동기 http 요청을 좀 더 쓰기 편하게 해주는 API - XMLHTTPRequest를 대체한다. - Promise 기반으로 동작한다. response body를 json으로 바꿔주어야 함 혹은 text()로 불러와서 조회 시 JSON.parse() blob은 이미지 처리하는 데 쓸 수 있다. fetch api는 HTTP error가 발생하더라..

프로그래머스 - 프론트엔드 미니 데브코스 api는 호출 시 api.js를 따로 만들어서 한 곳에 모아놓자 먼저 dummy data를 만들어 넣어보고, 렌더링이 잘 되면 이후에 API를 연결해보자 항상 방어코드 작성 고려하기 this.state.map(({id, text}) => ` { //promise 내부에서 비동기 상황이 종료될 때, resolve 함수 호출 //promise 내부에서 오류 상황일 때, reject 함수 호출 }) then을 이용해 비동기 작업 이후 실행할 작업을 지정한다. 작업이 실패했을 경우, .catch로 잡을 수 있다. 성공과 실패여부와 상관없이 호출해야 하는 코드는 finally에서 처 Promise의 내장 함수들 Promise.all(iterable) : 여러 promise..

프로그래머스 - 프론트엔드 미니 데브코스 명령형 프로그래밍 const $button1 = document.createElement('button') $button1.textContent = 'Button1' const $button2 = document.createElement('button') $button2.textContent = 'Button2' const $button3 = document.createElement('button') $button3.textContent = 'Button3' const $main = document.querySelector('#app') $main.appendChild($button1) $main.appendChild($button2) $main.appendChi..