h34035 No Contents

1. 운영체제(OS, Operating System)란 하드웨어 위에 설치되어 하드웨어 계층과 다른 소프트웨어 계층을 연결하는 소프트웨어 계층 하드웨어 ↔ 운영체제 ↔ 유틸리티 ┄ 응용프로그램 ┄ 사용자 2. OS의 역할 CPU, 메모리 등 한정된 컴퓨터 시스템의 자원을 관리 사용자와 컴퓨터 간 인터페이스를 제공해 사용자가 컴퓨터를 편리하게 사용할 수 있는 환경 제공 3. 대표적인 OS의 종류 윈도우(Windows) 맥OS(macOS) 리눅스(Linux) 유닉스(Unix) 4. 운영체제의 목적 한정된 자원 안에서 정확하고 빠르게 주어진 문제를 해결 처리 능력(throughput) 향상: 자원 관리를 통해 일정 시간 내에 시스템이 처리하는 일의 양을 향상시킴. 반환 시간(turnaround time) 단축..

* 다음은 아티클을 번역 및 정리한 것입니다. 삼각함수 CSS에서는 수학 표현식을 작성할 수 있다. 기본적으로 계산을 수행하는 calc() 함수 외에도 min(), max(), clamp() 등을 들어 본 적이 있을 것이다. Chrome 111에서 삼각함수 sin(), cos(), tan(), asin(), acos(), atan(), atan2()도 이 대열에 합류한다. 이 함수들은 에 정의되어 있으며 모든 브라우저에서 사용할 수 있다. 더보기 지원하는 브라우저 chrome 111 firefox 108 edge 111 safari 15.4 출처: https://developer.mozilla.org/en-US/docs/Web/CSS/cos#browser_compatibility sin(), cos(),..

* 《Try out CSS Nesting today》아티클을 번역 및 참고하여 작성한 글입니다. 작년 12월, WebKit은 CSS 중첩에 대한 세 가지 옵션을 자세히 설명하는 아티클을 게시했다. 당시, 아티클에서 옵션 3, 옵션 4, 옵션 5의 차이점을 설명하고 일련의 예시를 통해 각 옵션이 어떻게 작동하는지 보여주었다. 그리고는 "CSS의 미래를 위해 어떤 옵션이 가장 좋을까?"라는 간단한 질문을 던졌다. Option 3) Non-letter start: 문자로 시작하지 않는 중첩 스타일 규칙을 선언 블록에 직접 추가 article { font-family: avenir; & aside { font-size: 1rem; } } Option 4) Postfix block: 스타일 규칙은 스타일 규칙만..

* Announcing SvleteKit 1.0 아티클을 번역 및 참고하여 작성한 글입니다. 간결해진 웹 개발 2년 간의 개발 끝에, 마침내 스벨트킷 1.0 버전이 출시되었다. 오늘부터는 어떤 형태와 크기의 스벨트 앱이든 스벨트킷을 사용하여 만들기를 권장한다. 스벨트킷 1.0은 스벨트 코어 팀과 폭넓은 커뮤니티에서 수천 시간 작업한 결과이다. 소규모 프로젝트의 1인 개발자이든 대규모 팀의 일원이든, 프로덕션급 웹사이트를 빌드할 때 스벨트킷이 가장 즐거운 방법이 될 것이다. 스벨트킷을 시작하려면 npm create svelte@latest을 실행하고, 공식 문서와 (실험적인)인터랙티브 튜토리얼을 살펴보자. Svelte Radio Live: the Christmas special 스벨트킷이란 스벨트킷은 성..

* Make Beautiful Gradients 아티클을 기반으로 작성한 글입니다. CSS 선형 그라데이션과 gray dead zone CSS linear-gradient() 함수를 이용하여 노란색(R: 255, G: 255, B: 0)부터 파란색(R: 0, G: 0, B: 255)까지의 선형 그라데이션을 나타내 보면 다음과 같다. 이때 그라데이션의 중간 부분이 칙칙한 회색으로 나타나는 것을 볼 수 있다.😨 에릭 케네디(Erik Kennedy)는 이 부분을 'gray dead zone'이라고 부르는데, css 그라데이션을 생성할 때 주의하지 않으면 중간 영역이 채도가 낮은 탁한 색으로 칠해질 수 있다. gray dead zone이 왜 나타나는지, 그리고 색 이론을 통해 칙칙하지 않은, 아름다운 그라데이션..

임의의 수열 {an}의 모든 원소의 순서를 뒤섞어 새로운 수열 {bn}을 만드는 것을 순열(Permutation)이라 한다. {an}의 Next Permutation이란 다음 순열, 즉 {an}의 모든 원소의 순서를 뒤섞어 만들 수 있는 모든 수열들을 사전순으로 나열할 때 {an}의 다음에 오는 수열을 가리킨다. 5개의 원소를 가진 집합 {1, 2, 3, 4, 5}의 원소를 한 번씩만 사용하여 구성할 수 있는 모든 수열을 사전순으로 나열한 일부를 통해 규칙을 발견해 보자. [1, 2, 3, 4, 5] ... [3, 5, 4, 1, 2] [3, 5, 4, 2, 1] [4, 1, 2, 3, 5] [4, 1, 2, 5, 3] [4, 1, 3, 2, 5] [4, 1, 3, 5, 2] [4, 1, 5, 2, 3..

프로젝트를 진행하면서 다음과 같은 고민을 하게 되었다. 위와 같은 화면에서 게임 결과에 따라 마피아의 이름을 동적으로 바꾸어 주어야 하는데, 고양이 이름의 배열과 출력해야 하는 결과는 다음과 같다. const catNames = ['고등어', '샴', '치즈', '삼색이', '네로', '오드아이']; const mafiaName = catNames[0]; console.log(`마피아는 ${mafiaName}였습니다.`}; 이때 고양이의 이름이 '샴'과 같이 받침이 있는 경우에는 '마피아는 샴였습니다.'와 같이 출력되므로 '마피아는 샴이었습니다'와 같이 출력하기 위해서는 조사를 변경해 주어야 한다. 처음에는 다음과 같이 고양이 이름에 조사를 붙여 해결할 수 있지 않을까 생각해 보았다. const catN..

ECMA Script 2015(ES6)에 추가된 Set 객체는 자료형에 관계없이 원시값과 객체 참조 모두 유일한 값을 저장하는 자료구조이다. 수학에서 다루는 집합과 동일한 개념이라고 볼 수 있다. Set 객체는 new 연산자와 함께 Set 생성자함수를 호출하여 생성할 수 있다. const set = new Set(); console.log(set); // Set(0) {} 생성자함수를 호출할 때 인수로 이터러블을 전달하면 해당 이터러블의 중복된 요소를 제거한 Set 객체가 생성된다. const set = new Set([3, 4, 4, 5]); console.log(set); // Set(3) { 3, 4, 5 } Set.prototype.add 메서드를 이용하여 Set 객체에 요소를 추가할 수 있다. ..