매일 공부한거 기록하기

npm install --save @popperjs/core 요걸 설치해 주면 된다!

지금까지 운이 좋게도.. typeof로만 연명해왔던 날들... 배열은 Array.isArray와 instanceof Array로 구분해야한다..^^.. Array.isArray console.log(Array.isArray([a,b,c]); // true instanceof Array const test = [1,2,3]; console.log(test instanceof Array) //true 이렇게 하면 된다...^^..~

Random Everything - Visual Studio Marketplace Random Everything - Visual Studio Marketplace Extension for Visual Studio Code - Generate random ints, floats, strings, words, etc. marketplace.visualstudio.com 귀여운 익스텐션 :) 맥에서는 ⇧⌘P 윈도우에서는 Ctrl + Shift + P 를 누르고 Random을 입력하면? 이렇게 랜덤으로 입력하고 싶은 값들이 나옴! 잘 선택해서 사용하면 된당 :)

00. mocha를 설치한다 npm i mocha mocha: 테스트코드를 실행시켜주는 Node.js 테스트 프레임워크 npm i --save-dev mocha 01. mocha기본문법 테스트 블록 describe(test_group) :테스트 케이스들의 그룹 it(test_name) :테스트케이스 이름 assert : mocha가 제공하는 테스트 모듈 import해서 사용하면 됨 메소드 before() : 블록범위 전체 테스트 전에 실행 after() :블록범위 내 전체 테스트 후에 실행 beforeEach() : 블록 범위 내 각 단위테스트 직전에 실행 afterEach() : 블록 범위 내 각 단위 테스트 직후에 실행 mocha의 context를 사용할 일이 있다면 화살표 함수를 사용하면 안된다고한..

0. node.js를 설치한다 https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org node -v npm -v 를 입력해서 버전과 설치를 확인하면 됨! 1. 서버를 만들자 01. 프레임워크 없이 만들기 const http = require('http'); http.createServer(function(req,res){ }).listen(8080,function(){ console.log('8080 server start'); }) 02. 프레임워크 Express사용해서 만들기 npm i express express를 설치합니다 const express =..

1. Node.js란? chromeV8 js엔진으로 빌드된 js런타임 javaScript를 실행 할 수 있는 환경이다. Node.js를 이용해 브라우저 외에도 js를 실행 할 수 있게 되었다. 2. Node.js 특징 javaScript와 마찬가지로 Node.js도 싱글스레드이다. process : 운영체제로부터 자원을 할당받는 작업의 단위 Thread : 할당받은 자원을 이용하는 실행의 단위 하나의 프로세스는 여러개의 스레드를 가질수 있다. 3. Blocking I/O 하나의 프로세스가 A라는 자원을 사용할때 다른 프로세스는 A자원을 사용하기 위해 프로세스가 종료될때까지 기다리는것이다. 이 상태를 BLOCKED 상태라고 한다. 4. Event Loop 이해될때까지 읽는다... https://www.ko..

vue를 이용할때 style에 범위를 제한하기 위해 scoped를 사용한다. 그러나 하위컴포넌트의 스타일을 제어할 수 없는 문제가 생기게 된다. 이럴때 deep Selector를 사용하게 된다. (이때 첫번째 자식요소에는 적용이 되지만 그 이후의 자식컴포넌트에는 영향을 줄 수 없을때를 말한다.) 현재 기준 추천 방법

옵션 API 일때 플러스하기 마이너스하기 : {{count}} 컴포지션 API 일때 import해서 가져온 API함수들을 사용해 컴포넌트의 로직을 정의한다. SFC(Single File Component) 에서 컴포지션 API는 Vue2에서 data,methods,template,watch등이 유기적으로 동작하는데, 컴포넌트의 규모가 커지면서 가독성이 떨어지게 됨 -> Vue3에서는 Composition API를 제공하면서 setup 함수가 생기게 됨 ref : 반응형변수 data methods: js 함수 onMounted, onUpdate : LifeCycle hooks watch: 반응형변수 변경탐지 computed : wtach함수로 구현가능한 계산된 값에 사용. setup함수 특징 : 컴포넌트 ..

이중 중괄호는 html속성 내에서 사용할 수 없다. 대신 v-bind를 사용한다. 단축해서 사용이 가능하다 여러 속성을 나타내는 js객체 const person = { name:"james', age:30 }

문제점: HTML을 동적으로 렌더링하면 xss위협에 빠질수 있다. 유저로부터 입력받는 부분에는 v-html을 절대 사용하지 않는다. https://doqtqu.tistory.com/352 [Vue.js] v-html 대체하기 v-html이란? v-text(이중 중괄호, mustaches) 디렉티브는 HTML이 아닌 일반 텍스트로 데이터를 해석한다. 따라서 아래 코드는 그대로 텍스트로 보여지게 된다. Using mustaches: {{ rawHtml }} Using mustachs: This shoul doqtqu.tistory.com