일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- react-hook-form
- classList
- css#cascading#display#block#inline
- mongodb
- grid-column-start
- javascript
- confirm()
- grid-template-areas
- foreach()
- package.json
- relative
- createElement
- className
- CSS
- valuable
- border-style
- Grid
- prompt()
- box-shadow
- var
- javascipt
- React
- collapsing-margins
- gird-row-end
- variables
- python #qqplot #qq-plot #code
- localStorage
- grid-row-start
- grid-column-end
- scope
- Today
- Total
목록전체 글 (112)
data life
운영체제 Operating System(OS)란? 🤷🏻♀️ + 📖 => 👩🏻💻 사용자가 컴퓨터를 쉽게 다룰 수 있게 해주는 설명서 같은 존재이다. 사용자에게 컴퓨터의 프로그램을 쉽고 효율적으로 실행할 수 있는 환경을 제공해주며 이를 인터페이스(interface)라고 한다. 우리가 흔히 알고 있는 PC OS에는 윈도우, MacOS, 리눅스가 있다. 실행되는 응용 프로그램들이 메모리와 CPU, 입출력 장치 등을 사용할 수 있도록 만들어 준다. 운영체제의 구성 하드웨어 ↔ 운영체제 ↔ 셸 / 응용 프로그램 ↔ 사용자 🔸 운영체제의 핵심 : 커널(kernel) 🔸 운영체제의 인터페이스 : 셸(shell) >> 다양한 운영 체제 기능과 서비스를 구현하는 인터페이스를 제공하는 프로그램 >> 🐚 사용자와 커널 사..
값(value) 조작 가능한 표현 ex> 문자열, 문자, 숫자 등 ✅ 값(value)의 종류 원시 값 - Number - String - Boolean - Null - Undefined 참조 값 원시 값이란❓ - 단순 원시적인 값 또는 데이터 - 재할당하지 않은 처음의 값 ** 변수는 어떠한 공간을 갖는 것으로 임의의 메모리 주소를 할당받음 let myAge = 10; let myAge2 = myAge; myAge = 20; console.log("myAge :"+myAge); //20 console.log("myAge2 :"+myAge2); //10 Number 1. 숫자의 종류 - 정수 ex>10, 100,-10,-100,,, ☑️ Number.isInteger(num) : num이 정수인지 판별하는..
Latch 란? flip-flop과 마찬가지로 1bit 데이터를 저장해주는 조합논리회로이지만 둘이 약간의 차이가 존재한다. flip-flop : 클럭이 변화할 때 (0->1 또는 1->0) 데이터를 저장 latch : 클럭이 0 또는 1 일때 데이터를 저장 그렇다면 latch의 구조는? 1bit latch 기존 Hold That Bit => Write(W) DI(Data In)이 데이터를 넣을 때, Write도 1이 되어야한다. 8bit latch 1bit latch x 8개 구조 Wrte : 1 => 8 bit Data Inputs이 8bit Data Outputs에 저장된다 Write : 0 => 8bit Data Outputs 값이 유지된다 RAM (Random Access Memory) 온전한 8..
플립플롭 (Flip-Flop) >> 컴퓨터의 주기억장치, CPU 캐시, 레지스터를 구성하는 회로 중 하나이다. >> 1비트의 정보를 보관 및 유지하고 전기 신호가 지속적으로 공급되어야만 정보를 유지할 수 있다. >> 데이터를 저장하는 조합논리회로 >> 구조상 휘발성이다. 즉, 정보는 전원이 있을 때만 보관, 유지되며 전원이 차단되면 정보는 사라진다. 원리? NOR GATE를 살펴보자 (그림은..형편없다) 스위치를 떼어도 전구가 켜지는 것을 확인할 수 있다! 전구상태 (출력상태)를 확인하면 이전에 스위치를 켰었는지 껐었는지 알 수 있는데 이것을 통해 우리는 '저장'의 원리를 이해할 수 있다 위의 첫번째 스위치를 끈 상태를 유지하면서 다른 두번째 스위치를 키면 과연 어떻게 될까? 두번째 스위치를 키게 되면 ..
Oscillator 란? Input : 0 => Output : 1 => Input : 0 클럭 생성기라고 생각하면 됩니다. 위의 그림과 같이 출력값이 입력값에 영향을 주고 입력값이 출력값에 영향을 주면서 0과 1을 반복합니다. 이렇게 무한루프로 반복하면서 '클럭'을 생성하는데... 클럭이란? CPU의 속도를 나타내는 단위로 1초 동안 파장이 한 번 움직이는 시간을 의미합니다. 이 시간 동안 처리하는 데이터 양에 따라 CPU의 속도가 달라지게 됩니다. 오버클럭이란? 말그대로 클럭을 오버한다는 뜻으로 임의적으로 본래 CPU의 속도보다 더 끌어올리는 것을 말합니다.
반가산기 (HA : Half Adder) 🔸 sum bit (합) + : OR 0 + 0 = 0 0 + 1 = 1 1 + 0 = 1 1 + 1 = 0 OR + NAND A Input B Input OR Out NAND Out 원하는 결과값 0 0 0 1 0 0 1 1 1 1 1 0 1 1 1 1 1 1 0 0 ex> OR + NAND + AND A Input B Input OR Out NAND Out AND Out 0 0 0 1 0 0 1 1 1 1 1 0 1 1 1 1 1 1 0 0 원하는 결과값과 같은 결과를 얻을 수 있다. 즉, OR + NAND + AND = XOR 게이트라고 부른다. 0 + 0 = 0 0 + 1 = 1 1 + 0 = 1 1 + 1 = 0 즉, 반가산기란 두 1bit를 덧셈하는 가..
TypeScript에게 React component를 설명하는 방법 Prop Types는 prop이 있는지 없는지 확인해주지만 코드를 실행한 다음에야 확인이 가능하다. 코드 실행하기 전에 확인하기 위해 Prop Types를 이용하지 않고 prop들을 TypeScript로 보호해주도록 하겠다. TypeScript와 props interface interface를 이용하여 object 모양을 typescript에게 설명해주어 component의 props에 타입을 알려준다. interface Players { name: string; age: number; score: number; } const profile = (playerObj: Players) => { `${playerObj.name}. ${play..
TypeScript 대체 이게 뭐야? 자바스크립트야? 하시는 분들 예..맞습니다.. JavaScript를 기반으로 한 프로그래밍 언어인데요 타입스크립트는 마치 비법소스(라면스프)를 넣은 요리라고 생각하시면 이해하기 쉬울 듯 합니다. (오셨다..!) javascript와 거의 복붙한 수준으로 비슷하면서 새로운 기능만을 살짝 추가했기 때문에 사실상 추가한 기능 빼고는 문법도 똑같습니다. (이래도 안배울겨?) 그래서 javascript를 공부하시는 분들은 지식만 잘 가지고 있으면 이 아이도 잘 쓸 수 있다는 굉장한 사실!! TypeScript의 기능 타입스크립트의 절대적 기능은 바로 프로그래밍 언어가 작동하기 전 type을 확인해주는 것인데요 자바스크립트와 타입스크립트를 비교하면서 살펴보도록 하겠습니다. 자바..
컴퓨터는 어떻게 이루어져 있는가 우리 생활에서 없어선 안되고 개발자라면 꼭 알아야할 기초 컴퓨터 구조에 대해 알아보려고 한다. 최초의 컴퓨터는? 사실 지금 사용되고 있는 컴퓨터 구조 이전에는 기존 작업이 아닌 다른 작업을 하려고 하면 회로 스위치를 다시 설치하고 전선을 재배치하는 등과 같이 전체를 다시 조정하여 새로운 입력을 처리해야하는 번거로움이 있었다. 현재 사용되고 있는 대부분의 컴퓨터의 구조는 '존 폰 노이만(John von Neumann)'이 만든 폰 노이만 구조이다. 그렇다면 폰 노이만 구조란? 쉽게 말하자면, 연산 장치와 기억 장치가 분리된 구조이다. 기존 컴퓨터는 하드웨어의 전선, 스위치 등을 하나씩 재배치해야되느라 시간이 오래 걸렸지만 폰 노이만 구조의 컴퓨터는 하드웨어가 아닌 소프트웨어..
1. 시간 변환 함수 생성 function Times() { const [times, setTimes] = useState(""); return ( 분 🔁 시 Reset ); } state를 활용하기 위해 일단 시간 변환 함수를 만들어주었다. 구성은 다음과 같다. 분(minutes) input 교체 버튼 시(hours) input 리셋 버튼 2. 이벤트 함수 생성 및 연결 const onChange = (event) => { setTimes(event.target.value); }; onChange의 이벤트 함수를 생성하여 변경된 값을 저장해주는 setTimes에 입력값을 받아 저장해주도록 하고 value값을 가져오도록 Times함수 input에 연결해준다. 위와 마찬가지로 state를 이용하여 교체버튼..