Jieunny의 블로그

📣 운영체제 𝟭. 운영체제란? ✔️ 하드웨어에게 일을 시키는 주체 𝟮. 운영체제의 목적 및 기능 ✔️ 목적 ➰ 처리능력 향상 ➰ 사용 가능도 향상 ➰ 신뢰도 향상 ➰ 반환 시간 단축 등 ✔️ 기능 ➰ 프로세서, 기억장치, 입출력장치, 파일 및 정보 등의 자원을 관리 ➰ 자원을 효율적으로 관리하기 위해 자원의 스케줄링 기능을 제공(어떤 자원을 누가, 언제, 어떤 방식으로 사용할지를 결정) ➰ 사용자와 시스템 간의 편리한 인터페이스를 제공 ➰ 시스템의 각종 하드웨어와 네트워크를 관리하고 제어 𝟯. 운영체제의 시스템 자원 관리 ✔️ 운영체제는 응용 프로그램이 하드웨어에게 일을 시킬 수 있도록 돕는다. ➰ 응용 프로그램 : 컴퓨터를 이용해 다양한 작업을 수행한다. ➰ CPU, RAM, 디스크 등 시스템 자원을 ..

📣 컴퓨터 구조 𝟭. 컴퓨터의 구조 ✔️ 컴퓨터는 하드웨어와 소프트웨어가 합쳐진 형태 ➰ 하드웨어 : 전자 회로 및 기계 장치로 되어있어 입출력 장치, 중앙처리장치(CPU), 기억장치 등으로 구성 ➰ 소프트웨어 : 하드웨어 위에서 하드웨어를 제어하며 작업을 수행하는 프로그램 𝟮. 컴퓨터의 기본 구성 요소 1️⃣ 입력 장치 ✔️ 컴퓨터가 처리할 수 있는 형태로 데이터와 명령을 받아들이는 물리적인 장치 ➰ 키보드, 마우스, 스캐너, 타블렛, 조이콘 등 2️⃣ 출력 장치 ✔️ 처리된 데이터를 사람이 이해할 수 있는 형태로 출력하는 물리적인 장치 ➰ 모니터 : 컴퓨터에서 나오는 글자, 그림 등의 결과를 화면에 보여주는 장치 ㄴ 실제 화면의 해상도는 모니터와 그래픽 카드에 의해 결정 ➰ 프린터 : 전자 장비에 저..

𝟭. React + TypeScript 프로젝트 설정하기 ✔️ 프로젝트 생성하기 1️⃣ create-react-app 으로 리액트 프로젝트 시작하기 npm install -g create-react-app // 설치 create-react-app . --typescript ➰ tsconfig.json 파일이 만들어진다. ➰ App.ts가 아닌 App.tsx 파일이 만들어진다. ㄴ 타입스크립트만 쓸 수 있는 게 아니라 jsx코드(타입스크립트안에 자바스크립트)도 쓸 수 있다. 2️⃣ src 폴더 정리하기 ➰ src ㄴ App.tsx ㄴ App.tsx 파일에 필요없는 import, 컴포넌트 지우기 ㄴ index.css html { font-family: sans-serif; } body { margin: 0;..

➰ 99일차 진짜 하루종일 페어 활동했다. 커스텀 훅..지금은 그냥 귀찮기만하고 효율성 1도 없는 존재 ㅎㅎ... 그래도 지금 이렇게 배워놓으면 나중에 쓸 일이 많겠지!! 페어 활동 끝나고 동기분들이랑 얘기도 나눠서 즐거웠다😆 주말동안 또 푹 쉬고 담주에도 파이팅해야지..!

📣 React Custom Hook 을 사용해서 블로그 화면 구현해보기 𝟭. 구현 조건 1️⃣ Bare Minimum App 루트 컴포넌트(App.js) react.lazy()와 suspense를 사용하여 컴포넌트를 리팩토링합니다. BlogDetail 컴포넌트(BlogDetail.js) 현재는 개별 블로그 내용으로 진입해도 내용이 보이지 않습니다. useParams()을 이용하여 개별 id를 받아와 개별 블로그의 내용이 보일 수 있도록 해봅니다. delete 버튼을 누르면 다시 home으로 리다이렉트 되어야 합니다. useNavigate()를 이용하여 handleDeleteClick 함수의 로직을 작성해주세요. 하트를 누르면 home에서 새로고침을 했을 때 숫자가 올라가야 합니다. isLike와 blog..

𝟭. Webpack이란 무엇이며 왜 필요한가? ✔️ 웹팩 : 파일을 묶는(bundle) 것을 도와주는 도구 ➰ 코드를 묶음으로써 HTTP 요청의 양을 줄여준다. ➰ 코드를 최적화(최대한 작게) 하고, 빌드 절차를 추가하고, 추가 빌드 툴을 제공한다. 𝟮. Webpack 설치하기 & 중요 종속성 npm install --save-dev webpack webpack-cli webpack-dev-server typescript ts-loader // --save-dev:모듈을 설치할 때 package.json 내의 devDependencies 항목에 설치한 모듈과 버전을 넣는 것 // 실제 릴리즈시에는 필요없는 모듈의 경우 ➰ webpack-cli : 프로젝트에서 웹팩 명령어를 실행하기 위함. ➰ webpac..