본문 바로가기

전체 글57

[CS] 운영체제 역할 정리 📖 운영체제 주요 역할 1. 시스템 자원(System Resource) 관리자의 역할 시스템 자원(System Resource)은 컴퓨터 하드웨어를 뜻한다. ✅ 컴퓨터 하드웨어 종류 CPU (중앙처리장치), Memory (DRAM, RAM), I/O Devices (입출력장치) : Monitor, Mouse, Keyboard, Network 저장매체 : SSD, HDD (하드디스크) 등이 있으며, 이러한 하드웨어들을 관리하는 게 운영체제이다. 이 말은 응용프로그램이 하드웨어를 직접적으로 제어하지 못하고 운영체제를 통해야 할 수 있다는 얘기가 된다. ✅ 운영체제가 없다면? CPU : 각 프로그램이 얼마나 CPU를 사용할지를 결정할 수는 없다. Memory : 각 프로그램이 어느 주소에 저장되어야 하는지, .. 2023. 2. 19.
[CS] 커널모드와 사용자모드 이해 📖 커널 모드와 사용자 모드 이해 ✅ 왜 프로그램은 OS별로 있을까? 각각의 운영체제마다 시스템 콜이 다르고 시스템 콜을 호출하는 API구현이 다르기 때문이다. JAVA 같은 경우 JDK를 각각의 운영체제에 맞게 설치해 줌으로써, 운영체제에 맞게 처리해 주기 때문에 자바 하나의 코드만 작성해도 여러 운영체제에 동작하게 할 수 있다. ✅ 사용자 모드와 커널 모드 컴퓨터에 영향을 미칠 수 있는 중요한 동작들은 운영체제에서만 처리하게 만들어 놨다. 파일을 읽거나 쓰거나 삭제하려면 시스템 콜을 통해서 커널에 요청을 하고 커널이 처리를 하는 방식이며, 응용프로그램이 직접 적으로 파일에 접근해 읽고 쓰고 삭제할 순 없다. 사용자 모드는 응용프로그램이 동작하는 것을 말하는데 중요한 동작이 있다면 커널에 요청하게 된다.. 2023. 2. 19.
[CS] 운영체제(커널, 쉘) 이해 📖 운영체제 개념 이해 ✅ 운영체제란 : OS (Operating System) 특정한 기능을 하는 하나의 프로그램이다 일반적으로 커널에 여러가지가 추가된 상태를 운영체제라 하며, 커널은 운영체제의 코어이다 💡 주요 운영체제 윈도우 ,UNIX 계열 OS (리눅스), Mac OS 운영체제라는 커널이 있고 운영체제 위에서 돌아가는 프로그램들이 있다. 그걸 응용프로그램이라 하는데 흔히 우리가 사용하는 excel, ppt, vscode 같은것을 말한다. 💡 안드로이드는 OS일까? 안드로이드는 운영체제가 아니다. 안드로이드는 리눅스 커널 기반이다. ✅ 커널과 쉘 이해 커널에 여러가지가 추가된 걸 운영체제라 했는데 추가된 여러가지가 무엇이 있을까? 대표적으로 쉘(Shell)이 있다. 운영체제는 가장 큰 역할 중 하.. 2023. 2. 19.
[CSS] 자주 쓰이는 Scss 핵심 기능 Sass와 Scss 차이 기본적으로 Sass와 Scss는 Nesting 구조를 가지고 있다. 👀 Sass 예제 .list width: 100px float: left li color: red background: url("./image.jpg") &:last-child margin-right: -10px 👀 Scss 예제 .list { width: 100px; float: left; li { color: red; background: url("./image.jpg"); &:last-child { margin-right: -10px; } } } 위 두 예제를 보게 되면 Sass는 범위의 구분을 indent로 구분하고, Scss는 브라켓으로 구분하는 걸 알 수 있다. 💡 Sass 같은 경우는 indent로 .. 2023. 2. 14.
[CSS] position 정리 🤔 position 이란? CSS에서 position 속성은 문서 상에 요소를 배치하는 방법을 지정한다. 📖 position 속성 5가지 1. static position을 지정하지 않았을 때의 기본값 이다. top, right, bottom, left, z-index 영향을 받지 않는다. 2. relative 자기 자신을 기준으로 top, right, bottom, left의 값에 따라 위치를 조정한다. 위치가 바꼈을때 다른 요소에는 영향을 주지 않는다. 따라서 페이지 레이아웃에서 요소가 차지하는 공간은 static일 때와 같다. static과 다르게 z-index가 적용된다. table-*-group, table-row, table-column, table-cell, table-caption 요소에는.. 2023. 2. 13.
[CSS] CSS Box Model 🤔 Box Model 이란? 모든 HTML 요소는 박스(box) 모양으로 구성되며, 이것을 박스 모델(box model)이라고 부른다. 박스 모델은 HTML 요소를 padding, border, margin, 그리고 content으로 구분한다. CSS에서의 기본적인 Box Model에서는 지정한 너비와 높이는 요소의 콘텐츠 박스 크기에만 적용됩니다. 따라서 크기를 설정할 때, 원하는 크기를 얻으려면 테두리나 안쪽 여백을 고려해야 합니다. 하나 하나 계산하며 맞추기 어려움을 해결하기 위해선 box-sizing이란 속성을 사용하면 됩니다. 📖 box-sizing 속성 content-box content-box는 기본 CSS 박스 크기 결정법을 사용합니다. 요소의 너비를 100 픽셀로 설정하면 콘텐츠 영역이 .. 2023. 2. 13.
[HTML] 유용한 HTML Emmet 정리 🤔 Emmet이란? Emmet은 HTML과 CSS에서 타이핑 몇자를 적으면 자동으로 나머지 코드들을 자동생성해줌으로써, 코드 작성 시간을 아주 빠르게 단축 시켜주는 에디터 확장기능입니다. 📝 자주 쓰는 Emmet 정리 및 예제 1. 자동완성 : tab키 예시) 2. 텍스트 넣기 : {} 예시) 안녕 3. 자식(하위)요소 : > 예시) 4. 형제 요소 : + 예시) 5. 올라가기 : ^ 예시) 6. 반복하기 : * 예시) 7. 그룹화 : () 예시) 8. 클래스 : . 예시) 9. 아이디 : # 예시) 10. 속성 : [attr] 예시) 11. 넘버링 : $ 예시) 2023. 2. 13.
[Git] gitignore 작성법 .gitignore 란? 평소에 git add 명령어를 사용할 때 파일 하나를 제외하고 추가 하고 싶은 경우가 있다. 특히, 리액트를 CRA로 만들어 사용할 경우 node_modules파일은 너무나도 빼고 싶은 경우 일 것이다. 그럴 때 우리는 .gitignore이란 파일을 생성해 무시할 파일들을 데스노트 마냥 적으면 깔끔히 존재를 무시해 준다. 작성법 test.txt 파일과 docs 폴더를 이용해 예시를 들자면, ✅ test.txt 파일 제외하기 test.txt ✅ 현재 경로에 있는 test.txt 파일만 제외하기 /test.txt ✅ node_module 안의 파일 다 제외하기 node_module/ ✅ docs 폴더의 test.txt 제외하기 docs/test.txt ✅ txt 확장자 파일 다 제외.. 2023. 2. 9.

티스토리툴바