전체 글109 3. HTTP 기본 인프런의 모든개발자를 위한 HTTP 웹 기본 지식 강의를 들은 내용을 정리하는 포스트입니다. 모든 것이 HTTP HTTP 는 원래 Hyper link 가 담긴 문서를 주고받는 프로토콜이었음. => 현재는 모든것을 담아서 전송하는 프로토콜로 발전함. HTTP는 발전하여 현재 HTTP3 까지 발전했으나 여전히 가장 많이 사용하는 버전은 HTTP/1.1 버전임. HTTP 특징 • 클라이언트 서버 구조 • 무상태 프로토콜(스테이스리스), 비연결성 • HTTP 메시지 • 단순함, 확장 가능 클라이언트 서버 구조 - 요청과 응답으로 이루어진 구조(Request, Response) - 클라이언트는 서버에 요청을 보내고, 응답을 대기 - 서버가 요청에 대한 결과를 만들어서 응답 왜 서버와 클라이언트로 나누는게 중요한가.. 2021. 6. 21. JS30 - Follow Along Link Highlighter JS30 22강을 진행하면서 배운 내용을 정리해두려 합니다. 1. getBoundingClientRect() https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect Element.getBoundingClientRect() - Web APIs | MDN The Element.getBoundingClientRect() method returns a DOMRect object providing information about the size of an element and its position relative to the viewport. developer.mozilla.org 이번 프로젝트를 진행하면서 특정 DOM 요소의.. 2021. 6. 21. 2. URI와 웹 브라우저 요청 흐름 인프런의 모든개발자를 위한 HTTP 웹 기본 지식 강의를 들은 내용을 정리하는 포스트입니다. 아래의 MDN 문서도 같이 참고하면 더 좋습니다. https://developer.mozilla.org/ko/docs/Web/HTTP/Overview HTTP 개요 - HTTP | MDN HTTP는 HTML 문서와 같은 리소스들을 가져올 수 있도록 해주는 프로토콜입니다. HTTP는 웹에서 이루어지는 모든 데이터 교환의 기초이며, 클라이언트-서버 프로토콜이기도 합니다. 클라이언트-서버 developer.mozilla.org URI, URL, URN URI URI 는 Uniform Resource Identifier의 줄임말이다. 단어뜻은 간단하게 말하자면 자원을 파악하는데 통일된방식이라 할수 있겠다. 그렇다면 UR.. 2021. 6. 20. 1.인터넷 네트워크 인프런의 모든개발자를 위한 HTTP 웹 기본 지식 강의를 들은 내용을 정리하는 포스트입니다. IP 인터넷 프로토콜 역할 - 지정한 주소에 데이터를 전달한다. - 패킷(Packet)이라는 통신단위로 데이터 전달. 인터넷 프로토콜 한계 - 비연결성 (패킷을 받을 대상이 없거나 서비스 불능 상태여도 패킷 전송) - 비신뢰성 (중간에 패킷이 사라지면? 패킷이 순서대로 안오면?) - 프로그램 구분 (같은 IP를 사용하는 서버에서 통신하는 애플리케이션이 둘 이상이면?) 서버가 죽어있는데 패킷을 보내거나 광활한 인터넷 망의 특정 노드에서 패킷이 소실되거나 패킷전달순서가 달라지거나...(패킷별로 타고 이동하는 노드가 다를수 있다고 한다.) TCP UDP 위에서 보았듯 IP 만으로는 안전하게 통신이 어렵다 => TCP .. 2021. 6. 20. 코어 자바스크립트 후기 이번주에는 바닐라코딩 프렙 추천도서에있던 코어 자바스크립트를 읽으며 학습했다. 책을 읽어본 후기는....... 세상에 이 책을 왜 이제 읽었나 싶다! 지금까지 MDN 공식문서를 통해 this, 호이스팅, 클래스, 프로토타입, 클로저등 몇몇 개념에 대한 설명을 읽고 이해하려고 해도 영어라서 그런지 전반적으로 머릿속에서 뭉개뭉개한 느낌이었는데 이 책을 읽고 드디어 어느정도 틀이 다져진거 같다. (MDN만 읽었을때는 넘모넘모 아리송한게 많았다 ㅜㅜㅜㅜㅜㅜ) 특히 원시형 데이터와 참조형 데이터를 메모리관점에서 본 설명과 this에 대한 명확한 설명이 너무 좋았음. 책은 총 7장으로 [데이터 타입 / 실행 컨텍스트 / this / 콜백함수 / 클로저 / 프로토타입 / 클래스] 로 나뉘어 있다. 챕터 제목과 서문에.. 2021. 6. 20. JS30-Local storage, Mouse Move, Sort JS30 15~17강을 진행하면서 배운내용을 정리해두려 합니다. 1. This와 Event.target은 다를수 있다. ${plate.text} const itemsList = document.querySelector('.plates'); itemsList.addEventListener('click', handleChecked) function handleChecked(e) { console.log(this, e.target) //this는 ul e.target은 input과 label로 2개가 나온다. } 위의경우 this는 이벤트리스너가 붙은 것을 가리키며(이벤트를 감시하는 객체) e.target은 이벤트가 발생한지점을 나타낸다. 다만 currentTarget은 항상 this와 같음. https://.. 2021. 6. 16. 이전 1 ··· 4 5 6 7 8 9 10 ··· 19 다음
