list(2)
-
[067] 플러터 (Flutter) 배우기 - Collection(콜렉션)과 Generic(제네릭)에 대한 이해
안녕하세요~ totally 개발자입니다. Collection & Generic 이미 해당 부분은 그 동안 포스팅을 해오면서 자연스레 많이 사용하였습니다만 해당 부분에 대한 원리와 개념을 아는 것이 중요하다고 생각되어 포스팅을 쓰게 되었습니다. Collection(콜렉션)이란 데이터들을 모아둔 자료 구조를 말합니다. 플러터는 다트 언어를 사용하고 있으니 Map과 List가 Collection으로 쓰이게 됩니다. 제네릭을 설명하기 전에 제네릭의 유무 차이는 아래와 같습니다. 제네릭을 사용하지 않은 경우 List studentNameList = []; 제네릭을 사용한 경우 List studentNameList = []; 위와 같이 제네릭을 사용하면 사용하고 있는 Collection에 Type(타입)을 지정하게..
2023.07.08 -
[007] 리액트 (React) 배우기 - List (리스트) + map 활용하기
안녕하세요~ totally 개발자입니다. List, map 오늘은 리스트 즉 배열과 map을 활용하여 리액트 JSX로 출력해보는 실습을 해보도록 하겠습니다. Step 1: Student.js 파일을 만들어줍니다. props를 전달받아 firstName, lastName을 출력할 수 있는 리스트를 만들어줍니다. import React from 'react'; function Student(props) { return ( {props.firstName} {props.lastName} ) } export default Student; Step 2: StudentComponent.js 파일을 만들고 아래처럼 코드를 작성해줍니다. 제일 중요한 부분은 태그 사이에 있는 {students.map 부분이며 이 map을..
2023.02.25