# tab

20개의 포스트

[React] tab menu 구현하기

사용하는 것react.js, styled-components, typescript, frame-motiontab menu를 만드는 것은 전에 작성했던 accordion menu와 동일한 방법이다. 순서를 따지자면 tab menu를 만들고 아하~! 했던 것인데 게시글은

약 13시간 전
·
0개의 댓글
·
post-thumbnail

React - Tab 이동 (with TS)

탭 클릭시, 다른 컴포넌트 렌더링 해주는 형태!먼저, 탭이 그려지는 제일 위 컴포넌트에서 tab의 상태를 관리해준다.두개의 탭 밖에 없기에, 탭의 타입을 먼저 지정해주고, clickTab 이라는 함수로 클릭시, tab의 상태를 변경해준다.여기서 localstorage로

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

[React] Tab Component 구현하기

👉🏻 Tab UI 컴포넌트는 동일한 메뉴 라인에서 뷰를 전환할 때 사용한다. 탭을 구현하면서, 탭들은 항상 동일한 면적을 차지하는 부분에 대해서 신경쓰며 진행했다. 다시 정리하며 복습하고자 한다. ✔️ 클릭한 Tab 메뉴만 className(submenu focus

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

JavaScript를 위한 WebStorm Code Style 설정

탭, 들여쓰기 싸이즈: 2, 세미콜론(;) 사용하지 않기, 작은따옴표(') 사용하기

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

이벤트 프로그래밍에 Flux pattern 써보기

아이디어가 코드에 미치는 영향.

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

v-model custom

tab ui component

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

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개의 댓글
·