본문 바로가기

Roadmap

OS and General Knowledge - 2
Roadmap 2022. 1. 26. OS and General Knowledge - 2 일반적인 OS의 작동 방식 OS는 사용자와 컴퓨터 하드웨어 간의 인터페이스 역할을 하고 모든 종류의 프로그램 실행을 제어한다. 운영 체제의 중요한 기능은 아래와 같다. 자원관리 기능 메모리 관리 프로세서 관리 장치 관리 파일 관리 메모리 관리 메모리는 메인 메모리와 보조기억장치로 구분하며 메모리 관리는 메인 메모리의 관리를 의미한다. 메인 메모리는 CPU에서 직접 액세스 할 수 있는 빠른 스토리지를 제공하며 프로그램이 실행되기 위해서는 반드시 메인 메로리에 있어야 한다. 메모리 관리를 위해서 부분별로 메모리의 사용 여부를 추적하고 멀티프로그래밍에서는 어느 프로세스가 언제, 얼마나 확보를 해야 되는지 결정한다. 또한 프로세스가 요청할 때 메모리를 할당하기도 하며 더 이상 필요하지 않거나 종료된 경우 메모리..
OS and General Knowledge - 1
Roadmap 2022. 1. 25. OS and General Knowledge - 1 OS? OS(Operating System)은 컴퓨터에서 실행되는 가장 중요한 소프트웨어이다. 메모리와 프로세스는 물론 모든 소프트웨어와 하드웨어를 관리하며 컴퓨터 언어를 구사할 수 있는 방법을 몰라도 우리는 컴퓨터를 사용할 수 있다. 대부분의 경우 여러 프로그램이 동시에 실행되고 있으며 모두 컴퓨터의 CPU(Central Processing Unit), 메모리 및 저장소에 접근해야 한다. OS는 이 모든 것을 조정하여 각 프로그램에 필요한 것을 할당한다. 우리가 잘 아는 대표적인 OS로는 Windows, Linux, mac os 등이 있으며 보통 GUI(Graphical User Interface) 환경을 제공한다. GUI 환경은 마우스를 사용하여 아이콘, 버튼, 메뉴 등을 클릭할 수 있으며 모든 것이..
Basic Frontend Knowledge - JavaScript
Roadmap 2022. 1. 24. Basic Frontend Knowledge - JavaScript JavaScript? JavaScript는 웹 페이지의 동적인 부분을 위해서 만들어졌다. 이 스크립트 언어는 HTML 문서에 바로 작성하고 페이지가 로드될 때 자동으로 실행할 수 있다. JavaScript는 브라우저뿐만 아니라 서버에서도 실행될 수 있으며 JavaScript 엔진이 있는 모든 장치에서 실행할 수 있다.(Chrome, Opera, Edge - V8 / Firefox - SpiderMonkey) JavaScript가 할 수 없는 것? 웹 페이지가 개인 정보에 액세스 하거나 사용자 데이터를 손상시키는 것을 방지한다. 때문에 웹 페이지의 JavaScript는 하드 디스크에 있는 임의의 파일을 읽거나 쓸 수 없으며 복사하거나 프로그램을 실행할 수 없다. 파일 작업을 허용하지만 태그를 통해 파일을 ..
Basic Frontend Knowledge - CSS
Roadmap 2022. 1. 21. Basic Frontend Knowledge - CSS CSS? CSS(Cascading Style Sheets)는 HTML 요소가 화면에 표시되는 방식과 스타일을 설명하는 문서이다. HTML 요소에 직접적으로 스타일을 적용할 수 있으나 구조를 담당하는 HTML이 너무 복잡해지고 지저분해진다. CSS를 사용함으로써 HTML을 선택하여 짧은 설명으로도 여러 요소에 방식과 스타일을 적용할 수 있다. CSSOM? CSSOM(CSS Object Model)이란 CSS 문서를 파싱 하여 구조화한 오브젝트 모델로 Internet - 5(Browser and how they work?, https://donghyeob-devlog.tistory.com/7)에서 나왔던 Rendering engine에서 HTML 문서를 파싱 하는 동시에 이뤄진다. CSS는 HTML 요소의 ..
Basic Frontend Knowledge - HTML
Roadmap 2022. 1. 20. Basic Frontend Knowledge - HTML HTML? HTML(Hyper Text Markup Language)는 프론트엔드에서 사용되며 CSS를 사용하여 스타일을 지정할 수 있고 JavaScript를 사용하여 동적으로 만들 수 있는 웹 페이지의 구조를 제공한다. 방대한 양의 HTML을 다 설명하기에는 실력도 지식도 부족하기 때문에 HTML은 "이렇게 생겼구나" 정도로 글을 남기려 한다. HTML 요소? HTML요소(element)는 시작 태그, 태그의 속성 이름, 속성의 값, 내용, 종료 태그가 하나로 이루어져 있다. 물론 속성이나 내용이 없거나 종료 태그가 없는 빈 태그(, , , , 등) 또한 존재한다. 웹 브라우저는 바로 이 요소들로 이루어진 HTML 문서를 읽고 사용자에게 올바르게 표시하는 것이 목적이다. HTML 편집기? HTML은 메..
Internet - 마지막
Roadmap 2022. 1. 19. Internet - 마지막 What is hosting? 호스팅이란 데이터 센터에 있는 서버 컴퓨터의 전체 또는 일정 공간과 네트워크 대역폭을 임대해 주는 서비스를 말한다. 개인 PC로 웹 사이트를 운영하기 위해서는 24시간 365일(외에도 온도, 습도, 네트워크 속도, 안정적인 전원 공급 등) PC가 구동되어야 하기 때문에 현실적으로 불가능하다. 때문에 호스팅 업체가 여러 대의 서버 중 일정 공간을 이용자들에게 임대해주고 그 대가를 받는 서비스가 호스팅이다.(나무 위키) 웹 호스팅? 웹 호스팅은 말 그대로 웹을 운영하기 위해 서버의 일부분을 임대해주는 서비스이다. ※ 광고하는 것은 아니고 예전에 사용했던 곳이 cafe24여서 호스팅 서비스 상품에 대한 예를 들기 위해 참조했습니다. 하지만 무한정 용량과 트래픽을 할당해줄 수 없기..
Internet - 5
Roadmap 2022. 1. 18. Internet - 5 Browsers and how they work? Browser? 브라우저의 주요 기능은 서버로 요청을 보내 선택한 웹 리소스를 브라우저 창에 표시하여 제공하는 것이다. 웹 리소스는 일반적으로 HTML 문서이지만 PDF, 이미지 등 다른 유형의 콘텐츠일 수도 있다. 리소스의 위치는 URI(Uniform Resource Identifier)를 사용하여 사용자가 지정한다. 브라우저가 HTML 파일을 해석하고 표시하는 방식은 HTML 및 CSS 사양에 지정되어 있다. 이러한 사양은 웹 표준 조직인 W3C(World Wide Web Consortium) 조직에서 유지 및 관리한다. 각 브라우저는 사양의 일부만 준수하고 자체적으로 확장 개발하여 웹 호환성에 심각한 문제를 일으켰으나 현재 대부분의 브라우저는 사양을..
Internet - 4
Roadmap 2022. 1. 17. Internet - 4 DNS and how it works? DNS? DNS(Domain Name System)은 호스트의 도메인 이름을 호스트의 네트워크 주소로 바꾸거나 그 반대의 경우에도 변환을 수행할 수 있도록 하기 위해서 개발되었다(위키백과). 말 그대로 연결하려는 컴퓨터의 IP를 모두 외우고 다닐 수 없기 때문에 DNS를 통해 컴퓨터의 이름과 해당 IP주소를 추적할 수 있다. 예를들어 google.com은 172.217.175.238와 같은 ip 주소로도 접근할 수 있다. DNS의 동작원리? 1. 브라우저의 주소창에 도메인 이름을 입력한다. 2-1. 브라우저는 로컬 DNS 캐시를 사용하여 입력란 도메인 이름으로 식별되는 IP주소를 이미 알고 있는지 컴퓨터에게 묻는데 알고 있는 경우 IP주소로 변환되고 웹 서버에 요청..

티스토리툴바