하드웨어 상에 프로그램을 동작시키는 주체운영체제는 응용프로그램이 하드웨어에게 일을 시킬 수 있도록 도와줌CPU - 하드웨어 구성RAM - 자료 저장운영체제 - 시스템 자원 관리운영체제의 목적은 처리능력 항상, 사용 가능도 향상, 신뢰도 향상, 반환시간 단축프로세스, 기

반도체의 특성을 이용하여 임시적인 내용을 기억하게 하는 것이며, 보조 기억 장치와는 다르게 휘발성을 가지고 있어 전원이 공급되지 않으면 기억하던 값이 사라짐메모리의 속도는 메모리가 CPU와 주고받는 시간을 말하며 속도가 빠를수록 성능이 좋다고 말할 수 있음리프레시 시간

레지스터에 저장된 데이터를 이용하여 산술적인 연산과 논리적인 연산을 담당하는 장치가산기(Adder) - 2개 이상의 수를 입력하여 이들의 합을 출력하는 장치보수기(Complementer) - 뺄샘을 사용할 때 사용하는 보수(음수화)를 만들어주는 장치명령어 레지스터 (I

참조 - http://terms.tta.or.kr/dictionary/dictionaryView.do?subject=%EC%A4%91%EC%95%99+%EC%B2%98%EB%A6%AC+%EC%9E%A5%EC%B9%98키보드, 마우스, 스캐너, 타블렛, 조이콘

재귀 함수는 자기 자신을 호출하는 함수를 말하며,간단한 동작 하나를 반복적으로 처리해야 할 때,주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우중첩된 반복문이 많거나 반복문의 중첩 횟수를 예측하기 어려운 경우코드를 더욱 간결하고 이해하기 쉽게 작성하려는

비선형 자료구조 그래프 트리 이진 트리 이진 탐색 트리 AVL 트리 레드 블랙 트리 힙 우선순위 큐 우선순위 큐는 우선순위 대기열이라고도 하며, 대기열에서 우선순위가 높은 요소가 우선순위가 낮은 요소보다 먼저 제공되는 자료구조입니다 자바스크립트로-우선순위-큐-구현하기

선형 구조란 요소가 일렬로 나열되 있는 자료 구조를 말합니다연결 리스트(Linked List)는 데이터를 감싼 노드를 포인터로 연결해서 공간적이 효율성을 극대화 시킨 자료 구조입니다각 노드가 다음 노드에 연결되어 선형 자료 구조를 이룬다싱글 연결 리스트 - next포인

효율적으로 데이터를 관리하고 수정, 삭제, 탐색, 저장 할 수 있는 데이터 집합을 말합니다시간 복잡도란 문제를 해결해 나가는 데 걸리는 시간과 입력의 함수 관계 를 가리킵니다알고리즘의 로직이 얼마나 오랜 시간이 걸리는지 나타내는 표기법처리(연산)되는 속도가 더 빠르다는

일반 CSSSASS / SCSSCSS Modulestyled-componentsCSS 전처리기로 복잡한 작업을 쉽게 할 수 있게 해주고, 스타일 코드의 재활용성을 높여줄 뿐만 아니라 코드의 가독서응ㄹ 높여서 유지 보수를 더욱 쉽게 해줍니다sassutil 함수 분리프로젝

const value, setValue = useState(0);함수 파라미터 - 기본값배열 첫번째 요소 - 상태값배열 두번째 요소 - 상태를 설정하는 함수리액트 컴포넌트가 랜더링될때마다 특정 작업을 수행하는 Hook마운트될 때만 실행 (처음 렌더링될때만 실행)특정 값

클래스형 컴포넌트 라이프 사이클 마운트 constructor 컴포넌트를 새로 만들 때마다 호출되는 생성자 클래스 getDerivedStateFromProps props에 있는 값을 state 넣을 때 사용 render 컴포넌트를 렌더링하는 메서드 compone

arr.map(callback, thisArg)callback(crreuntValue\[, index\[, array]]) - 새로운 배열의 요소를 생성하는 함수currentValue : 현재 처리하고 있는 요소index : 현재 처리하고 있는 요소의 인덱스 값 (op

DOM을 꼭 직접적으로 건드려야 할 때특정 input에 focus 주기스크롤 박스 조작하기Canvas 요소에 그림그리기Hook 함수의 useRef 메서드를 사용하여 Reaact.createRef 와 유사

HTTP는 애플리케이션 계층으로 써 웹 서비스 통신에 사용됩니다하나의 연결당 하나의 요청을 처리하도록 설계되어있으며,이는 RTT의 증가를 불러오게되었습니다서버로부터 파일을 가져올 때마다 TCP의 3-way handshake를 계속 열어야하기때문에RTT가 증가하는 단점이

this 바인딩화살표 함수여러개의 input 데이터여러개의 input 데이터이벤트 이름은 camelCase 표기법으로 작성이벤트를 전달할 때는 함수 형태의 객체를 전달이벤트는 DOM요소에만 적용 가능ClipboardCompositionKeyboardFocusFormMo

state란 컴포넌트 내부에서 바뀔 수 있는 값을 의미합니다setState의 두번째 파라미터에 callback함수를 넣을 수 있습니다v16.8 이후 useState 라는 함수를 통해 함수형 컴포넌트에서도 state를 사용 할 수 있습니다useState() 함수의 인자

pros는 properties 줄인 표현으로 컴포넌트의 속성을 설정할 때 사용하는 요소입니다부모컴포넌트자식컴포넌트만약 prop의 기본값을 정해주고 싶다면 defautProps 프로퍼티로 설정을 해주면 됩니다부모컴포넌트자식컴포넌트부모컴포넌트자식컴포넌트props의 타입을

state 및 라이프사이클 기능 사용 가능render() 함수 사용적은 메모리자원 사용 => 빌드된 파일 용량 작음 state 및 라이프사이클 기능 사용 불가 => v16.8 이후 Hooks 기능 도입으로 가능화살표 함수 사용 가능 (ES6)

JSX는 JavaScript XML의 줄임말로 문자열도 아니고 HTML도 아닙니다자바스크립트를 확장한 문법으로 자바스크립트 객체라고 볼 수 있습니다JSX를 사용함으로써 구조와 기능을 한눈에 확인 할 수 있습니다JSX로 작성된 코드는 Babel을 통해 JavaScript

자바스크립트 오픈소스 라이브러리render 함수는 html형식의 문자열이 아닌 뷰가 어떻게 작동하는지에 대한 정보가 담긴 객체를 반환합니다리액트에서 뷰를 업데이트할때 조화 과정을 거친다 라고 표현하는 것이 정확합니다이전 render()함수 반환 정보와 현재 render