thumbnail

TIL 2019/1/6

부트스트랩에서 `div class="col-md-4 col-lg-2"중 전자(col-md-4)는 중간크기에서의 col사이즈,후자(col-lg-2)는 최대크기에서의 col사이즈를 의미한다 Button color="primary" size="lg" blockBlock l...

2020년 1월 6일0개의 댓글

CSRF 공격

CSRF attack(Cross Site Request Forgery)은 웹 어플리케이션 취약점 중 하나로 인터넷 사용자(희생자)가 자신의 의지와는 무관하게 공격자가 의도한 행위(수정, 삭제, 등록 등)를 특정 웹사이트에 요청하게 만드는 공격이다.이를 예방하기 위해 매...

2019년 12월 26일0개의 댓글

[csurf미들웨어]{https://github.com/expressjs/csurf}

2019년 12월 22일0개의 댓글

jwt토큰 어디에 저장해야 할까?

JWT토큰을 안전하게 저장하는방법에는 크게 두가지가 있다.첫번째로 웹스토리지에 저장하는 방법과 두번째로 쿠키에 저장하는 방법이 있는데 각각 장단점이 있다. Web Storage 웹스토리지에는 크게 두가지가 있는데 로컬스토리지와 세션스토리지이다. 로컬스토리지에 저장하...

2019년 12월 22일0개의 댓글

q

텍스트

2019년 12월 17일0개의 댓글

TIL 2019/12/14

웹팩에서는 dotenv사용시 dotenv-webpack라는 웹팩전용dotenv패키지 설치후 webpack.config.json에 플러그인을 추가해줘야 한다 ec2몽고db사용시 몽고db설치후 보안그룹에서 27017포트를 열어줘야 한다 https://ianlondon.g...

2019년 12월 13일0개의 댓글

깊은복사 얕은복사

자바스크립트는 기본 자료형(숫자, 문자열, boolean)의 값을 복사할 때 값을 완전히 복사한다. 따라서 =을 이용하여 값 복사를 쉽게 할 수 있다. 아래는 깊은 복사 예제이다. 1열에서 배열 originArray에 [1,2,3,4]를 저장하는 과정은 다음과 같...

2019년 12월 10일0개의 댓글

TIL 2019/12/10

부트스트랩에서 반응형으로 만들경우 그리드시스템을 이용하면 되는데 /Col이라는 태그를 이용하여 세로로 10등분을 기준으로 그리드를 설정할 수 있다

2019년 12월 10일0개의 댓글

내장객체(arguments)

자바스크립트에서는 함수를 호출할 때 함수 형식에 맞춰 인자를 넘기지 않더라도 에러가 발생하지 않는다. 정의된 함수의 인자보다 적게 인자를 넘겨주면넘겨지지 않은 인자에 대해서는 undefined 값이 할당되고 정의된 함수의 인자보다 많게 인자를 넘겨주게 되면 초과된 인수...

2019년 12월 9일0개의 댓글

TIL 2019/12/9

특성 url로 라우팅하고자 하는경우 컴포넌트가 아닌 render를 통하여 라우팅후 history속성을 이용하면 된다.

2019년 12월 9일0개의 댓글

TIL 2019/12/8

리액트에서 부트스트랩을 쓰고자 하는경우 reactstrap이라는 패키를 설치하여 사용할 수 있다.

2019년 12월 8일0개의 댓글

TIL 2019/12/7

몽고db에서 프로미스를 사용하고자 할 경우 app.js파일에 mongoose.Promise = global.Promise; 과같이 선언해줘야 한다

2019년 12월 7일0개의 댓글

TIL 2019/12/6

환경변수 설정하는법 dotenv라는 패캐지 설치후 루트폴더에 .env파일 생성후 jwtSecret=SeCrEtKeYfOrHaShInG와 같이 변수를 선언하면 process.env.jwtSecret으로 변수를 불러올 수 있다.

2019년 12월 6일0개의 댓글

비구조화할당(Destructuring assignment)

비구조화할당이란? 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 자바스크립트 표현식 배열 rest parameter를 이용해 깊은 복사가 가능하다.copy1은 앝은 복사가 되었지만 copy2와 copy3은 깊은 복사가 되었다.

2019년 12월 5일0개의 댓글

TIL 2019/12/5

브라우저상에서 cookie값을 이용할때 js-cookie라는 패키지를 사용하여 저장,삭제등이 가능하다

2019년 12월 5일0개의 댓글

TIL 2019/12/4

mongodb사용시 $(positional operator)는 한번밖에 사용할 수 없으므로 arrayfilter를 사용한다

2019년 12월 4일0개의 댓글

TIL 2019/12/3

ttf폰트 추가시 webpack.config.js에 ttf-loader를 추가해야 된다

2019년 12월 4일0개의 댓글

2019/10/10 TIL

문자열생략 block에서만 됨 span x div display none hover 다른 태그

2019년 10월 10일0개의 댓글

2019/10/8 TIL

리액트컴포넌트의 첫번째 파라미터는 props이고 두번째가 state이다. 따라서 파라미터에 HomePageStateType만 쓰면 props로 인식한다.

2019년 10월 8일0개의 댓글

2019/10/07 TIL

miniO 실행코드 /mnt/data/.minio.sys/config/config.json 의 파일을 수정하면 accessKey,secretKey없이 로그인가능 .env 사용하려면 dotenv모듈설치 const를 export 하려면 export default가 아...

2019년 10월 7일0개의 댓글