TIL75 JS30- Sticky Nav / Event Capture, propagation JS30 24강을 진행하면서 배운 내용을 정리해두려 합니다. 1.CSS position CSS 포지션이 잘 이해가안가는 부분이 있었는데 특정 element의 position을 fixed 로 바꾸면 아래에 있던 element가 위치가 위로 당겨지는 거였다. 그 이유는 absolute positioning에 해당하는 요소들인 문서의 normal flow 에서 벗어나기 때문이다. 스택오버플로우에서 해당 내용을 기막히게 비유한 글이있어서 간단하게. 옮겨 적는다. (https://stackoverflow.com/questions/33132586/why-isnt-my-margin-working-with-position-fixed/33132765#answer-33132765) HTML 문서를 하나의 강이라고 생각하고.. 2021. 6. 23. 4. HTTP 메서드 인프런의 모든개발자를 위한 HTTP 웹 기본 지식 강의를 들은 내용을 정리하는 포스트입니다. HTTP API를 만들어보자 아래의 기능을 지원하는 회원 정보 관리 API URI를 만드는 상황을 생각해보자 • 회원 목록 조회 => /read-member-list • 회원 조회 => /read-member-by-id • 회원 등록 => /create-member • 회원 수정 => /update-member • 회원 삭제 => /delete-membe 이렇게 동사를 활용해서 URI를 만드는 것이 맞는걸까??? URI = Uniform Resource Identifier 이다. 이때 Resource는 회원 그 자체를 의미하는거지 등록, 조회 수정 등의 행위는 해당하지 않는다. 따라서 회원이라는 단어에 집중하여 .. 2021. 6. 22. 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. 이전 1 2 3 4 5 6 7 ··· 13 다음
