Search result

CSS로 세로 사진 좌우에 블러 효과 넣기 backdrop filter

세로 이미지를 가로 썸네일로 표현해야 할 때는 이렇게 위아래를 자르면 좋지 않은 경우가 있습니다. 얼굴이 잘리는 경우는 가장 안 좋죠. 그래서 위와 같이 좌우를 블러로 채워 표현하는 게 좋을 때가 있습니다....

CSS

NodeJS를 위한 최소한의 7가지 보안 설정

반응형    NodeJS는 가장 널리 쓰이는 백엔드 환경이다. 그만큼 보안 이슈도 많고 보안 관련 프레임워크도 다양하다....

Security express NodeJS 보안 서버 보안 시큐어 코딩

WeakRef와 FinalizationRegistry 이해하기

일시적으로 데이터를 담아 둘 때, Map을 활용합니다. 데이터베이스에서 아이디를 통해 사용자 데이터를 가져오는 로직이 있다고 가정해봅시다. class UserFinder { findById(id: string) { return await thi...

weakref javascript

[ VSCode ] CSS 자동완성이 뜨지 않을 때

반응형   font-* 가 뜨지 않는다   간혹가다 별도의 익스텐션을 설치하다 보면 이미 CSS 자동완성이 적용되어 있음에...

정보공유 vscode 자동완성 CSS

Vue.js에서 체크박스 하나만으로 true, false값 잡기

HTML에서 체크박스는 선택을 하거나 하지 않는 것을 표현한다. 예/아니오를 표현하려면 라디오 버튼을 사용해야 한다. 즉, HTML 요소가 두 개여야 한다. 체크박스는 여러 개 중 여러 개를 선택하는 데 사용한다. “...

javascript Vue.js

Best CSS Frameworks 2022(바로 적용)

- 별도 수정없이 바로 적용되어 html 페이지를 예쁘게 꾸며주는 CSS 라이브러리 * Skeleton

Web CSS

d3.js 버전 업그레이드 방법 (v3->v7) (마이그레이션)

- D3.js javascript chart library version upgrade migration https://github.com/d3/d3/blob/main/CHANGES.md //------------------------------------- v7 https://github.com/d3/d3/releases/tag/v7.0.0 https:/...

javascript Chart D3

[Javascript] *.js 파일에 인자 전달하기

Passing Arguments parameter to External JavaScript Files //------------------------------------- < 방법 1 > - data 속성 이용 - html 파일 - js 파일 const name = document.getElementById('helper').getA....

javascript

[Javascript] D3.js 차트 라이브러리 사용법

D3.js D3(Data-Driven Documents) chart library * d3 /d3 https://github.com/d3/d3 - 102k - v7.6.1 , 22-07-04 https://d3js.org/ - API 레퍼런스 https://github.com/d3/d3/blob/main/API.md - 매뉴얼 https://w...

javascript

[ NodeJS ] Webpack + SASS 설정하기

반응형      SASS     기존 웹페이지에 스타일을 적용하기 위해서는 CSS로 하나하나 변경해주어야 하는 번거로움이...

NodeJS CSS sass webpack 웹팩