본문 바로가기

맨 땅에 프론트엔드 개발자 되기

검색하기
맨 땅에 프론트엔드 개발자 되기
프로필사진 헬로코딩

  • 분류 전체보기 (96)
    • 코딩 공부 일지 (92)
      • TypeScript (3)
      • JavaScript (19)
      • React JS (24)
      • Next JS (2)
      • Vue JS (3)
      • React Native (4)
      • Server & Database (0)
      • 자료구조 & 알고리즘 (1)
      • Browser & Network (6)
      • HTML5 (8)
      • CSS3 & SASS(SCSS) (14)
      • ETC (5)
      • Git (3)
    • 생각 끄적이기 (4)
Guestbook
«   2025/08   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
Tags
  • React Native
  • 코린이
  • 사용하는 이유
  • TypeScript
  • 코딩공부
  • 타입스크립트
  • 프론트엔드
  • html기초
  • 자바스크립트
  • http
  • react-router
  • 코딩초보
  • CSS
  • git
  • 리덕스
  • 리액트
  • react
  • redux
  • useEffect
  • JavaScript
  • 코딩독학
  • async
  • 코딩기초
  • 깃
  • SasS
  • 참조자료형
  • Vue3
  • 리액트 네이티브
  • 비동기
  • scss
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록탭 (1)

맨 땅에 프론트엔드 개발자 되기

리액트 React 에서 탭 기능 구현하기

리액트에서 탭 기능 구현은 state를 이용해서 간단하게 구현할 수 있다. 완성예제 소스코드 import { useState } from "react"; import styles from './scss/tab.module.css'; export default function Tab() { const data = [ { id: 0, title: "HTML", description: "HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used t..

코딩 공부 일지/React JS 2022. 4. 17. 17:09
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.