VSCode8 프론트엔드 - 10. NPM(Node Package Manager) NPM :Node Package Manager 전 세계의 개발자들이 만든 다양한 기능(패키지,모듈 등)을 관리 모듈(우리가 사용할수 있는 기능)들이 살고있는 하나의 생태계라고 할 수 있음 하나하나 일일히 html과 연결했던 것들을 NPM 하나로 관리가 가능함 다만 사용법을 익혀야해서 복잡 1.NPM 사용하기 (1) npm init -y :우리가 만든 폴더 안에서 이 명령을 실행하면 package.json이라는 파일이 생기고 NPM을 사용할 수 있게 됨 프로젝트의 버전과 설명, 제작자 등을 입력 가능 (2) npm install parcel-bundler -D :parcel-bundler이라는 패키지를 설치 끝나면 node_modules 폴더에 설치한 패키지가 생김 ->이미 만들어져 있는 패키지들을 이용해.. 2022. 5. 7. 프론트엔드 - 9. Node.js 1.Node.js Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임 *런타임: 프로그래밍 언어가 동작하는 환경 2.JS가 동작하는 환경 브라우저 또는 node.js가 설치된 컴퓨터 브라우저에서 동작하는 웹페이지를 제작할때 컴퓨터에서 다양한 역할들을 수행하기 위해 node.js의 도움을 받아야 함 3.node.js가 동작하는 원리 다양한 도구들을 사용하고 그걸 node.js 환경에서 javascript 언어를 이용해 html, css, js로 변환하여 브라우저로 동작시킴 4.NVM(node version manager)설치 node.js를 버전을 계속 변경하면서 사용할 수 있도록 node version manager을 다운받는것 권장 구글에 nvm 검색 install & up.. 2022. 5. 7. 프론트엔드 - 8. 마크다운 Markdown Readme.md의 md가 마크다운 1.마크다운 -장점 문법이 쉽고 간결 관리가 쉬움 지원 가능한 플랫폼과 프로그램이 다양함 -단점 표준이 없다 모든 html 마크업을 대신하지 못함 2.VSCode에서 마크다운 작성하기 마크다운 파일 탭 옆에 돋보기 모양 창분할을 누르면 미리보기 가능 3.마크다운 문법 *기호 뒤에 스페이스 필수 # 제목 1 ## 제목 2 ### 제목 3 #### 제목 4 ##### 제목 5 ###### 제목 6 줄바꿈: 띄어쓰기 2번 또는 강조: _이탤릭체_ **두껍게** **_이탤릭체+두껍게_** ~~취소선~~ 밑줄 *u태그는 underline을 가리키는 html 태그이긴 한데, html에서 사용하는 것을 권장하진 않음 목록: 1. 순서가 필요한 목록은 앞에 1. 을 붙임 1. 1로만.. 2022. 5. 4. 프론트엔드 - 7. GIT을 이용한 버전관리 1.GIT 컴퓨터 파일의 변경 사항을 추적하고 여러 사용자간의 해당 파일 작업을 조율하기 위한 버전 관리 시스템 2.git에 연결하기 *처음할 때만 하면 되는 것들 git init: 현재 프로젝트에서 버전관리를 하겠다고 선언 git config --global core.autocrlf input *개행문자(줄바꿈 문자)가 윈도우와 맥이 다름 맥은 input, 윈도우는 true ->crlf라는 개념을 운영체제에 맞게 변형하겠다 git config --global user.name ‘Github 이름’ git onfig --global user.email ‘Github 이메일’ git config --global --list : 입력한 이름, 이메일 등을 확인할 수 있음 git status : 파일의 업데이.. 2022. 5. 3. 이전 1 2 다음