# tab
[React] tab focusing: tabIndex, focus-visible
탭으로 상호작용 할 수 있는 웹을 만들자.마우스로 손을 옮기기 귀찮아서 탭을 쓴 경험이 다들 있을것이다.무선마우스를 쓴다면 배터리가 닳아서 하는 수 없이 키보드로만 컴퓨터를 써야 할 때도 분명 있었다.다른것도 시급하지만... 그래서 이부분을 먼저 리팩토링해보기로 했다.
[navigation] Stack 이동, Stack error
현재 MyReview.js, Detail.js 는 Stacks 에 위치하고 있고,MyPage.js 는 Tabs 에 위치해 있다.같은 Stacks 끼리의 이동에는 Stacks 를 쓰지 않고이동할 스크린과 파람을 넘겨주고Tabs에서 이동시엔 Stacks 를 꼭 입력해 준다
0104 일지
어제 만들어놓은 쿼리에 몇 가지 컬럼을 추가해서 최종 쿼리를 먼저 만들었다.화면은 처음 만든 sub jsp를 복사해서 만들었다.controller에 새로운 함수 추가 : 기수별 만족도 통계 목록 및 과정정보 조회 요청왼쪽에 목록이 있고 오른쪽엔 탭 1, 2가 있는 화면
[Recycle] Tab 컴포넌트 재사용하기
부모 컴포넌트에서 .map() 을 사용하지 않고 자식 컴포넌트에서 사용할 경우Tab 컴포넌트를 재사용하기 위해 TabARR.tsx 파일에 탭 메뉴들을 배열로 만들어줌부모 컴포넌트에서 자식 컴포넌트로 배열들을 props로 내려보냄자식 컴포넌트에서 props로 받고 int
[React] hooks으로 Tab 기능 구현하기
구현할 Tab 메뉴는 아래의 사진과 같이 상단에는 타이틀 하단에는 Tab 콘텐츠가 있는 구조로각각의 Tab 타이틀을 클릭할 경우 그에 맞는 콘텐츠가 보이는 방식이다.활성화 된 Tab 타이틀에는 'active' class를 추가하여 스타일을 추가비 활성화 된 Tab 콘텐
1019 일지
오전에 협력업체 미팅에서 이야기할 내용 정리 및 내부 회의 완료오후에 협력업체 미팅 참여회의록 작성 및 공유 완료협력업체 담당자와 연락처 공유함내일 : 기능 검토 ppt 만들어서 이메일 송부다음주 고객사 회의 전 : 협의내용 정리해서 PM에게 전달
[React] tab menu 구현하기
사용하는 것react.js, styled-components, typescript, frame-motiontab menu를 만드는 것은 전에 작성했던 accordion menu와 동일한 방법이다. 순서를 따지자면 tab menu를 만들고 아하~! 했던 것인데 게시글은