Ella 프론트엔드일지

  • 홈

배열반복 1

React 기초) 반복되는 html요소들을 줄이고 싶을때는 map

0. map() 요약 1) 왼쪽 array 자료만큼 내부코드 실행해줌 2) return 오른쪽에 있는걸 array로 담아줌 3) 유용한 파라미터 2개 사용가능(map 안의 요소 데이터, 인덱스) 1. HTML 요소가 반복되고 있는 계획표가 있다. //App.js /*eslint-disable*/ import {useState} from 'react' import style from './App.css' function App() { let [날짜,날짜변경] = useState(['22일','23일','24일']) let [계획,계획변경] = useState(['빨래하기','청소하기','공부하기']) return ( 11월 {날짜[0]} 일정 밥먹기 운동하기 {계획[0]} 11월 {날짜[1]} 일정 밥먹기..

프론트엔드 개발/React 2022.11.22
이전
1
다음
더보기
프로필사진

적지 않으면 병이 생기는 주인장 || 스크롤 압박 굉장히 좋아함 || 파고드는 드릴다운을 좋아함

  • 분류 전체보기 (147)
    • 주인장 소개 (2)
    • 컴퓨터 기초 지식 (4)
      • 네트워크 (2)
    • 프론트엔드 개발 (94)
      • html (3)
      • CSS (15)
      • JavaScript (35)
      • React (25)
      • Typescript (7)
      • Next.js (1)
      • Git&GitHub (1)
      • vue (1)
    • 수학 (0)
    • IT 산업&뉴스 (0)
    • 알고리즘 테스트 (5)
    • 개발 외부활동 (1)
    • 프로젝트 이모저모 (24)
      • HoduMarket 프로젝트 (18)
      • interactive web (0)
    • [멋쟁이사자처럼]프론트엔드스쿨 3기 (16)

Tag

css속성, 배열반복, CSS, 프론트엔드스쿨, grid-template, 리액트, margin:0 auto;, 프리온보딩, 프론트엔드, 마진병합현상, 멋쟁이사자처럼, margin, 프론트엔드스쿨3기, postion, margin_collapsing, 프론트엔드개발, css가운데정렬, Sass변수지정, 부트캠프회고, Flex,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Copyright © Kakao Corp. All rights reserved.

티스토리툴바