본문 바로가기

와챠의 우당탕탕 개발 기록장

검색하기
와챠의 우당탕탕 개발 기록장
프로필사진 minWachya

  • 분류 전체보기 (271) N
    • 코딩 일기장 (226) N
      • Android(Kotlin) (115) N
      • Flutter (14)
      • CodingTest (75)
      • Unity (9)
      • React (5)
      • iOS (1)
      • JAVA 디자인 패턴 (7)
      • 장난감 (0)
    • 이런 저런 공부 (29)
    • 아무말 (16)
Guestbook
Archives
Notice
Recent Posts
Link
  • GitHub
  • 구글 드라이브 : 한이음2021(트레블런서)
  • 구글 드라이브 : 애자일(2021sw팀플)
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록리스트 (1)

와챠의 우당탕탕 개발 기록장

[React]#2-3 Inflearn: 만들면서 배우는 리액트: 기초/데이터 유지/리스트/폼

목차 리스트(배열) 기능 추가: 하트 버튼 누르면 아래 리스트에 사진 추가 폼 다루기 입력 문자 그대로 출력 소문자 입력 시 대문자로 변환 폼 검증(form validation) 한글 있는지 검사 에러 메시지 출력 빈 값 방지 데이터 유지 데이터 유지: JSON 1. 리스트(배열) 리스트: 배열에서 map을 돌면서 리액트 UI를 반환한다. map은 아래와 같이 사용함 {favorites.map(image => ) } 현재 이는 아래와 같은 코드로 이루어져 있는데 이거를 리스트를 사용해서 바꿔보자 이때 리스트에는 고유한 값인 key값이 필요한데, 지금은 그냥 url로 해줌, function Favorites() { const CAT1 = "https://cataas.com/cat/HSENVDU4ZMqy7K..

코딩 일기장/React 2023. 1. 20. 16:10
Prev 1 Next

Blog is powered by kakao / Designed by Tistory

티스토리툴바