CONTENTS (75) 썸네일형 리스트형 [React] React에서 index.html( css) React를 사용하더라도 web이 결국 running하는 파일은 index.html 파일이다. 성능, 검색 최적화시 핵심 css는 index.html에 inline으로 넣는 것을 google에서도 권장한다. [React] 메뉴얼 React webpack 환경 설정 typescript가 js 파일까지 바로 해석을 할 수 있으나, typescript와 babel 사용시 "typescript --> babel --> js" 를 거쳐서 파일을 해석하는 이유는 webpack+babel은 모든 파일을 하나의 .js파일로 변경해주기 때문이다. babel-loader, style-loader, css-loader, file-loader, url-loader loader 옵션들이 .js파일로 bundling 해준다. package name npm i [package name] react : react 모듈 react-dom : react-dom 모듈 typescript : typescript 모듈 @types/react : react용 typescript 모듈 @types/rea.. [Node] npm install error 발생시 node_modules package-lock.json 가장 간단한 방법으로 두 파일을 지우고 "npm i install" 명령어를 다시 실행한다. [Node] package.json npm package들을 관리하는 파일 node-modules안의 파일들이 설치되어 있지 않아도 package.json을 공유하면 해당 파일의 설치가 가능하다. - npm init : package.json 생성 - npm install [package name] : package 설치 == npm i [package name] - npm i [package name]@[version] : 특정 version 설치 - npm i [package name] -D : 개발모드로 설치 - npm uninstall [package name] : package 삭제 - npm install : package.json에 있는 모든 package 설치 - npm run [scripts] : scripts에 정의한 c.. [React] React props React props는 부모 component에서 자식 component에게 데이터를 넘겨줄때 사용한다. props에는 여러 종류의 method가 있는데 부모에서 넘겨주는 값 이외에 children, deafaultProps가 있다. children은 "Children 데이터" 로 tag로 감싸진 부분의 데이터이다. default props는 props의 값을 주지 않을 경우에도 자동으로 props의 값을 주고 싶을때 사용한다. [React] React 기초 ★ React 1. 사용자 경험 2. Component의 재사용( 유지 / 보수) 3. 데이터-화면 일치 ( 기존 웹개발은 직접 DOM에 접근하여 값을 변경하였지만 React의 경우 state로 값을 변경) ★ Webpack: 수백 수천개의 관련 파일들을 하나로 합쳐주는 것 ★ Webpack에서 필요 없는 plugin을 추려 낼 때 하나씩 빼며 오류가 있는지 확인하며 하는 방법도 있음 ★ Babel : 최신식 코드를 실제로 Javascript가 이해 할 수 있도록 바꾸어주는 library ★ babel - babel/core: 파일들을 최신 문법으로 - babel/preset-env: 내가 원하는 환경대로 설정 - babel/preset-react: react jsx를 사용할수있음 - babel-load.. [GIT] git bash command line pwd : 현재 폴더 cd : directory 이동, change directory? cd.. : 상위폴더 이동 cd../폴더명 : 해당 폴더로 바로 이동 자동완성 : 조금 타이핑하다가 tab키 드라이브 이동 : cd /c (c드라이브) ls -al : 숨김 폴더, 숨김 파일 보기 git init : 로컬 저장소 생성, git local 저장소 어디로 할지? git add 파일 이름 : 파일 추가 git add . : 전체 파일 추가 git commit -m "commit 설명" : commit에 대한 설명 git config --global user.email "you@example.com" : commit 실행하는 사람 정보 git config --global user.name "Your Name".. Linux 명령어 명령어 shutdown : 시스템 종료 halt : 시스템 종료 init 0 : 시스템 종료 poweroff : 시스템 종료 reboot : 시스템 재부팅 init 6 : 시스템 재부팅 shutdown -r now : 시스템 재부팅 pwd : 현재 자신이 위치하는 디렉토리 cd : 디렉토리 이동 ls : 자신이 속해있는 폴더 내에서의 파일 및 폴더들을 표시 mkdir : 디렉토리 생성 ( 폴더 생성 ) == 앞으로 폴더를 디렉토리로 쓰겠습니다. rmdir : 디렉토리 삭제 touch : 파일크기가 0인 파일 생성 ( 잘 쓰진 않지만, 파일 시간 정보를 변경하는 용도로 쓰이거나, 하드디스크의 오류를 판단할 때 쓰입니다) cp : 파일 복사 ( 디렉토리 내부까지 복사하기 위해서는 cp -R 이라는 옵션을 붙.. [GIT] Git 사용법 Git 저장소 생성 git init 내 정보들 입력 git config -g user.name "(내 이름)" git config -g user.email "(내 메일주소)" 폴더 내 변화들과 캡슐 상태 확인 git status 폴더 내 변화 캡슐에 담기 (스테이지) git add -A 변화를 담은 캡슐 묻기 (현 상태를 저장) git commit -m "(적어둘내용)" git 상태들 확인 (일련번호 등) git log 특정 시점으로 돌아가기 (복구 불가능) git reset (돌아갈 커밋 일련번호 앞 6자리) --hard 특정 상태로 돌아가기 (변화를 상쇄) git revert (상쇄할 커밋의 앞 6자리) 새 브랜치 만들기 git branch (브랜치명) 만들어진 브랜치들 보기 git branch 특정.. Delay / Skew / Slack / Slew Delay ASIC 또는 FPGA에서 발생하는 Delay는 흔히 이야기하는 딜레이가 맞습니다. DELAY = CELL_DELAY + NET_DELAY 여기서 CELL은 AND, OR, FlipFlop등의 셀을 의미하며 NET은 이들을 연결하는 WIRE를 의미합니다. CELL_DELAY는 전자의 이동속도 등과 관련이 있으며 CELL_DELAY는 아래 그림과 같이 세수대야 모델로 이해 할 수 있습니다. 세수대야를 CELL로 봅니다. 대야속의 물의 높이 즉 '수위'가 CELL의 값을 나타냅니다. 물이 비어있다고 가정하면 0의 값이며 수도꼭지를 틀어 수위가 1이 될 때 까지의 시간을 RISE_DELAY라고 합니다. 그리고 구멍을 열어 수위가 다시 0이 될 때 까지의 시간을 FALL_DELAY라고 합니다. 물 대.. 이전 1 2 3 4 5 6 7 8 다음
