본문 바로가기
반응형

Develop64

컴퓨터 시스템에서의 비트(bit)-2bit, 8bit, 16bit 컴퓨터 시스템에서 비트(bit)는 데이터의 가장 기본 단위로, 0 또는 1의 값을 가질 수 있습니다. 이러한 비트가 모여 더 큰 데이터 단위를 형성하며, 컴퓨터가 데이터를 저장하고 처리하는 데 사용됩니다. 비트의 수는 시스템의 성능과 데이터 처리 능력에 큰 영향을 미칩니다. 이번 포스팅에서는 2비트, 8비트, 16비트 시스템에 대해 알아보고, 이들 간의 차이점을 상세히 살펴보겠습니다.1. 2비트 시스템특징:2비트는 2개의 비트로 표현할 수 있는 데이터 단위를 말합니다.각 비트는 0과 1의 값을 가질 수 있으므로, 총 4가지(2^2) 상태를 표현할 수 있습니다.예: 00, 01, 10, 11활용:매우 제한된 데이터 표현이 필요할 때 사용됩니다.초기 컴퓨터 시스템이나 간단한 디지털 회로에서 사용되었으며, 현.. 2025. 1. 15.
[Architecture]VPN, VPC, VPS 정리 정의 1. VPN(Virtual Private Network) - 번역하면 가상 사설 네트워크 - 보통 웹에선 SSL VPN을 통해 사용자가 VPN을 통해 먼저 접속 하게 하고 암호화를 거친뒤 서버로 접속 하게 하는 역할을 한다. 2. VPC(Virtual Private Cloud) - 번역하면 가상 사설 클라우드 - AWS의 EC2(클라우드 컴퓨터)는 각각의 리전(Region)을 갖고 이러한 떨어져있는 EC2들을 묶어 연결해주는 것을 VPC라고 한다. 3. VPS(Virtual Private Server) - 번역하면 가상 사설 서버 - VPC와 비슷하게 보이겠으나, 차이는 클라우드 컴퓨터가 아닌 실제 컴퓨터를 하나의 가상 서버로 연결하는 것을 말한다. 용도 및 특징 1. VPN - 서버를 접근하는 네.. 2023. 7. 28.
[React]Cool한 State 관리 라이브러리 recoil 매우매우매우 간단하고 직관적인 State 관리 라이브러리 recoil를 배워서 정리 State 선언(atoms) 선언 코드 import { atom } from "recoil" export const isDarkAtom = atom ({ key : "isDark", default : false, }) State 불러오기 import { useRecoilValue } from 'recoil'; import { isDarkAtom } from './routes/atoms'; ... const isDark = useRecoilValue(isDarkAtom); ... set함수 불러오기 import { useSetRecoilState } from "recoil"; import { isDarkAtom } from.. 2023. 3. 30.
[React]react-router-dom의 Outlet 사용 공부 중 너무 개쩔어서 정리 url이 다른 tab메뉴 만들기 두개의 tab메뉴가 있고 클릭에 따라 리로드 없이 다른 url과 컨탠츠를 보여주는 페이지 router 설정 /:coinId 자식으로 두개의 컴포넌트 추가 const router = createBrowserRouter([ { path: "/", element: , children: [ { path: "", element: , }, { path: "/:coinId", element: , children: [ { path: "chart", element: , }, { path: "price", element: , } ] } ], } ]) Outlet추가 Tab 메뉴 아래로 Outlet만 추가 하면 끝! {/* 탭메뉴 */} Chart Price {/.. 2023. 3. 27.
[TypeScript]interface 정의 노가다 쉽게(?)하기 공부 중 많은 데이터들에 대한 TypeScript의 interface 정의방법과 tip 정리 1. API로 받아온 데이터의 Type 정의필요 fetch로 api 받아오기 (코드) ... useEffect(() => { (async() => { const infoData = await ( await fetch(`https://api.coinpaprika.com/v1/coins/${coinId}`) ).json(); const priceData = await ( await fetch(`https://api.coinpaprika.com/v1/tickers/${coinId}`) ).json(); setInfo(infoData); setPrice(priceData); setLoading(false); }) ();.. 2023. 3. 26.
[TypeScript]styled-component 사용 시 오류(해결) 프로젝트 중 Reset css를 설정 중이였고, 'styled-components'의 'createGlobalStyle' 설정에 'DefaultTheme'을 추가 하는 과정에 생긴 오류를 정리. 코드 및 오류 코드 import { createGlobalStyle } from "styled-components"; export const GlogalStyle = createGlobalStyle` ... body { font-family: 'Gothic A1', sans-serif; background-color: ${(props) => props.theme.bgColor}; } a { text-decoration: none; } ` 에러 문구 ERROR in src/styles/Reset.ts:68:52 T.. 2023. 3. 24.
반응형