1. 입출력 제어 환경 1) 운영 체제 - 다수의 사용자를 위해 컴퓨터의 자원을 관리하는 S/W (인터페이스 역할) 2) 입출력 제어 시스템의 기능 ① 화일 디렉터리를 유지 ② 주기억장치와 보조기억장치 사이의 데이터 이동통로를 확립 ③ CPU와 보조기억장치 사이의 통신 조정 기능 ④ 입/출력으로 사용될 화일 준비 ⑤ 입/출력 완료 후의 화일 관리 2. 화일 디렉터리 1) 화일 관리 시스템 - 화일 디렉토리 이용하여 화일들을 조직하고 관리 - 화일 디렉토리 : 화일의 이름, 저장 위치, 화일 크기, 화일 타입 2) 화일 디렉토리의 구조 - 계층 디렉토리(서브 디렉토리 포함) ex) UNIX - 사용자 : 논리적 디렉토리와 화일 구조에만 신경쓰면 된다. - 시스템 : 화일의 공간할당문제를 담당한다. 3) 디..

Chapter 1 웹 서비스 1. 인터넷 이해와 활용 1) WWW 서비스 - 인터넷을 통해 정보를 제공하거나 받는 방법의 한 형태 - 인터넷에서 하이퍼미디어 정보를 전달하기 위한 시스템 - Hypertext 형식을 이용 2) 하이퍼미디어 ① 하이퍼텍스트 - 문서 내 특정 정보의 연관 정보가 있는 곳으로 곧바로 이동하여 검색할 수 있는 형태 - html로 만들어지며 확장자는 html, htm ② 하이퍼미디어 - 일반 텍스트 형태의 문서, 그림, 음성, MPEG형식의 화상 등을 포함한 하나의 문서 2. 웹 시스템 동작 과정 ⭐⭐⭐⭐⭐ ⑴ 사용자가 웹 브라우저를 통해 찾고싶은 웹 페이지의 URL을 입력 ⑵ 사용자가 입력한 URL 주소 중에 도메인 네임 부분을 DNS 서버에서 검색 ⑶ DNS 서버에서 해당 도메..

1. 화일 저장 장치의 특성 - 저장 매체, 접근 장치, 저장 장치 1) 1차 저장 장치 메인 메모리 : 내용을 접근하는 시간은 일정하고 빠름, 프로그램/데이터 처리 위한 작업 공간 캐시 메모리 : 메인 메모리의 성능 향상 목적 2) 2차 저장 장치 자기 디스크 : 데이터 접근이 느림 BUT 싸서 주로 화일 저장에 쓰임 광 디스크, 자기 테이프 2. 저장 장치의 계층 1) 캐시 메모리 - 가장 빠르고 가장 비싼 저장장치, 용량 아주 작음 - 저장 매체 : SRAM(Static Random Access Memory) - CPU 성능을 증진 시키기 위해 사용 - 소멸성 : 데이터 저장에는 부적합 2) 메인 메모리 - 프로그램 실행과 이에 필요한 데이터 유지 공간 - 저장매체 : DRAM(Dynamic Ran..

1. 화일의 종류 - 정보와 데이터는 다르다. - 데이터(D)가 처리(P)되어 정보(I)가 된다. I = P(D) - 대용량 데이터는 디스크에, 그 데이터를 메인 메모리에 가져와서 처리한다. 👉 디스크에 저장하는 데이터는 크게 '화일'로 구분된다. 1) 화일 구조 - 디스크에 저장할 데이터의 표현과 데이터를 접근하기 위한 연산의 조합 2) 데이터 집합을 디스크 화일로 구성하는 이유 주 기억장치에 저장하기에 데이터 양이 너무 많음 프로그램은 특정 시간에 데이터 집합의 일부만 접근함 데이터의 독립성을 유지하기 위해 3) 화일의 분류 ① 기능에 따른 분류 - 마스터 화일 : 영속적 데이터 레코드를 포함한 화일(현재성을 유지해야함) - 트랜잭션 화일 : 마스터 화일에 적용할 변경 내용(삽입, 삭제, 수정)을 모..

