본문 바로가기

전체 글

(93)
리액트 시작 VS Code, Nodejs, Yarn 설치 VS Code, Nodejs, Yarn 설치 emmet 플러그인 설치: html태그 안의 내용 쓰고 tab누르면 자동완성 index.html만들고 DOCTYPE html> Indecision App This is my HTML file! 입력 후 터미널창에 yarn global add live-server :라이브서버 추가 live-server -v :버전확인 live-server public :서버실행
React 설치 sudo apt-get install curl curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - npm install -g create-react-app 권한이 없어 에러나면 sudo chown -R bitai /usr/lib/node_modules sudo npm install -g create-react-app sudo chown -R bitai /usr/bin/create-react-app create-react-app react_frontend cd react_frontend npm start
YAML / JSON / XML YAML은 YAML Ain't Markup Language 앞자리로 구성되어 있다. 인간이 읽기 쉽도록 설계되었으며 Data serialization 표준이라고 자부할 만큼 리스트, 해쉬 데이터구조 직렬화에 강하다. 공백문자 이용 들여쓰기 (탭문자 미사용), 값은 큰 따옴표("") 또는 작은 따옴표('')로 감싸기 가능 특수문자는 역슬래쉬와 함께 기입, 주석은 #로 표시 해쉬 요소를 여러 줄에 쓸 때 콜론 기호를 이용해서 키:값의 형태로 한 줄에 하나의 요소 표현(block format) ※ 한 줄 모아 쓸 때 중괄호({}) 이용하며 쉼표로 각 요소 표현(inline format), 가독성때문에 비추 리스트 요소를 여러 줄에 쓸 때 하이픈(-)으로 시작하는 한 줄에 하나의 요소 표현(block forma..