# click

25개의 포스트
post-thumbnail

Js-addEventListener

localStorage.setItem()localStorage.getItem()

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

Front-end 국비지원 #056일

결과HTMLCSSscript를 보기전에 이거 부터 설정하고 배워보자ImageLoaded는 이미지를 masonry를 사용하기전 충분히 로딩을 한 후 작동되게 하려고 사용한다.이미지를 충분히 로딩하지 못한채로 masonry를 사용하면 겹치는 현상도 발생함.https&#x3

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

Front-end 국비지원 #049일

결과HTMLCSSscript어제 만든 불릿버튼 슬라이드와 코드는 거의 같다. 하지만 다른건 숫자 카운팅인데 크게 다르지 않게 만들었다. ex ) 불릿과 마찬가지로 addClass , removeClass 로 01/05 class=on02/0503/0504/0505/05

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

Front-end 국비지원 #041일

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

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

Front-end 국비지원 #037일

전체 결과1-3 진행 결과오늘은 배너와 배너 하단 컨텐츠 부분을 제작하였다. HTMLCSS2의 배수로(2n) 으로 위아래 정렬을 했다. 각 relative와 absolute를 활용하여 1~15 nth-child를 이용하여 위치를 조절했다. Script.btn li 를

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

Front-end 국비지원 #034일

정규표현식(regular expression)은 문자열에서 특정한 문자를 찾아내는 도구다. 이 도구를 이용하면 수십줄이 필요한 작업을 한줄로 끝낼 수 있다. 정규표현식은 하나의 언어라고 할 수 있다. \*정규식 공부하기 좋은 예제 : https://regexr

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

[Vue] @click @change @keyup 이벤트 관리(.prevent, v-on, .stop 기타 등등)

@click="method"method에서는 this를 이용해 값을 가져옴변화가 일어났을 때마다 method 호출chageCity가 evt를 받아 출력하면 'SELECT'가 나옴(evt 확인 차 넣음)filter를 이용해 이중 select에도 문제가 없다.v-for 작

2022년 10월 24일
·
0개의 댓글
·
post-thumbnail

[Vue] 'input v-model'로 양방향 데이터 바인딩 & @click과 method로 클릭 이벤트 관리

input의 프로퍼티로 v-model="변수"를 하면 data에서 return한 값(userId)을 양방향 데이터 바인딩 가능초기값은 userId의 초기값인 'nanana'가 출력input의 value를 변경하면 입력하는 대로 userId 변경이것이 양방향 데이터 바인

2022년 10월 24일
·
0개의 댓글
·
post-thumbnail

[Click] 2. click.group customizing 하기 (django manage.py 따라하기)

click.group을 customize하여, django의 manage.py 출력화면과 비슷한 help page를 만들었다.

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

[Click] 1. Click 소개

click은 python method를 command로 만들어주는 package이다.

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

모달창 밖 클릭시 닫기

e.target과 e.currentTarget의 차이점 currentTarget : 이벤트 리스너가 달린 요소 target : 실제 이벤트가 발생하는 요소 위 코드에서 e.target과 e.currentTarget을 찍어보면 currentTarget은 어딜 눌러도 modalWrap이 나오고 target은 modalBox나 다른 요소들이 나온다 클릭한 요...

2022년 6월 11일
·
0개의 댓글
·

React 개발일지 - 1. dropdown

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

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

Table3.vue

반복문, 항목추가, 반복문을 이용한 함수, 함수의 결과값 표시, table에 어떻게 나오는지

2021년 12월 17일
·
0개의 댓글
·

command line argument(주로 click)을 활용하는 py파일을 notebook 내에서 실행하는 방법

아래의 방법을 활용하기 전에, Command Line IPython 인터프리터와 py(Script) 인터프리터는 작동방식이 다릅니다. 그렇기 때문에 커맨드 라인 환경에서는 잘 작동해도, py파일을 직접 실행시킬 땐 작동하지 않을 수 있습니다(주로 함수 호출할 때).이럴

2021년 11월 27일
·
0개의 댓글
·
post-thumbnail

[react] fontawesome 아이콘 클릭 변경 기능 구현하기

fontawsome 하트 아이콘을 이용하여 클릭 시 ♡를 ♥︎로 변경클래스를 추가해서 색상도 변경 -> ❤️근데 마우스가 안보임🤫fontawsome에서 하트 아이콘 import일단 폰트어썸페이지에서 리액트에서 사용할 수 있도록 설치파일 설치!fontawesome re

2021년 9월 5일
·
0개의 댓글
·