본문 바로가기

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

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

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

티스토리툴바