oris9

기본 명령어 1) 버전 확인 (노드 버전 확인) $ node -v (npm 버전 확인) $ npm -v * npm은 node 설치하면 자동으로 같이 설치된다. 따로 설치할 필요 없음 2) 설치 (지역설치) $ npm i 설치하고싶은패키지네임 (전역설치) $ npm i -g 설치하고싶은패키지네임 3) 설치된 npm 리스트 확인하기 프로젝트 내 설치된 npm 리스트와 버전을 확인할 수 있다. $ npm ls (특정 패키지만 확인하기) $ npm show 패키지네임 version 파일 안의 package.json : 디렉토리에서 사용된 각종 모듈에 관한 정보를 담고있음. npm init으로 생성가능 (생성안하고 모듈설치시 경고-오류-뜨고 자동으로 생성됨) { ... "dependencies": { "color..

CSS 변수 선언 및 호출 CSS에서 변수의 이름을 지정할 때는 변수 맨 앞에 -- 를 붙여주어야 한다. 그리고 변수를 호출해 사용할 때는 var(변수명)형식을 사용한다. :root { --main-font-color: #000f22; /* CSS 전역 변수 선언 */ } div { color: var(--main-font-color); /* CSS 변수 사용 */ } CSS 변수 선언 스코프 전역 변수 스코프 CSS의 :root 의사클래스는 문서 트리의 루트 요소를 선택한다. 즉, HTML 문서의 루트 요소는 요소이므로, :root와 html은 같다고 보면 된다. 보통 이 영역에 css 변수를 선언해 사용한다고 보면된다. 자바스크립트로 따지면 일종의 전역 변수 영역이라고 이해하면 된다. :root에서 ..

데이터파일 data.json 더보기 { "soccer": { "name": "Soccer", "subscribers": 800000, "description": "The football subreddit. News, results and discussion about the beautiful game.", "posts": [ { "title": "Marten de Roon to make pizza for more than 1,000 people in Bergamo if Atalanta win the Champions league.", "author": "joeextreme" }, { "title": "Stephan Lichtsteiner has retired from professional footbal..

큰 따옴표나, 작은따옴표 실수로 빼먹으면 이렇게 된다. ​ 맥은, control + g ​ 윈도우는 ctrl + g ​ ​로 탈출 가능

JavaScript의 동작원리에 대해 (콜스택, 큐, 이벤트루프) ES6 기준으로 작성되었습니다 *Heap : 변수나 객체 같은 참조 타입들이 이곳에 할당됨 JavaScript는 콜스택방식으로 코드를 처리하고, 한 번에 코드를 한 줄만 수행할 수 있습니다.(=싱글스레드처리방식) 콜스택(Call Stack) 방식이란, 호출된(call)된 코드들이 push되어 콜스택에 쌓이면서(stack) 코드 처리가 진행됩니다. 이때, 코드는 팬케이크처럼 아래에서 위로 쌓이게 됩니다. 이렇게 콜스택에 쌓인 코드는 위에서부터 처리되며, 값이 반환되면(실행 완료되면) 빠져나갈 수(pop)될 수 있게 됩니다. (나중에 들어온 코드가 먼저 나갈 수 있는 구조임, 선입후출) 만약 함수1이 매개변수로 다른 함수(함수2)에서 반환된 ..