반응형 내가 공부하려고 올리는/web17 HTTP 총정리 인터넷 네트워크 IP 인터넷 프로토콜 클라이언트와 서버는 IP 주소를 부여받는다. IP 주소를 통해 데이터를 전달한다. 패킷(Packet)이라는 통신 단위로 데이터를 전달한다. 인터넷 망에 있는 각 노드들은 IP를 따르고 있기 때문에, IP 패킷의 정보를 토대로 목적지 IP까지의 경로를 찾아 데이터를 전달한다. IP의 한계 비연결성 패킷을 받을 대상이 없거나 서비스 불능 상태에서도 패킷이 전송된다.(편지의 우편 발송처럼) 비신뢰성 중간에 패킷이 사라질 수 있다. 패킷이 순서대로 전송되지 않을 수 있다. 프로그램 구분 같은 IP를 사용하는 서버에서 통신하는 애플리케이션이 둘 이상일 때 구분할 수 없다. TCP/IP IP의 한계를 극복하기 위해 TCP를 같이 사용한다. 데이터의 흐름이나 정확성을 확인하는 것.. 2022. 2. 13. 브라우저 동작 원리(쉽게 알아보기) - 최종 (8) 이 글은 이스라엘 개발자 탈리 가르시엘(Tali Garsiel)이 html5rocks.com에 게시한 "How Browsers Work: Behind the scenes of modern web browsers"를 인용하고 있습니다. 아무것도 모르는 초보자의 시선에서 하나하나 모르는 용어는 용어대로 찾아가면서 정리해보는 글입니다. 저와같이 아무것도 모르는 초보자를 기준으로 글을 작성했습니다. 부디 이 글에 마지막에는 글을 쓰고 있는 저도, 독자도 어렴풋이라도 브라우저가 어떻게 동작하는지 이해할 수 있었으면 좋겠습니다. 🙏 이 글은 브라우저 동작 원리 8편입니다. 다른 편은 아래 링크나 블로그에서 참조해주세요! 브라우저 동작 원리 1편 브라우저 동작 원리 2편 브라우저 동작 원리 3편 브라우저 동작 원리 .. 2021. 12. 13. HTML/CSS/JavaScript를 사용해 개인 포트폴리오 사이트 만들기(2) 저번 글에 이은 HTML/CSS/JavaScript를 사용해 개인 포트폴리오 사이트 만들기 2편입니다. 오늘은 저번 글에 이어서 각 섹션에 따로 적용되는 CSS 요소와 JavaScript를 확인해보겠습니다. 저번 글을 확인하고 싶은 분들은 아래 링크를 이용해주세요! HTML/CSS/JavaScript를 사용해 개인 포트폴리오 사이트 만들기 1편 #CSS 구성 확인하기 / nav.css 내비게이션 바의 기본 CSS입니다. 내비게이션 바의 경우 스크롤을 내려도 계속해서 화면 상단에 위치해야 하기 때문에 'position: fixed' 속성을 부여합니다. 화면 크기에 맞추기 위해 'width: 100%' 속성을 부여하고, 다른 페이지 부분과 겹칠 경우z 축을 기준으로 가장 위에 있어야 하기 때문에 'z-ind.. 2021. 12. 11. HTML/CSS/JavaScript를 사용해 개인 포트폴리오 사이트 만들기(1) 오늘은 HTML과 CSS, JS를 이용해 만든 개인 포트폴리오 사이트를 정리해 보려고 합니다. 우선 최종 완성된 페이지의 모습을 확인해 보겠습니다. 개인적으로 확인해보실 분들은 다음 페이지에서 확인 부탁드립니다! http://determination.dothome.co.kr/ (도메인 만료) #페이지 소개 영상 우선 홈 화면입니다. 보유한 스킬이 쓰이고 지워지는 애니메이션을 추가했습니다. 내비게이션 바를 만들었고 'Determination'에서 'tion'의 경우 스크롤이 내려가 화면이 고정되면 색이 통일되도록 하였습니다. 메뉴바에 마우스를 올리면 색깔이 변하도록 스타일을 주었습니다. 다음은 섹션 화면입니다. 메뉴바를 클릭 시 해당 섹션으로 이동할 수 있도록 했습니다. 스크롤을 내려도 순서대로 해당 섹션.. 2021. 12. 11. Web - REST API 이번 글에서는 REST API에 대해서 알아보겠습니다. REST API를 설명하기 위해 우선 API가 무엇인지 알아보겠습니다. API란? 위의 그림으로 API가 무엇인지 알아보겠습니다. 리모컨은 TV의 기능을 사용하기 위해 존재합니다. 비단 리모컨만이 아니라도, 컴퓨터의 마우스나 키보드 역시 컴퓨터를 동작시키기 위해 존재합니다. 이러한 리모컨, 마우스, 키보드를 '제어장치'라 하고 'Interface'라고도 합니다. 이런 하드웨어적인 제어장치 말고도 소프트웨어적인 제어장치도 존재합니다. 예를 들어 웹 사이트에는 스크롤 바, 버튼과 같이 다양한 제어장치, 즉 인터페이스(Interface)가 존재합니다. 이러한 인터페이스를 UI(User Interface)라고 부릅니다. 앞서 설명한 제어장치들은 사람의 요청.. 2021. 11. 22. Web - 동기 vs 비동기 프로그래밍(자바스크립트) 보통 할 일이 많을 때 아침이나 전날 저녁에 To Do List를 만들어 계획을 세우고 하루를 시작할 때가 많습니다. 간단한 To Do List를 만들어 보겠습니다. 운동하기 프로그래밍 공부하기 블로그 관리하기 단백질 챙겨 먹기 이와 비슷한 또 다른 To Do List를 만들어 보겠습니다. 08:00 : 운동가기 10:00 : 단백질 챙겨 먹기 12:00 : 프로그래밍 공부하기 14:00 : 단백질 챙겨 먹기 15:00 : 프로그래밍 공부하기 18:00 : 단백질 챙겨 먹기 20:00 : 블로그 관리하기 두 번째는 첫 번째 To Do List와 유사하지만 할 일을 시간에 맞게 정리한 버전입니다. 이러한 To Do List를 통해 비동기식/동기식을 이해할 수 있습니다. 쉽게 예를 들자면, 첫 번째가 비동기.. 2021. 11. 22. 이전 1 2 3 다음 반응형
