# focus

13개의 포스트
post-thumbnail

[Publish 일지] 21.08.30 - select

이렇게 생긴 버튼을 누르면 위,아래로 선택 가능한 옵션이 뜨는 버튼을 본 적이 있을 것이다.이러한 버튼을 만드는 법은 select ~ option 을 사용하면 만들 수 있다.select의 기본 화살표 이미지는이렇게 생겼다. 맨 상단에 있는 select 처럼 화살표 이미

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

Effect Hook (feat. lifecycle in React)

클래스 컴포넌트의 생명주기와 함수 컴포넌트의 이펙트 훅을 통해서 작동 순서를 비교

2021년 7월 28일
·
0개의 댓글
post-thumbnail

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

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

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

[자바스크립트] 점검 목록 프로그램

여행준비물이나 아니면 간단한 점검 목록을 메모 할 수 있는 프로그램을 DOM과 배열로 구현해 보았다.var 아이템리스트 = \[];var 입력 = document.querySelector('var 버튼 = document.querySelector('var 언리스트 =

2021년 3월 28일
·
0개의 댓글

[자바스크립트] 야구게임 만들기

배열과 배열관련 메소드를 활용하여 야구게임을 만들어 보았다.DOM을 이용하여 html를 작성하였다.array에 배열을 1~9까지 저장하였다. 이 변수는 나중에 랜덤으로 1~9까지 수를 뽑기 위해 구성하였다.array1에는 빈 배열을 만들었는데 그 이유는 1~9까지 뽑은

2021년 3월 16일
·
0개의 댓글

[자바스크립트]끝말잇기 구현

자바스크립트를 이용하여 끝말잇기 게임을 구현해 보았다. 이번 토이프로젝트 목표는 문서객체의 활용과 textcontent활용 addEventListener의 활용이다.DOM의 createElement를 통해 element들을 만들었고 노드들을 appendChild를 통해

2021년 3월 15일
·
0개의 댓글
post-thumbnail

마우스 포커스와 키보드 포커스를 구분하는 방법

리액트 수업 중에 강사님이 이 코드에 대해 알아봐라 하셔서 적어놨다가 찾아볼 시간이 생겨 올리는 글이자 첫 velog 포스팅. 버튼 요소에 포커스가 갔을 경우 outline에 대한 스타일링을 하지 않으면 다음과 같이 렌더링된다.스타일링을 하지 않았거나 reset.css

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

[Flutter] 다음 TextField에 Focus하기

여러 개의 TextField가 있을때, 엔터 버튼을 통해서 다음으로 이동하고 싶다면

2020년 12월 15일
·
0개의 댓글
post-thumbnail

기록

스크롤 뷰 초기 위치 문제 한 화면 안에 모든 내용을 보이게 할 수는 없다. 그렇기 때문에 ScrollView를 이용해서 사용자가 현재 화면 밖의 화면을 볼 수 있게 구성한다. 사실 ScrollView 안에 있는 뷰들이 그나마 간단한 구조면 이럴 일은 거의 없다. 하

2020년 12월 8일
·
0개의 댓글

[JS] eventListener submit and click, focus()

입력창과 버튼이 함께 있는 form은 submit 액션을 받을 수 있다submit은 엔터를 치면 버튼이 눌리며 클릭도 가능하다 버튼은 입력창과 분리되어있기때문에 submit 액션을 받을 수 없다오로지 클릭만 가능하기에 click 액션밖

2020년 11월 27일
·
0개의 댓글

IOS 모바일 디바이스에서 focus 이슈

https://github.com/JedWatson/react-select/issues/3501정리하자면 페이지 이동 후 어떤 인풋이 있고 해당 인풋이 자동으로 활성화되어 입력 키보드가 나오게 하고 싶은데,IOS에서는 "실질적인 사용자 인터랙션"이 일어나지 않

2020년 10월 8일
·
0개의 댓글

How to control focus/onblur in Vue TextareaAutosize library

focus나 onblur속성이 어디서든 다 먹는줄 알고 <div>태그에서도 적용될 줄 알았다. 그러나 onblur 나 focus는 '입력요소'(ex.input)에만 적용되는 것이다.Vue.js로 현재 프론트페이지를 만들고 있는데 특정한 곳 외에 다른 곳을 클릭했을

2020년 2월 14일
·
0개의 댓글