# blur

19개의 포스트
post-thumbnail

blur AppBar 만들기

blur 처리된 app bar를 만들어 보자.

2023년 4월 20일
·
0개의 댓글
·

[React] ClickToEdit Component

input창을 클릭하면 수정이 가능하고 다른 곳을 클릭하면 수정한 내용이 반영되는 컴포넌트사용자가 폼 요소를 클릭하거나 tab키를 눌러 요소로 이동하면 해당 요소가 포커스(focus)주로 데이터 입력 준비를 의미, 포커싱이 이루어지는 순간 초기화 코드 실행 가능auto

2023년 2월 22일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #041일

결과HTMLCSSfavicon 은 웹페이지 탭화면에 title과 함께 나오는 웹페이지 아이콘이다.https://www.favicon-generator.org/ 에 들어간다.넣고자 하는 아이콘의 이미지를 선택하고 첫번째 선택란은 1번을 선택한다. 웹, 태블릿,

2022년 12월 11일
·
0개의 댓글
·
post-thumbnail

[CSS] filter

✍️ blur처리 된 이미지를 사용하고자 찾아봤던 속성이다. 당시에는 IE도 맞춰야 해서 CSS를 사용하는 대신 서버에서 원본 이미지를 blur처리를 한 후 따로 저장해서 사용 했었다. 이제 IE도 👋 했으니 CSS filter 속성으로 다양하게 표현 할 수 있을 것

2022년 12월 9일
·
0개의 댓글
·
post-thumbnail

CALayer Shadow

업무 하면서 Shadow에 대해 알게된 내용을 정리한다.

2022년 11월 29일
·
0개의 댓글
·
post-thumbnail

7/9 14일차

props.. 다들 잘 하는 props 나만 이해하기 어렵다..오늘도 props를 이해하기 위해 연습해 봤다.props를 사용해보기 위해 컴포넌트를 하나 만들었다.const One, const Two 두 개의 컴포넌트를 만들고 export를 시도했는데 ..둘 다 exp

2022년 7월 8일
·
0개의 댓글
·

JS- focus, blur

focus() 함수는 특정 항목에 입력커서를 할당 가능focus 이벤트는 특정항목에 입력커서가 할당되었을때 동작하는 이벤트blur 이벤트는 특정 항목에서 입력커서가 빠져 나왔을 때 동작하는 이벤트 -> focus의 반대

2022년 6월 3일
·
0개의 댓글
·
post-thumbnail

이미지 조작하기

\-blur(px) : 흐림효과 10px만 둬도 엄청 흐려진다.\-brightness(%): 밝기 조정 100이 기본값이라고 생각하면 된다. 0은 완전 어두워진다.\-contrast(%):고대비:\-drop-shadow(가로그림자px 세로그림자px 흐림px 색깔):그림

2022년 5월 30일
·
0개의 댓글
·
post-thumbnail

#1 모달 외부 클릭하여 닫기

태그에 focus, blur를 통한 모달 닫힘 구현

2022년 5월 12일
·
0개의 댓글
·
post-thumbnail

Materials

불투명한 뷰는 어떻게 만드는거지? 그게 바로 이거였다.

2022년 4월 13일
·
0개의 댓글
·
post-thumbnail

Algorithms / Gaussian blur / 모자이크 / Python

▼원본▼▼LV.6▼▼blur.py▼터미널에서 \[blurfactor]를 숫자로 대체해서 실행하면 작동한다. 숫자가 높아질수록 시간이 더 오래걸린다.같은 경로에 cat.jpg라는 이름을 가진 파일이 있어야 하며 프로그램이 다 돌아간 후엔 blur.jpg로 새롭게 저장된다

2022년 4월 4일
·
0개의 댓글
·

React 개발일지 - 1. dropdown

dropdown 구현을 위해 사용한 usestate의 데이터 변경 방식과 마우스 이벤트 발생 순서에 따른 blur 이벤트를 막는 내용에 대해 설명합니다.

2022년 2월 28일
·
0개의 댓글
·
post-thumbnail

[JS30] -3) CSS Variables

HTMLElement: input event 각 input 태그의 값들이 변경될 때마다 이벤트를 호출하기 위해서는 이벤트 조건을 input으로 지정하면 된다. blur Reference https://developer.mozilla.org/ko/docs/Web/AP

2021년 10월 22일
·
0개의 댓글
·
post-thumbnail

모달 다이얼로그 만들기 | JS Snippets

모달 다이얼로그(Modal Dialogs)는 메인 컨텐츠 위에 나타나는 사용자 인터랙션 중 하나다. 일반 시스템 다이얼로그는 팝업으로 나타나지만 모달 다이얼로그는 화면 위의 레이어로 나타나는 차이가 있다.모던 브라우저 환경에서 자주 사용되는 기술 중 하나이며 사용자의

2021년 8월 6일
·
1개의 댓글
·
post-thumbnail

[모던JS: 브라우저] 폼과 폼 조작

본 포스팅은 여기에 올라온 게시글을 바탕으로 작성되었습니다.파트와 카테고리 동일한 순서로 모든 내용을 소개하는 것이 아닌, 몰랐거나 새로운 내용 위주로 다시 정리하여 개인공부 목적으로 작성합니다.중간중간 개인 판단 하에 필요하다고 생각될 시, 기존 내용에 추가로 보충되

2021년 6월 21일
·
0개의 댓글
·

background-image 가 있는 요소의 이미지를 뿌옇게...blur 블러

filter 속성에 blur 값을 준다.

2021년 6월 2일
·
0개의 댓글
·
post-thumbnail

배경 이미지에 blur 처리를 하고 싶어요.

blur 효과 모바일이나 웹사이트를 이용하다 보면, 기존의 화면 위에 팝업창과 같은 보조 창이 뜨게 될 경우 뒷 화면이 블러 처리가 되는 경우나, 배경 이미지가 블러처리 되어 있는 경우가 있다. 이 부분은 어떻게 처리하는 것이 좋을까? 배경이미지의 경우 포토샵에서 블

2021년 2월 8일
·
0개의 댓글
·