# tab

13개의 포스트

2022.04.19 Tab

useState만으로 사용하여 tab을 만들었는데, 그러다보니 클릭 시마다 바뀌어 버그가 발생한 부분을 발견하였다.그래서 새롭게 tab을 만들어 보았다.li를 이용하여 탭 리스트를 만든 후, index를 이용하여 state를 변환시켜서 각각마다 다른 css를 입히는 작

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

쉽게 안드로이드 코틀린 탭레이아웃 만들기

처음 탭레이아웃을 사용해보고 싶었을때 구글에 찾아보니 여러 방법이 있지만 저를 이해시키지 못했고 저는 여기에 몇 일을 사용을 해 이해를 했습니다... 그래서 제가 배울때의 마음으로 한번 적어보겠습니다.시작할때 새로운 파트를 넣어보려고 합니다.오늘의 한곡𝐋𝐢𝐤𝐞

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

[JavaScript] Development log : 탭메뉴 구현하기 Implementing JSP & JS tab menu 탭 메뉴가 안움직여요 버튼 동작 안될 때 the tab menu button does not move

홈페이지 구상 중 로그인과 회원가입을 한 탭으로 묶어서심플하면서 트랜디한 SIGN IN & Register 화면을 구상하려고 했다.그래서 JSP의 tab 기능과 JavaScript의 함수기능을 구현하여탭 기능을 만들었다참고자료 : https://codepen.

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

Nav간 이동,

navigation 폴더에 Root.js 파일을 생성\-nativeStack Nav를 만든다음component에 Tab Nav와 Stack Nav를 설정한다.Nav간 Screen이동.navigation:{navigate}를 먼저 입력하고Screen에서 이동하려는 com

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

Tab(React)

화면에 보여지는 tab은 총 3개로 클릭할 때마다 배경색이 변하도록 만들었다. list는 tabs.map으로 랜더링하고, index를 이용해 현재 tab이 어떤 탭인지 확인할 수 있도록 했다.tab을 클릭하면 아래 있는 문구도 함께 변경되도록 했다. tabs 배열의 값

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

React-Native + expo

환경 구축 초기설정 로딩하기 전에 이미지와 폰트같은 assets들을 받아와야 하기 때문에 startAsync, onFinsh, onError 설정을 해줘야 한다. > startAsync 로딩되기 전의 설정으로 assets들과 font를 받아온다. 원격이미지를

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

21.1.25TIL Set, Tab_menu

Set중복을 제거해줌ex)const kk1 = new Set(1,2,3,2,5);console.log(kk1); // {1,2,3,5} (객체임)kk1.has(1); // truekk1.has(12); // falsekk1.add(6); // {1,2,3,5,6}kk1

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

밑줄이 생기는 버튼을 만들어보자

div 태그를 하나 만들어준다.특별할 것 없는 디자인을 해준뒤css 가상 선택자를 통해 요소를 하나 만들어주고 처음 scale을 0 으로 만들어주고 transition을 설정해 줬다마우스를 올렸을때 scale을 1로 갖게 설정 해줬다.

2022년 1월 22일
·
0개의 댓글

[TIL] 1118 LikeLion🦁 FES 14

이전 글(CSS로 checkbox 꾸미기(https://velog.io/@cnsrn1874/TIL-1112-LikeLion-FES-10바로 키보드의 tab키로 사이트를 탐색할 때 로그인 상태유지는 focus 하지 않고 지나치는 것이었다. 이렇게 되면 시각장애인

2021년 11월 18일
·
1개의 댓글
post-thumbnail

TIL | useState로 Tab Menu 구현하기

리액트, useState, Tab Menu

2021년 4월 21일
·
0개의 댓글
post-thumbnail

TIL - 2020.10.30

드디어 잘 안 되는 부분을 해결해서 자기 전에 TIL을 작성한다,,,!프로젝트 개발, 멘토링 및 팀 회의 등을 한 날이다!

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