【글로벌 Best】 React 완벽 가이드 with Redux, Next.js, TypeScript | Udemy 1. 배열 동적으로 렌더링 - 상위 컴포넌트에서 동적으로 변화하는 배열을 props로 받았을 때, 하위 컴포넌트에서 동적으로 렌더링 할 수 있다. - map함수를 이용하여, jsx를 리턴하도록 하면 된다. - key를 지정하지 않으면, 웹페이지에서 경고가 난다. (오류는 안남) * 경고가 나오는 이유는 새로운 아이템이 추가될 때, 어느 인덱스에 추가가 될지 리액트가 모름 그래서 리액트가 추가될 배열의 모든 상태를 확인하는 작업이 생겨서 비효율적임 const Expense = (props) => { return( {props.items.map((expense) => ( //props.items..

【글로벌 Best】 React 완벽 가이드 with Redux, Next.js, TypeScript | Udemy 1. 이벤트 핸들러 작성(클릭 시 이벤트) const clickHandler = () => { console.log("Clicked!"); // 클릭 시 실행되는 함수 작성 }; return( Change! // clickHandler() xxx ); ⭐ 함수를 호출할 때 이름만 작성해야한다. 함수 뒤에 괄호를 붙이면 jsx 코드가 리턴될 때 함수가 실행된다. 2. State ! ⭐⭐⭐⭐⭐ - state를 사용하기 위해선 react의 useState를 가져와야 한다. import React, {useState} from "react"; 1) state 사용 방법 - 컴포넌트 함수 내에서만 사..

Chapter 08 - 다이나믹 프로그래밍(Dynamic programming) 1. 다이나믹 프로그래밍(동적 계획법) : 메모리 공간을 약간 더 사용하여 연산 속도를 비약적으로 증가시키는 방법 1) 피보나치 수열 - 다이나믹 프로그래밍으로 해결할 수 있는 대표적인 예 n번째 피보나치 수 = (n-1)번째 피보나치수 + (n-2)번째 피보나치수 단, 1번째 피보나치수 = 1, 2번째 피보나치 수 = 2 ① 재귀 함수를 사용한 소스코드 int fibo(int x){ if(x==1 || x==2){ return 1; } return fibo(x-1)+fibo(x-2); } int main(){ cout n; for (int i = 0; i > x; arr.push_..

【글로벌 Best】 React 완벽 가이드 with Redux, Next.js, TypeScript | Udemy 1. 리액트를 사용하는 이유? - 리액트는 모든 요소들이 컴포넌트로 이루어져 있음 * 컴포넌트 : 재사용이 가능하고, 우려사항을 분리할 수 있음(=반복이 없고, 코드를 작고 관리할 수 있는 규모로 유지) 👉 생산성과 유지보수가 용이하다 👉 복잡하고 동적인 웹 어플리케이션에서 ui를 동적으로 나타내기 위해서는 많은 상태를 관리해야하는 부담이 생기는데 react가 이것을 해결해 준다. 👉 virtual DOM을 이용한 빠른 렌더링이 가능하다. * react/vue/angular중 선택해야하는 경우 [React] 내가 React를 선택한 이유 (tistory.com) [React] 내가 React..

【글로벌 Best】 React 완벽 가이드 with Redux, Next.js, TypeScript | Udemy 1. let과 const 1) let : es6 이전에 쓰던 var과 같음, 변수 2) const : 상수(처음 할당한 후 다시는 재할당 불가능) 2. 화살표 함수 : es6부터 쓰는 새로운 함수 선언 방식 const/let 함수이름 = (매개변수) => { // 함수 내용 } 함수이름(); // 함수 호출 아래와 같은 방식으로 리턴문을 생략가능하다 const mutiply = (number) => number*2 // number*2가 리턴됨 3. Exports, Imports 1) Exports : 다른 js파일로 내보내기 export default person; // default ex..