본문 바로가기

공부23

[리액트]기본코드 정리 1. App.js - function App()이 리턴한 값이 id가 root인 곳의 아래로 들어갔다 2. index.js import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); - 뭔가를 화면에 그린다.-render - 안에 이라고 작성해서, App이라는 함수가 반환하는 값을, document의 id가 root인 요소의 밑에 render 하겠다. - 최상위 컴포넌트를 정의할 수 있다. 즉, App.js가 아닌.. 2022. 7. 19.
[리액트]작업 환경 설정 1. node js, npm설치 - 크롬 v8 자바스크립트 엔진으로 빌드한 자바스크립트 런타임. - 웹 브라우저 환경이 아닌 곳에서도 자바스크립트를 사용하여 연산할 수 있게 함. - node js 설치하면, node js 패키지 매니저 도구인, npm이 설치됨 2. yarn 설치 - npm을 대체할 수 있는 도구로, npm보다 빠르고 효율적인 캐시 시스템과 기타 부가 기능을 제공. - ' npm install --global yarn ' 으로 설치 3. 에디터 설치 - 서브라임 텍스트, 브래킷, vs code, 아톰 등이 존재 4. git설치 5. create-react-app으로 프로젝트 생성하기 - yarn : yarn create react-app 프로젝트명 - npm : npm init react.. 2022. 7. 19.
[한입 크기로 잘라 먹는 리액트] 2. Javascript 기본 '한입 크기로 잘라 먹는 리액트' 라는 강의를 보면서 정리한 내용이다. 2-1. Hello World CodeSandBox에서 실습 2-2. 변수와 상수 *let*변수 -변수 중복 사용 허용하지 않음 let age=25; console.log(age); //25 age=30; console.log(age);//30 *var*변수 -변수 중복 사용 허용 => 함정빠질 가능성 있음 *const*상수 const age=25; console.log(age); //25 age=30; //오류=>상수는 선언 이후 절대 바뀔 수 없음 2-3. 자료형과 형 변환 *자바스크립트의 자료형* -원시타입 : 한번에 하나의 값만 가질 수 있음, 하나의 고정된 저장 공간 이용 let age=25;//정수 let tall=175... 2022. 6. 3.
[12주차]기억장치(3), 보조기억장치(1) Chap 06. 기억장치 03. 캐시 기억장치 - 라인크기 - 쓰기 정책 블록 크기에 따른 특성 : 블록 크기가 커질수록 캐시에 들어올 수 있는 블록의 수는 감소한다. 블록 수가 적으면 인출된 직후에 다른 블록과 다시 교체된다. 블록 크기가 커질수록 원하는 워드에서 멀리 떨어져 있는 워드들고 같이 읽혀 오며, 그들은 가까운 미래에 사용될 가능성은 낮다. - 계측정 캐시 -온-칩 캐시 : 캐시 액세스 시간을 단축시키기 위해 cpu칩 내에 포함시킨 캐시이다. -계층적 캐시 : 온-칩 캐시를 1차 캐시로 사용하고, cpu 외부에 더 큰 용량의 2차 캐시를 설치하는 방식이다. -분리적 캐시 : 캐시를 명령어 캐시와 데이터 캐시로 분리한 것이다. -계측정 캐시 히트율 : 2차 캐시의 용량이 1차 캐시의 용량보다 .. 2021. 5. 19.

티스토리툴바