Doo can do it

  • 홈
  • React
  • SQL
  • 태그
  • 방명록

find 2

공부일지 : 배열 함수(map,filter,some,every,find)

Class Student { constructor(name,age,enrolled,score) { this.name = name // 이름 this.age = age // 나이 this.enrolled = enrolled // 등록 this.score = score // 점수 }}// 아래 예시에 활용하기위한 Student Class를 만들었습니다. const students =[ new Student('학생1',30,true,70), new Student('학생2',25,false,65), new Student('학생3',20,true,45), new Student('학생4',28,true,90..

리액트 2024.12.07

React find Method

모의 프로젝트를 만들면서 구성한 디렉토리구조는 다음과 같다. src폴더안에 component라는 폴더를 만들고 목적에 맞는 list라는 폴더안에 별도로 api / react-query / view를 담당하는 component 이렇게 만들었다. 그리고 난 뒤에 api부분에는 실제 api를 붙이지않고 더미데이터를 만들어 처리 했다.우선 구조를 살펴보면 listApi 라는 객체를 만들어 각각에 필요한 것들을 외부에서 꺼내서 사용할 수 있도록 설계하였다.각각의 메서드들에 맞는 useQuery를 만들어 준 뒤에 성공을 했을 때 보여주는 view컴포넌트에 가보면 props를 준 다음 전체 게시글을 가지고 오는 데이터들을 조회 해봤을 때, 아래와 같이 나오는 것을 볼 수 있다. 그런데 사실 css적인 요소를 다 빼고..

리액트 2024.11.25
이전
1
다음
더보기
프로필사진

Doo can do it

  • 분류 전체보기 (118)
    • SQL (4)
    • 코드 (5)
    • TIL (43)
      • 내일배움캠프 2주차 (5)
      • 내일배움캠프 3주차 (4)
      • 내일배움캠프 4주차 (4)
      • 내일배움캠프 5주차 (3)
      • 내일배움캠프 6주차 (4)
      • 내일배움캠프 7주차 (4)
      • 내일배움캠프 8주차 (2)
      • 내일배움캠프 9주차 (2)
      • 내일배움캠프 10주차 (5)
      • 개인 TIL (5)
    • WIL (8)
    • 리액트 (29)

Tag

js 배열함수, javascript, useInfiniteQuery, teamproject, bcrypt, find, Nest.js, html, NestJS, AWS, TCP, Typescript, map, RDBMS, node.js, 에러핸들링, react 무한스크롤, js 비동기처리, for 반복문, 자바스크립트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   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

방문자수Total

  • Today :
  • Yesterday :
GitHub

Copyright © Kakao Corp. All rights reserved.

티스토리툴바