# button

89개의 포스트
post-thumbnail

Front-end 국비지원 #061일

아래와 보는 이미지는 reflection 기능을 사용하여 이미지를 반전시켰다.HTMLCSShttps://caniuse.com/ 에서 크로스브라우징이 되는지 버전체크를 한다. 파이어폭스는 지원하지 않는걸 확인하게 된다. 따라서 크로스브라우징이 필요하며 https

2023년 1월 15일
·
0개의 댓글
·

[HTML] a와 button의 disabled 차이

a 태그는 href를 이용해 navigtaion 역할을 함role 속성을 이용해 버튼처럼도 이용 가능그냥 못 생긴 버튼disabled 속성은 값이 true일 때(<button disabled />) 버튼의 모든 기능 상실보이는 것도 갑자기 탁해지며 힘 없어보임a

2023년 1월 15일
·
0개의 댓글
·

[HTML] 1-8 사용자로부터 입력 받기 1

form 태그 안의 input태그를 수식하는 label태그.label태그를 클릭해도 input태그와 연결되어 클릭된다.button태그 안의 type 속성 ex) submit, reset 등 자바스크립트로 하면 된다.form태그의 autocomplete속성은 기본 on으

2023년 1월 12일
·
0개의 댓글
·

디폴트 버튼타입은 button이 아니다!?

버튼에도 타입이 있다.타입을 지정하지 않으면 submit으로 간주한다. ㅇㅅㅇ!!나는 디폴트로 button을 갖고있을 줄 알았는데...그래서 그런지 form 내에 버튼을 두개 만들어서 하나에 타입을 명시적으로 'submit'을 주고 나머지 하나엔 하지 않았더니 이상한

2023년 1월 3일
·
0개의 댓글
·

[오무] 리팩토링: 외부링크 여는 버튼

기존에는 버튼 내에 a tag를 넣어서 이동시키는 방법을 썼다.페이지이동은 a가 아니라 link로 해야한다고 알고있었는데알고보니 외부링크는 a태그를 쓰더라!!그렇다고 이미 button 컴포넌트를 만들었는데 똑~같이 a태그를 만드는 것도 좀 별로라고 생각했다.그래서 버튼

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

button vs anchor

버튼과 ahchor 태그는 레이아웃으로 만들어놓으면 구분이 가지 않는다수업때 차이점을 묻는 퀴즈(?) 시간이 있었는데 적어 놓으려고 한다하이퍼링크다른 페이지 혹은 특정 영역으로 이동엔터키로 동작내부에는 컨텐츠가 있어야함href값이 없이 javascript로 동작하게 하

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

Button 클릭 시 링크 이동 구현

button 클릭 시 링크로 이동하도록 구현하기에 대해 알아보기 앞서 좋지 않은 예를 먼저 보도록 하자. 좋지 않은 예(오류가 발생할 수 있는 경우) 위의 두가지 경우는 버튼과 링크 이동이 제대로 연동된 것 처럼 보이기는 하지만 종종 오류가 발생하는 경우이다. but

2022년 12월 15일
·
0개의 댓글
·

[JavaScript] 엔터키 입력

jsp상에 검색 버튼은 만들었는데 엔터 쳤을 때 검색버튼을 동작시키고 싶을 경우 아래의 코드를 jsp페이지 내 태그 안쪽에 쓰고 버튼에 연결시켜주면 된다.

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

진동과 소리

오늘은 진동과 효과음을 재생하는 프로그램을 작성해 보려 한다. 세 개의 버튼을 눌렀을 때, 각각의 버튼에 등록되어 있는 진동과 효과음을 재생하는 형태로 구현해 보자.앱의 상황을 알리기 위해 진동과 소리가 사용되며, 그 중 진동을 울리기 위해서는 퍼미션(Permissio

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

TableLayout, GridLayout

오늘 구현해 볼 계산기 화면이다. 실제 계산기로 작동하게 하는 알고리즘은 추가하지 않고 TableLayout과 GridLayout을 활용하여 화면만 구현해 보려 한다. 레이아웃 XMLTableLayout은 뷰를 테이블(Table) 구조로 나열하는 레이아웃이다.대표적으로

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

[React]AntDesign 알아보기

여기서 아이콘을 찾아 볼 수 있다. https://ant.design/components/iconCameraOutlined.jsxdefaultkey는 처음 렌더링 됬을때 nav1,nav2,nav3 중에 어떤 것을 default로 보여줄 것인지에 대해 결정하는

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

TextView 활용

**오늘 기초 뷰를 활요하여 실습할 결과 화면이다. ** ◼︎ 레이아웃 XML ■ TextView ∙ text: 화면에 출력할 문자열을 지정하는 속성 ∙ typeface: 화면에 출력할 문자열의 폰트를 지정하는 속성 ∙ ◼︎ 자바 코드

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

UITableView Custom Reorder Button

테이블 뷰의 reorder 버튼을 변경해야 하는데, API가 없어 고생했던 경험을 공유한다.

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

뷰 기초 속성

왼쪽 초기 상태가운데 visible오른쪽 invisible두 가지 버튼을 만들어 VISIBLE TRUE 버튼을 클릭하면 "hello world"가 나타나고 VISIBLE FALSE 버튼을 클릭하면 뷰의 크기만 확보한 채로 화면에서 보이지 않는다. 버튼 두 개를 넣고

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

[새싹프론트엔드] <button>도 타입이 있다.

새싹프론트엔드 실습문제중에 계산기를 만드는 실습이 있었다. 해당문제기능 구현 자체는 그냥저냥 했는데 어떤 버튼을 눌러도 바로 새로고침되는 문제가 있었다. 각 버튼을 눌렀을시 해당 버튼기능이 적용된 후에 새로고침이 됐어서 어디가 문제인지 더 감이 안잡혔다. 코드를 봐도

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

Android: 버튼 색 변경

android:backgroundTintthemes.xml 수정androidx.appcompat.widget.AppCompatButton안드로이드 스튜디오에서 버튼 색상의 디폴트 값은 보라색이다. android:background 속성을 통해 색상을 변경해도 적용이 안

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

[Swift] (1) : Target-Action, Button

Target-Action, Button 정리

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

안드로이드 자바 버튼 리스너 클래스 다루기

잠깐 안드로이드 코드를 본 적은 있으나 구현은 처음으로 안드로이드를 다루어 보는데 안드로이드 버튼 구현 과정에서 버튼 리스너를 사용하는 방법을 찾아보는 과정에서 코드를 보니 무명 클래스 코드 예제만 나와있었습니다.

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