본문 바로가기

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

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

  • 분류 전체보기 (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/05   »
일 월 화 수 목 금 토
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
  • Vue3
  • 비동기
  • 리액트 네이티브
  • git
  • 코딩독학
  • 깃
  • 코딩공부
  • 리덕스
  • TypeScript
  • 자바스크립트
  • 타입스크립트
  • react
  • 참조자료형
  • React Native
  • 리액트
  • 사용하는 이유
  • JavaScript
  • 코딩기초
  • scss
  • html기초
  • 코린이
  • CSS
  • redux
  • react-router
  • http
  • async
  • 코딩초보
  • 프론트엔드
  • useEffect
  • SasS
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

티스토리툴바