항상 어딘가를 가면 List가 존재한다. 피할 수도 없다 List를 만드는 방법은 하나씩 하나씩 넣으면 된다. 하지만, 누군가가 만든 List를 쓰고 싶을 때는 어떻게 해야 할까? 그렇다 받은 List만큼 반복해서 출력하면 된다 그때 List.generate를 사용하면 된다. 약간 gridView.builder도 반복문을 돌렸지만 약간 다르다. 구분 지어 나열하냐 안 하냐 차이인 듯하다 List.generate: 빠꾸 없이 밑으로 반복 gridView.builder: 옆으로 몇 개씩 나열하면서 밑으로 반복 이제 시작해 보도록 하겠다 1. 기본 코드 main.dart import 'package:flutter/material.dart'; import 'package:flutter_practice/pages..
이번 시간에는 List라는 것을 사용할 것이다. List는 배열과 비슷하지만 조금 다르기도 하다. 1. List 생성 // List 변수 = new ArrayList(); List list = new ArrayList(); 위처럼 선언하면 된다. 2. List에 추가하기 List라는 녀석은 여러 가지 Method를 들고 있다. 그중에 추가하는 Method를 사용해 보자 // 변수.add(같은 타입의 값); list.add("Hello World"); 이렇게 add() Method를 사용하면 된다. 주의할 점은 add() 안에 들어가는 녀석이 무슨 타입인지 반드시 인지하면서 들어가자 List 을 add(같은 타입) 으로 넣어주면 된다. 3. 출력하기 여러 가지 방법으로 뽑아 볼 수 있다. 3-1. 번지수를..
React를 공부하면서, 서버로부터 List를 받아오고 어떻게 HTML에다가 뿌릴 수 있을까?라고 궁금해했다 그래서 이번엔 찾아보면서 드디어 하는 방법을 알아냈다. 일단 최상위에다가 실습할 컴포넌트를 추가한다 그다음은 컴포넌트를 만드는 함수를 생성해 주도록 하자 const ListComponent = () => { } 그다음 해야 할 일 1. List 데이터를 준비한다 (서버에서 받아온 값이라고 생각하자) 2. element를 만들 리스트 변수 하나 선언 2. for문으로 list값 을 2번에서 만든 변수에 add 하기! 3. 마지막으로 return 하기! 위의 순서대로 작성한다 const ListComponent = () => { let list = ['안녕', '디지몬', '네 꿈을 꾸면서', '잠이..
이번시간은 게시판을 조회 하도록 한다 이전에 등록 ( Create ) 을 한 뒤 메인페이지로 돌아왔지만 아무것도 없었으니 등록했는지 안했는지 검증 방법이 없었으니 한번 해보도록 한다 일단 등록후, main으로 redirect를 해버리니까 main함수를 실행시켰던 것이니 main함수를 건들여보자 일단 import 하는 부분에는 반드시 Board도 import를 해주자 ( 다른것도 마찬가지 ) Board 객체에 있는 데이터를 모두 불러 변수 boardList에 저장한다 boardList = Board.objects.all() return 할 경우 boardList도 담아서 return 시켜주도록 한다 return render(request, 'main.html', {'boardList': boardList}..
