Development94 서버, 클라이언트, 프로토콜, 통신, 웹 표준 서버(Server) 서비스를 제공하는 컴퓨터(Service Provider) 클라이언트(Client) 서비스를 받는 컴퓨터(Service User). 웹 브라우저가 대표적이다. 통신 규약 또는 통신 프로토콜(Communication Protocol) 컴퓨터끼리(서버와 클라이언트끼리) 서로 원활한 통신이 이루어지도록 만든 공통의 약속(프로토콜)이다. 대표적으로 HTTP, HTTPS, FTP 등이 있다. 서버와 클라이언트 간의 통신 브라우저가 페이지를 요청하면 웹 서버가 이에 대한 응답으로 웹 페이지를 보내는 식으로 서버와 클라이언트가 통신하게 된다. 서버와 클라이언트는 단일 컴퓨터 내(로컬 환경)에서도 적용될 수 있고 네트워크 환경에서도 적용될 수 있는 개념적인 구분이다. 웹 표준 다양한 브라우저에 대응하.. 2022. 11. 30. 메소드 체이닝 체인 형식의 메소드 연결을 말한다. const a = ‘Hello~’; const b = a.split(’’); const b = a.split(’’).reverse(); const b = a.split(’’).reverse().join(’’); split → reverse → join 순으로 실행된다. 2022. 11. 30. 보간법 element-${} 위와 같이 달러 표시와 중괄호를 사용하는 것을 보간법이라 한다. 보간법을 사용하기 위해서는 backtick 기호(`)를 사용해야 한다. `element-${}` div element 1 div element 2 div element 3 div element 4 div element 5 const divElems = document.querySelectorAll('.div'); divElems.forEach(function(item, index) { console.log(`item index: ${index}`); }); 2022. 11. 29. defer div element const divElem = document.querySelector('.div'); console.log('querySelector result: ', divElem); 위와 같이 작성할 경우, 다음과 같이 null값이 반환된다. 웹 브라우저는 HTML의 맨 위에서부터 아래로 순차적으로 문서를 읽어나간다. 이 때, script 요소를 읽은 시점은 body 요소를 읽기 전인데, 스크립트문에 의해 알 수 없는 요소에 대한 querySelector를 실행하고 있는 셈이 된다. 따라서 null이 반환된다. 이를 해결하기 위해선 script 요소에 defer 속성을 추가해주어야 한다. div element defer는 HTML 문서를 모두 읽은 후에 script 파일을 읽도록 지시한다. 2022. 11. 29. 이전 1 2 3 4 5 ··· 24 다음
