티스토리

하루에 하나씩

검색하기

블로그 홈

하루에 하나씩

wantfrontdev.tistory.com/m

BGK97 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

[Next.js] Vercel을 이용해 Next.js 프로젝트 간단하게 배포해보기 배포를 해본 적이 없어서 간단하게라도 배포해보고자 Vercel을 알아보게 되었다! Vercel 이란?next.js 개발 팀에서 제작한 호스팅 사이트Configuration, SuperVision 없이 즉시 배포 가능GitHub, GitLab 등 버전관리툴과 연동하여 사용배포한 프로젝트에 대해 Push를 하면 재배포가 가능하다!1. 배포 과정먼저 프로젝트를 완성하고, Vercel 홈페이지에 접속후, 깃허브나 깃랩 계정으로 로그인!초기 깃허브 연동을 하라고할때, 전 프로젝트를 연동할지, 선택할지는 본인이 고르면 된다.지금은 배포가 된 상태라 저렇게 뜨지만, 아무것도 없으면 프로젝트를 임포트하라고 한다.Add New 버튼 클릭후 Project 클릭배포하고싶은 프로젝트 Import누르게되면 다음과 같은 화면이 .. 공감수 1 댓글수 0 2024. 9. 24.
[Phaser3] TypeScript + React에서이동 구현하기 Phaser3란canvas API를 매핑한 JavaScript 기반의 게임 프레임워크유니티, 언리얼 엔진을 제외하고, 2D게임을 만드는데 유용하다!개발에 앞서 알아야할 사실들Phaser의 경우 JavaScript로 구현하기 때문에, React + TypeScript환경에서 적절하게 코드를 수정해야한다.Phaser는 Scene이라는 단위로 맵, 화면을 구성한다. 게임 로직을 구성할 때 사용한다. (효과음 또는 동작 등...)개발 진행1. Phaser 설치VScode에서 다음과 같은 명령어를 입력하여 간단하게 설치가 가능하다.npm i phaser 2. 프로젝트 생성Vite를 이용해서 기본 프로젝트를 생성한다! npx create vite@latest [프로젝트명] -- --template react-tsn.. 공감수 3 댓글수 0 2024. 9. 24.
[React] React Snippet 컴포넌트 단축키 사용법 ** VSCode 기준입니다 1. React Snippet 다운로드React Snippet을 검색하면 이렇게 나옵니다. 다운 받아주세요.2. 단축키 정보들1. rfcexport default function 생성import React from 'react'export default function page() { return ( page )} 2. rfce export default 를 외부에 쓸 때import React from 'react'function page() { return ( page )}export default page 3. rfcp props를 가진 function 생성시import React from 'react'import PropTypes from 'prop-t.. 공감수 1 댓글수 1 2024. 9. 1.
[Next.js] npm run dev 시 GET 404 발생하는 오류 개인 프로젝트를 진행하려고npm create-next-app@latest .... 입력 후npm run dev를 하였더니 다음과 같은 오류가 발생했다.설치하지도 않은 파일들을 인식할 수 없다..?프로젝트를 재생성을 3번을 했는데도 계속 반복되어 다른 방법을 찾아보았다해결 방법답은 이전에 진행했던 프로젝트의 캐시파일 및 서비스 워커 파일알람 시스템을 구현했었는데, 여기서 사용한 firebase들이 service worker에 남아있었고웹 브라우저 상에는 캐시가 아직 남아있었다...지금은 삭제되었으나 원래는 여기에 정보들이 있었고, 모두 Unregister를 해주었다.또한, 크롬브라우저에서 이미지 캐시 파일 삭제를 수행해주었고, Application 내에 전 프로젝트와 관련된 정보를 모조리 삭제시켜주었더니 .. 공감수 0 댓글수 0 2024. 9. 1.
[05] 응용 계층 DNS와 자원메세지를 주고받고자 하는 대상 파악을 위해 도메인 네임 사용 가능이를 위해 위치 기반 식별자인 URL이름 기반의 식별자인 URN이 있음도메인 네임과 네임 서버도메인 네임IP 주소와 대응되는 문자열 형태의 호스트 특정 정보네임 서버도메인 네임과 IP 서버를 관리하는 곳도메인 네임을 관리하는 네임서버를 DNS 서버라고 부름도메인 네임은 점을 기준으로 계층적으로 분류최상단에 루트 도메인이 있음그 다음에 최상위 도메인...예시에서 www.example.com. 이라고 하면루트 도메인은 .최상위 도메인은 com2단계 도메인은 example3단계 도메인은 www이 때 루트 도메인 까지 포함한 도메인 네임을 전체 주소 도메인 네임(Fully-Qualified Domain Name) 이라고 함FQDN의 첫.. 공감수 0 댓글수 0 2024. 6. 23.
[04] 전송 계층 전송 계층 개요: IP의 한계와 포트네트워크 계층 IP의 한계전송계층은, 신뢰할 수 있는 통신과 연결형 통신이 가능응용 계층의 애플리케이션 프로세스들을 식별하는 역할 수행네트워크 계층의 핵심 프로토콜인 IP는 단편화와 주소 지정을 수행이외에 IP의 한계점이 크게 두가지 있는데비신뢰성 통신비연결형 통신비신뢰성 통신IP 프로토콜이 패킷이 수신지까지 제대로 전송되었다는 보장을 하지않는 특징통신 과정에서 데이터 손상, 중복 패킷이 전송되더라도 확인하지 않고, 재전송도 하지 않음순차적으로 패킷이 도착할 것이라는 보장도 없음최선형 전달(Best Effect Delivery)라고도 함결과에 대한 보장이 없음비 연결형 통신송수신 호스트 간 사전 연결 수립 작업을 거치지 않음수신지를 향해 패킷을 보내기만 함IP가 비신뢰.. 공감수 0 댓글수 0 2024. 6. 23.
[03] 네트워크 계층 LAN을 넘어서는 다른 네트워크와 통신을 하려면 네트워크 계층의 역할이 필수적데이터 링크 계층의 한계물리, 데이터 링크 계층만으로는 다른 네트워크 까지의 도달경로 파악이 어려움거리가 먼 사용자들 끼리 통신을 할 때, 패킷이 이동을 해야하는데, 이를 라우팅이라 함하지만 물리와 데이터 링크 계층에는 라우팅이 수행 불가MAC 주소만으로는 모든 네트워크에 속한 호스트의 위치 특정이 어려움호스트가 모든 네트워크에 속한 호스트의 MAC주소를 알기는 어려움네트워크 계층에서는 이를 대신해 IP 주소를 사용이 때 MAC 주소를 물리주소, IP를 논리 주소라고 함IP는 호스트에 직접 할당하는데, DHCP를 통해 자동할당을 받거나 사용자가 임의 할당인터넷 프로토콜(IP)네트워크 계층의 가장 핵심적인 프로토콜IP에는 4버전과.. 공감수 0 댓글수 0 2024. 5. 29.
[02] 물리 계층과 데이터 이더넷현대 유선LAN 환경에서 가장 대중적으로 사용되는 기술유선 LAN(통신매체 : 케이블)을 통해 송수신 할 때, 통신 매체들의 규격, 프레임 형태, 프레임을 주고받는 방법들을 정의한 네트워크 기술이더넷 표준물리 계층에서는 이더넷 규격 케이블, 데이터 링크 계층에서는 이더넷 프레임의 형식을 따름현재의 이더넷은 국제적으로 IEEE 802.3이라는 이름으로 표준화 되어 있음통신 매체 표기 형태이더넷 표준 규격에 따른 통신매체 지칭시, 다음과 같은 형태를 따름1. 전송 속도숫자만 표기시 Mbps, G가 붙으면 Gbps로 얼만큼의 속도를 지원하는 케이블인가를 나타냄2. BASE베이스 밴드의 약자로, 변조 타입을 의미변조 타입 : 비트 신호로 변환된 데이터를 통신매체로 전송하는 방법대부분의 디지털 신호를 송수.. 공감수 0 댓글수 0 2024. 5. 29.
[09] 파일 시스템 파일과 디렉터리파일하드디스크나 SSD와 같은 보조기억장치에 저장된 관련 정보의 집합파일 관련 부가 정보를 속성 or 메타데이터라고 함파일 속성과 유형확장자를 읽기가 가능해야 파일을 열 수 있음!파일 연산을 위한 시스템 호출1. 파일 생성2. 파일 삭제3. 파일 열기4. 파일 닫기5. 파일 읽기6. 파일 쓰기 디렉터리파일들을 일목요연하게 관리하기 위해 디렉터리를 이용폴더라고도 부름옛날 운영체제에서는 하나의 디렉터리만 존재하여 모든 파일이 하나의 디렉터리 아래에 있었음이를 1단계 디렉터리라고 함현재는 트리 구조 디렉터리를 사용해당 파일의 위치를 알기 위해, 경로(Path)를 사용절대 경로와 상대 경로절대 경로파일이 가지는 절대적인 경로루트 디렉터리에서의 자신까지의 경로상대 경로해당 파일을 불러오는 위치에서의.. 공감수 0 댓글수 0 2024. 5. 8.
[08]가상 메모리 연속 메모리 할당프로세스에 연속적인 메모리 공간을 할당하는 방식스와핑실행되지 않는 프로세스들을 보조기억장치의 일부영역으로 쫓아내고 생긴 빈 공간에 또 다른 프로세스를 적재하여 실행하는 방식이 때 보조 기억 장치의 일부 영역을 스왑 영역프로세스가 메모리에서 스왑 영역으로 옮겨지는 것을 스왑 아웃프로세스가 다시 메모리로 옮겨오는 것을 스왑 인프로세스가 요구하는 메모리 주소 공간의 크기가 실제 메모리 크기보다 큰 경우에도 프로세스 동시 실행 가능!메모리 할당최초 적합, 최적 적합, 최악 적합이 있음최초 적합 First Fit운영 체제가 메모리 내 빈공간을 순서대로 검색 후 적재할 수 있는 공간 발견 시 그 공간에 프로세스를 배치검색을 최소화, 결과적으로 빠른 할당이 가능최적 적합 Best Fit빈 공간을 모두.. 공감수 0 댓글수 0 2024. 5. 8.
[07] 교착 상태 - Dead Lock 식사하는 철학자 문제교착 상태를 설명하기 위한 아주 고전적인 예시 상황철학자들은 아래와 같은 순서로 식사1. 생각하다가 왼쪽 포크가 사용 가능 하면 집어든다 2. 생각하다가 오른쪽 포크가 사용 가능하면 집어든다3. 왼쪽, 오른쪽 포크를 모두 들었다면 정해진 시간동안 식사4. 식사 시간이 끝나면, 오른쪽 포크를 내려놓고5. 왼쪽 포크도 내려 놓는다.6. 1번부터 반복이 때, 모든 철학자가 동시에 왼쪽 포크를 집어 든다면, 5명의 철학자는 절대로 식사를 할 수 없는 상태가 됨이렇게, 일어나지 않을 사건을 기다리며 진행이 멈춰버리는 것을 교착상태라고 함철학자를 프로세스(or 스레드), 포크가 자원, 생각하는 과정이 자원을 기다리는 행위라고 보면 됨자원 할당 그래프 (Resource - allocation gr.. 공감수 0 댓글수 0 2024. 4. 30.
[02] 이벤트 속성 이해하기 모든 HTML요소는 onmouseenter나 onmouseover처럼 'on'으로 시작하는 속성을 제공이를 이벤트 속성이라고 한다.이벤트 속성을 만들 파일 작성하기1. src 디렉터리 안에, copy 디렉터리를 만들고 CopyMe.tsx파일을 만들기 2. 복사용 기본 코드 작성export default function CopyMe(){ return CopyMe} 3. src 디렉터리에 page 디렉터리 생성 후 파일을 복사, 각 이벤트를 넣기 4. src/App 파일에 해당 코드 작성하기 (방금 작성한 11개의 컴포넌트 사용)import DispatchEvent from './pages/DispatchEvent';import DragDrop from './pag.. 공감수 1 댓글수 1 2024. 4. 24.
[06] 동기화 동기화 협력하여 실행되는 프로세스들은 실행 순서 및 자원의 일관성을 보장해야함 동기화 필요 동기화의 의미 프로세스는 동시다발적으로 실행되며 서로 데이터를 주고받으면서 협력하여 실행 사전적인 의미 정보 통신 분야에서 동기화란, 작업들 사이의 수행 시기를 맞추는 것 프로세스 동기화 프로세스들 사이의 수행시기를 맞추는 것 다음의 두 종류가 있음 실행 순서 제어 : 프로세스를 올바른 순서대로 실행하기 상호 배제 : 동시에 접근해서는 안되는 자원에 하나의 프로세스만 접근하게 하기 프로세스 뿐 아니라 스레드도 동기화 대상 실행의 흐름을 갖는 모든 것이 동기화 대상임 실행 순서 제어를 위한 동기화 예를 들어, Writer 프로세스와 Reader 프로세스가 있다고 하면, Reader 프로세스는 Writer 프로세스가 .. 공감수 0 댓글수 0 2024. 4. 17.
[05] CPU 스케줄링 CPU 스케줄링 개요 CPU 스케줄링이란? 운영체제가 프로세스들에게 합리적으로 CPU 자원을 배분하는 것 컴퓨터 성능과 직결되는 문제 프로세스 우선순위 만약, 모든 프로세스를 동일하게 순차적으로 실행시킨다면 언뜻 보면 합리적인 것 같지만 급하게 수행되어야 하는 프로세스가 있는 경우, 효율적이지 못하게 됨 이를 우선순위가 다르다고 함 우선 순위가 높을 수록, 빠르게 처리해야하는 프로세스임 대부분의 프로세스들은 CPU와 입출력장치를 모두 사용하며 실행 실행과 대기를 반복... 예시로, 워드 프로세서가 있는데 CPU를 사용하여 명령어를 실행 사용자로 입력받은 내용을 보조기억장치에 저장 CPU를 사용하여 명령어를 실행 사용자가 입력한 내용을 화면에 출력 입출력 집중 프로세스와 CPU 집중 프로세스 프로세스는 종.. 공감수 1 댓글수 1 2024. 4. 17.
[02] key와 children 속성 이해하기 Key 속성 설정하기 리액트는 리액트 컴포넌트 뿐 아니라 사용자 컴포넌트에도 Key속성을 제공 위 사진 처럼 코드릉 작성하면, key 속성이 없다고 경고가 뜸 따라서 p 태그에 key값을 중복되지 않게 설정해주어야 함 Key 속성 같은 이름의 컴포넌트가 여러개일 때, 이들을 구분하기 위해 사용 map 메서드 등을 사용할 때, Key값으로 인덱스를 구분하여 불러오거나.. 그런 식으로 사용 children 속성 설정하기 children 속성 같은 경우 값을 설정하지 않아도 되는 선택 속성 div 태그 등 자식 요소를 포함할 수 있는 컴포넌트에만 사용이 가능 컴포넌트 내부에서 children 속성 사용하기 해당 코드를 작성하고 App.tsx에서 P 컴포넌트를 사용한다. 기존 p 코드로 쌌던 부분을 P 태그로 .. 공감수 0 댓글수 0 2024. 4. 16.
[02] 컴포넌트 이해하기 디렉터리를 하나 생성하고, 이전에 사용했던 data와 prettier를 복사해온다. 컴포넌트 객체지향 언어의 원조인 스몰토크에서 유래 화면 UI를 처리하는 클래스를 의미 MVC 설계지침에 따라 구현되어야 함 리액트 16.8버전 이후, 리액트 훅이라는 새로운 메커니즘을 통해 객체지향만의 클래스가 아닌 단순한 함수 형태로도 구현이 가능하게 되었음 -> 가능한 함수컴포넌트와, 리액트 훅을 사용하라고 권장 됨 리액트 컴포넌트와 사용자 컴포넌트 리액트 컴포넌트 리액트 프레임워크가 제공하는 리액트 제공 컴포넌트 div, h1 ... 사용자 컴포넌트 사용자가 직접 지정하는 컴포넌트 MyChild, MyComponent... 처음 글자는 무조건 대문자(카멜 케이스) 리액트 컴포넌트 컴포넌트를 React.createEl.. 공감수 0 댓글수 0 2024. 4. 15.
[02] JSX 구문 이해하기 npx create-react-app (프로젝트 이름) --template typescript //타입스크립트 파일 생성 이후 기존에 만들었던 src/data, prettier를 복사한다 cp -r ../(폴더)/src/data ./src/data cp -r ../(폴더)/.*. React.createElement의 호출의 복잡성 문제 React.createElement란 가상 DOM객체를 만들어주는 함수 HTML 요소가 부모/자식 관계로 구성되면 코드가 복잡해지는 문제가 있음 이를 해결하기 위해 JSX 기능을 언어 확장 형태로 추가 React vs JSX React // const rootVirtualDOM = CE("ul", null, [ // CE("li", null, [ // CE("a", { h.. 공감수 0 댓글수 0 2024. 4. 12.
1520_내리막길 (Java) 문제 여행을 떠난 세준이는 지도를 하나 구하였다. 이 지도는 아래 그림과 같이 직사각형 모양이며 여러 칸으로 나뉘어져 있다. 한 칸은 한 지점을 나타내는데 각 칸에는 그 지점의 높이가 쓰여 있으며, 각 지점 사이의 이동은 지도에서 상하좌우 이웃한 곳끼리만 가능하다. 현재 제일 왼쪽 위 칸이 나타내는 지점에 있는 세준이는 제일 오른쪽 아래 칸이 나타내는 지점으로 가려고 한다. 그런데 가능한 힘을 적게 들이고 싶어 항상 높이가 더 낮은 지점으로만 이동하여 목표 지점까지 가고자 한다. 위와 같은 지도에서는 다음과 같은 세 가지 경로가 가능하다. 지도가 주어질 때 이와 같이 제일 왼쪽 위 지점에서 출발하여 제일 오른쪽 아래 지점까지 항상 내리막길로만 이동하는 경로의 개수를 구하는 프로그램을 작성하시오. 입력 첫.. 공감수 0 댓글수 0 2024. 4. 10.
[02] 리액트 동작 원리 02-1 가상 DOM 이해하기 리액트 프레임워크를 구성하는 기본 3요소 가상 DOM JSX 구문 컴포넌트 가상 DOM 해당 명령어를 입력하여 새 Project 생성 04행의 App은 리액트 프레임워크에서 컴포넌트라고 불림 07~14행은 리액트의 핵심기능을 모두 보여줌 11행의 React.StrictMode 는 코드가 잘못된 것인지 판단하여 오류메세지를 보여주는 컴포넌트 17버전과 다르게, 서버쪽의 렌더링 기능이 향상되었음 React와 React-DOM 패키지 리액트 프로젝트는 항상 React와 React-DOM 패키지가 필요 React는 리액트 앱이 동작하는 환경과 무관하게 공통으로 사용하는 기능을 제공하는 패키지 React-DOM, 렌더러라고 불리는 패키지는 앱이 동작하는 환경에 종속적인 기능을 제공하.. 공감수 0 댓글수 0 2024. 4. 10.
[01] 리액트로 웹앱 만들기 with TypeScript 리액트 프레임워크 이해하기 리액트란? 2013년 페이스북에서 발표한 오픈소스 자바스크립트 프레임워크 가상 DOM(Document object model), JSX(JavaScript XML)라는 새로운 방식으로 동작 프론트, 백 중 프론트에 해당하는 프레임워크로 분류 웹 서버의 작동 방식 웹 서버의 경우, 웹 브라우저가 요청하는 다양한 유형의 자원을 제공하는 역할을 수행 이 때, URL 문자열을 HTTP 프로토콜로 사용하여 웹 서버에 요청해야 함 이를 HTTP 요청이라 한다. 요청을 받은 웹 서버는 해당 자원을 웹 브라우저로 전달 이를 HTTP 응답이라 한다. 이후 이 응답을 사용자가 볼 수 있도록 웹 페이지 화면에 보여준다. 이를 렌더링 이라고 한다. 그 이후 다른 자원을 다시 요청하면, 전에 있던 렌.. 공감수 0 댓글수 0 2024. 4. 9.
1405_미친로봇 (Java) 문제 통제 할 수 없는 미친 로봇이 평면위에 있다. 그리고 이 로봇은 N번의 행동을 취할 것이다. 각 행동에서 로봇은 4개의 방향 중에 하나를 임의로 선택한다. 그리고 그 방향으로 한 칸 이동한다. 로봇이 같은 곳을 한 번보다 많이 이동하지 않을 때, 로봇의 이동 경로가 단순하다고 한다. (로봇이 시작하는 위치가 처음 방문한 곳이다.) 로봇의 이동 경로가 단순할 확률을 구하는 프로그램을 작성하시오. 예를 들어, EENE와 ENW는 단순하지만, ENWS와 WWWWSNE는 단순하지 않다. (E는 동, W는 서, N은 북, S는 남) 입력 첫째 줄에 N, 동쪽으로 이동할 확률, 서쪽으로 이동할 확률, 남쪽으로 이동할 확률, 북쪽으로 이동할 확률이 주어진다. N은 14보다 작거나 같은 자연수이고, 모든 확률은 .. 공감수 0 댓글수 1 2024. 4. 1.
[04] 운영체제 - 프로세스와 스레드 프로세스 실행중인 프로그램 프로그램이 메모리에 적재되고 실행되는 순간 프로세스라고 부름 포그라운드 프로세스와 백그라운드 프로세스 포그라운드 프로세스 사용자가 보는 앞에서 실행되는 프로세스 백그라운드 프로세스 사용자가 보지 못하는 뒤에서 실행되는 프로세스 사용자와 직접 상호작용하지 않는 백그라운드 프로세스를 '데몬', 윈도우에서는 '서비스'라고 함프로세스 제어 블록 (P C B) 운영체제가 빠르게 번갈아 수행되는 프로세스의 순서를 관리하고 CPU를 비롯한 자원 배분을 위해 사용하는 블록 프로세스와 관련된 정보를 저장하는 자료 구조 프로세스 식별을 위한 꼭 필요한 정보가 저장됨 프로세스 생성 시 만들어지고, 실행이 끝나면 폐기 PCB에 담기는 정보는 다음과 같다. 프로세스 ID (PID) 특정 프로세스를 식.. 공감수 0 댓글수 0 2024. 3. 27.
[03] 운영 체제 운영체제 시스템 자원 모든 프로그램은 하드웨어를 필요로 함 이 때, 프로그램 실행에 필요한 요소들을 시스템 자원 또는 자원이라고 함 운영체제 실행할 프로그램에 필요한 자원을 할당 프로그램이 올바르게 실행되도록 돕는 특별한 프로그램 사용자 영역과 커널 영역 커널영역 컴퓨터 부팅시 메모리 내 생성되는 공간, 운영체제가 적재되어 실행 사용자 영역 커널 영역을 제외한 나머지 영역 사용자가 이용하는 응용 프로그램이 적재 응용 프로그램 사용자가 특정 목적을 위해 사용하는 일반적인 프로그램 운영체제의 역할 프로그램을 메모리에 적재 실행되지 않는 프로그램을 메모리에서 삭제 위와 같은 과정으로 지속적으로 메모리 관리 예시 정부가 국가를 관리하기 위해, 관리 부서를 여러개로 나누어 나라의 자원을 관리한다. 이와 마찬가지로.. 공감수 0 댓글수 0 2024. 3. 27.
1759_암호만들기 (Java) 문제 바로 어제 최백준 조교가 방 열쇠를 주머니에 넣은 채 깜빡하고 서울로 가 버리는 황당한 상황에 직면한 조교들은, 702호에 새로운 보안 시스템을 설치하기로 하였다. 이 보안 시스템은 열쇠가 아닌 암호로 동작하게 되어 있는 시스템이다. 암호는 서로 다른 L개의 알파벳 소문자들로 구성되며 최소 한 개의 모음(a, e, i, o, u)과 최소 두 개의 자음으로 구성되어 있다고 알려져 있다. 또한 정렬된 문자열을 선호하는 조교들의 성향으로 미루어 보아 암호를 이루는 알파벳이 암호에서 증가하는 순서로 배열되었을 것이라고 추측된다. 즉, abc는 가능성이 있는 암호이지만 bac는 그렇지 않다. 새 보안 시스템에서 조교들이 암호로 사용했을 법한 문자의 종류는 C가지가 있다고 한다. 이 알파벳을 입수한 민식, 영.. 공감수 0 댓글수 0 2024. 3. 25.
17406_배열돌리기 4 (Java) 난이도 G4 / 체감 난이도 G4 / 소요시간 1H 30M 문제 크기가 N×M 크기인 배열 A가 있을때, 배열 A의 값은 각 행에 있는 모든 수의 합 중 최솟값을 의미한다. 배열 A가 아래와 같은 경우 1행의 합은 6, 2행의 합은 4, 3행의 합은 15이다. 따라서, 배열 A의 값은 4이다. 1 2 3 2 1 1 4 5 6 배열은 회전 연산을 수행할 수 있다. 회전 연산은 세 정수 (r, c, s)로 이루어져 있고, 가장 왼쪽 윗 칸이 (r-s, c-s), 가장 오른쪽 아랫 칸이 (r+s, c+s)인 정사각형을 시계 방향으로 한 칸씩 돌린다는 의미이다. 배열의 칸 (r, c)는 r행 c열을 의미한다. 예를 들어, 배열 A의 크기가 6×6이고, 회전 연산이 (3, 4, 2)인 경우에는 아래 그림과 같이 .. 공감수 0 댓글수 0 2024. 3. 21.
[01] OSI 1계층, 물리 계층 물리계층 컴퓨터들을 물리적으로 연결 데이터를 전기신호로 변환하고 제어하는 역할 아날로그 신호와 디지털 신호 아날로그 빛, 소리 등과 같이 연속적으로 변하는 물결 모양의 신호 유선 전화, 라디오 등에서 사용 디지털 신호 특정한 값을 기준으로 불연속적으로 변하는 막대 모양 신호 0과 1으로만 존재 평평하면 0, 올라가면 1 물리계층에서 전기신호로 전환 되는 곳 LAN 컴퓨터와 인터넷을 연결하는 필수 장치 랜 카드를 통해, 데이터가 컴퓨터 밖으로 이동할 수 있음 케이블의 종류와 구조 케이블이란 컴퓨터, 서버, 라우터 및 네트워크 장치 간 데이터 신호를 전달하는 역할 케이블은 일반적으로 구리선 이나 광섬유로 구성 꼬임 선 혹은 이중나선 케이블 몇 개의 전선을 꼬아서 만든 케이블 UTP, FTP, STP 등이 있.. 공감수 0 댓글수 0 2024. 3. 20.
[02] 입출력 장치 1. 장치컨트롤러와 장치 드라이버 장치컨트롤러 입출력장치가 다루기 까다로운이유 입출력장치에 종류가 너무 많음 수가 많은 만큼, 다양한 속도, 데이터 전송 형식이 있음 이러한 방식을 규격화하는게 어려움 CPU와 메모리 데이터의 전송률은 높으나, 입출력 장치의 전송률은 낮음 전송률 데이터를 얼마나 빠르게 교환할 수 있는지 나타내는 지표 장치 컨트롤러 입출력 제어기, 입출력 모듈 등 다양하게 불림 장치 컨트롤러의 역할 CPU와 입출력장치간의 통신중계 오류 검출 데이터 버퍼링 일종의 번역가 역할 데이터 버퍼링 전송률이 높은 장치와 낮은 장치간 데이터 교환을 버퍼라는 임시 장소에 저장 후 전송률을 비슷하게 맞추는 방법 전송률 차이를 버퍼링으로 완화 장치 컨트롤러의 내부 데이터 레지스터 상태 레지스터 제어 레지스터.. 공감수 0 댓글수 0 2024. 3. 20.
[01] 보조기억장치 보조기억장치 1. 하드디스크 자기적인 방식으로 데이터를 저장하는 보조기억장치 자기디스크의 일종 하드디스크의 구조 플래터 자기물질로 덮여 있어 N, S극을 저장하며, 각각의 N, S 극은 0과 1의 역할을 수행 스핀들 플래터를 회전시키는 구성 요소 RPM 스핀들이 플래터를 돌리는 속도를 나타내는 단위 15000RPM == 1분에 하드디스크가 15,000 바퀴 회전 헤드 플래터 위에서 미세하게 떠있는 바늘과 같이 생긴 장치 데이터를 읽고 쓰는 기능 디스크 암 헤드를 원하는 위치로 이동시키는 장치 플래터 트랙 플래터를 여러 동심원으로 나누었을 때, 그 중 하나의 원 운동장 트랙이라고 생각하면 편함 섹터 트랙을 여러조각을 나누는데, 이중 하나를 섹터라고 함 하드디스크의 가장 작은 전송 단위, 일반적으로 512바.. 공감수 0 댓글수 1 2024. 3. 13.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.