갓난애기도 배울 수 있는 React Native 가이드 ⑥ – FlatList와 상세 화면 연결하기 (실전 To-Do 앱 연동)
갓난애기도 배울 수 있는 React Native 가이드 ⑥ – FlatList와 상세 화면 연결하기 (실전 To-Do 앱 연동)앞서 우리는 FlatList로 할 일 목록을 만들고,React Navigation을 이용해 화면 전환 구조도 구현했습니다.이번 글에서는 이 둘을 연결해서,할 일 목록을 클릭하면 해당 상세 화면으로 이동하는 실전 To-Do 앱 기능을 완성해 봅니다.지금까지 배운 모든 내용을 실전에 적용하는 “통합 실습편”입니다! 🚀✅ 1. 준비: 프로젝트 디렉토리 구조/screens ├── HomeScreen.js └── DetailScreen.jsApp.js✅ 2. App.js – 네비게이션 설정import React from 'react';import { NavigationContaine..
framework/ReactNative
2025. 4. 17. 11:20
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- gatsbyjs
- Docker
- REACT
- seo 최적화 10개
- 개발블로그
- 백엔드개발
- fastapi
- Next.js
- kotlin
- PostgreSQL
- Python
- nextJS
- 프론트엔드면접
- SEO최적화
- github
- AI챗봇
- Webpack
- 프론트엔드
- rag
- SEO 최적화
- App Router
- Prisma
- NestJS
- CI/CD
- nodejs
- Ktor
- LangChain
- 웹개발
- 관리자
- llm
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함
반응형