이전 시간에는 리액트 소개를 했다면, 이번 게시물은 리액트 입문을 설명할 것이다. 우선 리액트에서 컴포넌트는 HTML 코드를 반환하는 코드로 컴포넌트의 변수명 첫 글자는 반드시 대문자여야 한다. JSX - UI 표현 JSX(JavaScript Extensions)는 확장된 자바 스크립트 문법이다. JavaScript에서는 다음과 같은 코드를 문법적인...

CPU Scheduling CPU 스케줄링(CPU Scheduling)은 CPU를 여러 프로세스나 스레드에 효율적으로 할당하는 방식이다. CPU 스케줄링의 주요 목표는 CPU 이용률을 최대화하여 자원을 효율적으로 사용하는 것이다. 이러한 목표를 달성하기 위해 운영체제는 다음과 같은 개념을 사용한다. CPU-I/O 버스트(Burst)1 사이클...

Thread 스레드(Thread)는 프로세스 내에서 프로그램 명령을 실행하는 CPU 활용의 기본 단위이다. 스레드는 스레드ID, 프로그램 카운터, 레지스터 집합, 스택 등으로 구성된다. 스레드는 같은 프로세스에 속한 다른 스레드와 코드 영역, 데이터 영역 등의 운영체제 자원을 공유한다. 스레드에는 단일 스레드와 멀티 스레드가 있다. 단일 스레드(Si...

프로세스들은 독립적이가나, 협력적이다. 협력 프로세스는 데이터 공유를 포함하여, 프로세스들에게 영향을 주거나 받는다. 프로세스가 협력하는 이유는 정보 공유, 계산 가속화, 모듈성, 편의성 등의 이점이 있기 때문이다. 프로세스가 협력하기 위해서는 프로세스 간 통신 기법을 필요로 한다. Inter Process Communication(IPC) IPC는...

프로세스 생성(Process Creation) 프로그램이 실행되는 동안 프로세스는 여러 개의 새로운 프로세스들을 생성한다. 프로세스의 주체는 부모 프로세스이고, 새로운 프로세스는 자식 프로세스이다. 부모 프로세스가 자식 프로세스를 생성하며, 자식 프로세스는 다른 프로세스를 생성하여 프로세스의 트리를 형성한다. 이러한 트리 구조에서 프로세스간 부모...

프로세스(Process) 프로세스(Process)는 실행중인 프로그램이다. 디스크에 저장된 파일이 메모리에 적재될 때 프로세스가 된다. Layout of a Process in Memory 메모리 상에서 프로세스는 다음과 같다. 커널 모드: 전체 주소에 접근 가능 사용자 모드: 사용자 주소 공간만 접근 가능 Text(Code): 실...

운영체제에서 제공하는 서비스 운영체제는 효율적인 시스템 운영을 위해 제공하는 기능은 자원을 할당하고, 로깅, 보안을 제공한다. 사용자의 편의성을 위해 다음과 같은 기능을 제공한다. 유저 인터페이스(GUI, CLI, UI) 프로그램 실행: 시스템은 메모리에 프로그램을 적재하고, 실행 및 종료 함 I/O 수행 파일시스템 조작: 사용자 권한...

React.js React.js는 Meta가 개발한 오픈소스 JavaScript 라이브러리이다. React.js는 대규모 웹 서비스의 UI를 더 편하게 개발하기 위해 만들어진 기술이다. React.js로 만들어진 서비스는 넷플릭스, 페이스북, 인스타그램, 노션 등이 있다. React.js 기술적인 특징 React.js의 기술적인 특징은 다음과 같다....

Node.js Node.js를 배워야하는 이유는 React.js, Next.js, Vue.js 등의 기술들은 Node.js의 기반으로 동작하는 기술이다. Node.js는 웹 브라우저가 아닌 환경에서도 자바스크립트 코드를 실행시켜주는 자바스크립트의 실행 환경이다. Node.js를 알기 위해서는 JavaScript를 알아야 하는데, JavaScri...

저번시간에(Basics of JavaScript) 이어서 이번엔 JavaScript의 심화 부분을 설명하겠다. Truthy & Falsy JavaScript에서는 참(True), 거짓(False)이 아닌 값도 참, 거짓으로 평가할 수 있다. Falsy한 값 let f1 = undefined; let f2 = null; let f3 = 0; ...