안녕하세요~ totally 개발자입니다. 저번 시간에 이어 이번에는 장바구니 페이지에서 각 제품의 수량을 변경하거나 원하는 제품을 삭제하는 로직을 추가해보도록 하겠습니다. 아직 데이터베이스를 구성하기 전이므로 수동 리스트로 제품 상세 내용을 불러올 것입니다. Step 1: item_basket_page.dart 파일을 열어주셔서 basketList를 아래 productList로 넣어줍니다. class _ItemBasketPageState extends State { List productList = [ Product( productNo: 1, productName: "노트북(Laptop)", productImageUrl: "https://picsum.photos/id/1/300/300", price: 6..

안녕하세요~ totally 개발자입니다. Collection & Generic 이미 해당 부분은 그 동안 포스팅을 해오면서 자연스레 많이 사용하였습니다만 해당 부분에 대한 원리와 개념을 아는 것이 중요하다고 생각되어 포스팅을 쓰게 되었습니다. Collection(콜렉션)이란 데이터들을 모아둔 자료 구조를 말합니다. 플러터는 다트 언어를 사용하고 있으니 Map과 List가 Collection으로 쓰이게 됩니다. 제네릭을 설명하기 전에 제네릭의 유무 차이는 아래와 같습니다. 제네릭을 사용하지 않은 경우 List studentNameList = []; 제네릭을 사용한 경우 List studentNameList = []; 위와 같이 제네릭을 사용하면 사용하고 있는 Collection에 Type(타입)을 지정하게..

안녕하세요~ 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을..

[문제] 명예의 전당이라는 TV 프로그램이 있습니다. 매일 1명의 가수가 노래를 부르고 시청자들이 문자투표로 점수를 부여합니다. 상위 k번째 이내인 경우, 그 점수를 명예의 전당 목록에 올립니다. 프로그램 시작 이후 k일까지는 모든 점수가 목록에 오르지만 k개수를 초과하는 경우 최대 k번째까지 높은 점수만 남기고 다른 점수들은 목록에서 제외됩니다. 총 발표 점수를 배열 형태로 반환하는 것이 문제입니다. 아래 표를 참고하시면 됩니다. 일차 1 2 3 4 5 6 7 score 10 100 20 150 1 100 200 명예의 전당 (k = 3) 10 100 10 100 20 10 150 100 20 150 100 20 150 100 100 200 150 100 발표 점수 10 10 10 20 20 100 1..

[문제] 각 원소에 2배한 원소를 가진 배열을 return하는 함수 만들기 [알고리즘] 배열의 각 원소에 접근하여 2배 해주기 [풀이] map 함수를 이용한 풀이 function solution(numbers) { return numbers.map(i => i * 2); } map 함수만 알고 있다면 for 반복문 사용 없이 1줄로 마무리할 수 있습니다.