🎯 오늘은 개인 과제를 마무리하고 제출하는 것을 목표로 작업했다.
완료는 했지만 이 TIL 쓰는게 좀 걸렸는데 생각을 정리하는 것과 일종의 트러블 슈팅 작성이 걸렸다.

---

🥽 개인 과제

💻 기능 구현

👩‍💻 작업

📁 lib/shopping_mall

// 쇼핑몰 클래스
class ShoppingMall {
  List<Product> products = [];
  int totalPrice = 0;

  // 상품명, 가격
  ShoppingMall() {
    products.add(Product("셔츠", 45000));
    products.add(Product("원피스", 30000));
    products.add(Product("반팔티", 35000));
    products.add(Product("반바지", 38000));
    products.add(Product("양말", 5000));
  }

  // 상품 목록 출력
  void showProducts() {
    for (var p in products) {
      print("${p.name} / ${p.price}원");
    }
  }

  // 장바구니 담기 로직
  void addToCart(String productname, int productnumber) {
    // 음수값 처리
    if (productnumber <= 0) {
      print("0개보다 많은 개수의 상품만 담을 수 있어요 !");
      return;
    }

    // 상품 찾기
    for (var i = 0; i < products.length; i++) {
      var pd = products[i];

      // 상품 담기 성공 로직
      if (productname == pd.name) {
        totalPrice += productnumber * pd.price;
        print("장바구니에 상품이 담겼어요 !");
        return;
      }
    }

    // 입력값 오류 처리
    print("입력값이 올바르지 않아요 !");
  }

  // 총 가격 출력
  void showTotal() {
    print("장바구니에 $totalPrice원 어치를 담으셨네요 !");
  }
}

// 상품 클래스
class Product {
  String name;
  int price;

  Product(this.name, this.price);
}

💬 이어서 장바구니 담는 로직을 구현했는데, String 으로 상품명, int로 상품 개수를 받도록 하였다.

과제 내용처럼 if 문을 사용하여 음수가 들어가면 위에 로직, 아니라면 아래가 실행되도록 했다.

---

💬 여기서 for 문을 사용하여 products.length 만큼 반복시키고, 상품명을 대조하여 매치된다면 상품이 담겼다는 메세지를 출력한다. 매치되었다면 return 시켜 해당 로직을 끝내고, 안되었다면 입력값 오류 메세지를 출력하도록 만들었다.

이때 저 var i, var pd 변수 2개가 필요했는데, for (var pd in products) 를 사용하려하다 너무 복잡하고 이게 변수가 헷갈려서? 이해가 안된 상태로 하려다가 다시 기본 for 문을 사용하기로 했다.

---

💬 가격의 경우 += 해당 totalPrice 에 상품의 개수만큼의 금액이 담기도록 구현하였다. 주석도 깔끔하게 해당 로직 위에 달아주었다.

---

💦 생각보다 저 if for 문에 시간을 많이 할애했는데, 우선 productnumber 를 productname 보다 앞에 배치하여서, 모든 리스트를 뒤지고 값이 없어서 로직을 타는 것이 아닌! 먼저 숫자에서 오류가 있다면 오류 메세지를 출력하도록 순서를 바꿨다.

그리고, bool 을 선언해서 false가 되고, true가 되면? 이런식으로 제어를 하려고 했는데, 사실상 숫자가 옳은 값일경우, 그리고 아닐 경우, if에서 상품을 찾았을 경우가 있기 때문에 따로 설정없이 print 만 사용하여 아무것도 해당하지 않을 때 해당 로직을 타도록 했다.

이 부분에서 제일 어려웠던건 var pd = products[i]; 여기 반복하고 이걸 pd.name, productname 두개를 비교하게 해야됐다는걸 몰라서? 헷갈려서 이 변수라고 해야될까.. 값 비교가 어려웠다.

---

📁 bin/shopping_mall

import 'dart:convert';
import 'dart:io';

import 'package:shopping_mall/shopping_mall.dart';

void main(List<String> arguments) {
  // 쇼핑몰 인스턴스 생성
  var shoppingMall = ShoppingMall();

  // 쇼핑몰 메뉴
  String menu =
      '[1] 상품 목록 보기 / [2] 장바구니에 담기 / [3] 장바구니에 담긴 상품의 총 가격 보기 / [4] 프로그램 종료';
  String line = '-' * (menu.length + 20);

  // 쇼핑몰 메인 로직
  while (true) {
    print(line);
    print(' $menu');
    print(line);

    // 입력값 변환, 공백 제거
    String? numberInput = stdin.readLineSync()?.trim();

    //상품 목록 출력 로직
    if (numberInput == "1") {
      shoppingMall.showProducts();
    }
    // 장바구니 담기 로직
    else if (numberInput == "2") {
      print('상품 이름을 입력해 주세요 !\n');

      // 입력 값 한글 인코딩
      String? productname =
          stdin.readLineSync(encoding: Encoding.getByName('utf-8')!)?.trim();

      print('상품 개수을 입력해 주세요 !\n');

      // 입력값 받기 및 오류 발생시 null 반환
      String? productnumberInput = stdin.readLineSync()?.trim();
      int? productnumber = int.tryParse(productnumberInput!);

      // 입력값 처리 로직
      if (productnumber != null) {
        shoppingMall.addToCart(productname!, productnumber);
      } else {
        print("입력값이 올바르지 않아요 !");
      }
    }
    // 총 가격 출력
    else if (numberInput == "3") {
      shoppingMall.showTotal();
    }
    // 프로그램 종료 로직
    else if (numberInput == "4") {
      print("이용해 주셔서 감사합니다 ~ 안녕히 가세요 !");
      break;
    }
    // 그외값 입력 시 대응
    else {
      print("지원하지 않는 기능입니다 ! 다시 시도해 주세요 ..");
    }
  }
}

💬 우선 쇼핑몰 메뉴 출력이 못생겨서.. menu 와 line 으로 나누어서 변수 값에 넣어서 쇼핑몰 메인 로직에서 출력하도록 만들었고, menu.length 보다 여유있게 만들었다.

---

💬 그리고 오류 제거를 위해 .trim() 으로 공백을 제거했고, 입력 커서가 출력 문장 뒤에 붙어 있어서 \n 으로 보기 좋게 만들어 주었다.

---

💭 제일 속썩였던... (후술) String? productname = stdin.readLineSync(encoding: Encoding.getByName('utf-8')!)?.trim(); 여기서 오류가 발생해서 null을 구분해서 타입을 변환시켜주었다.

아래 int? productnumber = int.tryParse(productnumberInput!); 도 마찬가지로 문자로 변환하는데 성공하면 로직, 실패하면 null을 반환하도록 하여, productnumber != null 이 조건을 사용하여 productname 과 productnumber 를 입력받았다.

이 null 이란 값을 int? 이런식으로 받지만 결국 문자를 입력하면 프로그램이.. 죽기 때문에 이 null 허용, null safe 같은게 중요하다. 그래서 ! ? 를 적재적소에 사용해야만 한다.

---

💬 그 외에 총 금액을 출력하는건 너무... 쉬웠다.. 비교하자면. 그리고 작업하면서 대충 썼던 주석까지 깔끔하게 적고 과제를 마무리 했다.

---

❗ 오류 처리

❗ 한글 인코딩 오류

❌ 잘못된 값을 입력할 때 나오는 문장이 출력되는 문제 발생

---

💭 처음에는 로직대로 안되고 옆으로 빠는 것 같아서, 로직을 재점검 해봤지만 문제점을 찾지 못함.

❌ 공백 문제인가? 하여, 뒤에 공백을 없애주는 코드 .trim() 를 추가해서, 공백을 없애고 값을 비교하도록 설정함.
// 그러나 똑같은 문제 발생

---

👉 제일 쉬운 방법인 입출력을 print 해서, 어디가 문제인지 파악하고자 함.

❗ 그 결과 제대로 입력값을 받지 못하고, p로 입력 되는 현상을 발견

---

💭 영어는 문제없이 입력되는 것을 보아 한글을 못읽거나 하는 문제인 것으로 파악

❌ 그래서 해결을 위해 chcp 65001 해당 명령어를 먼저 입력한 뒤 dart run 을 돌리면 해결된다고 해서 시도했으나 해결되지 않음.

---

// @dart=2.19
// coding:utf-8

❌ 파일 상단에 해당 코드를 입력하면 utf-8 을 이용해 한글을 입력할 수 있다고 하여 추가하여 run 실행
// 그러나, 여전히 입력하면 p 만을 입력받는 것을 확인했다.

---

❌ 명령 프롬프트에서 [속성 - 글꼴 - 폰트 변경] 을 하면 한글이 깨지는 이슈에 대해 해결된다고 하여 바꿔보았으나, 여전히 문제가 지속됨.

---

String? productname =
          stdin.readLineSync(encoding: Encoding.getByName('utf-8')!)?.trim();

❌ 한글 인코딩의 방법으로 stdin.readLineSync(encoding: Encoding.getByName('utf-8'))?.trim(); 이란 인코딩 코드를 쓰는 것을 발견, 코드에 추가

👉 코드 자체 오류 발생으로 Encoding? 타입 때문이란 메세지에 ! 를 추가하여 코드 오류는 해결
// 그러나 여전히 한글 인코딩 문제가 지속됨.

---

❔ 여기까지 오류를 해결하기 위해 추가한 코드들을 다른 컴에서 실행시켰을 때는 제대로 작동하는 것을 발견함. 그러나, 내 vscode 에서는 문제가 여전히 발생하고, 다른 곳에서는 문제 발생 X, 다른 곳의 vscode에서 실행해도 문제 없음. >> 이상한 현상을 발견💦

해당 현상을 토대로 다른 컴퓨터 설정 문제인 것 같아 컴퓨터 인코딩? 세팅 변경을 해야되는 것인지.. 찾아보니 아래 방법을 쓰라고 함.
제어판 → 시계 및 국가 → 국가 → 관리자 탭 → 시스템 로캘 변경 → "유니코드 UTF-8 베타 사용"
? 이 옵션 키면 된다고는 하는데... 다른 컴에서는 이 옵션이 체크가 안되어 있어도 돌아간다는 것...

---

✅ Fork로 Commit해서 Mac에서 파일을 돌려보았더니, 모든게 정상적으로 잘 작동했다... 아마 제일 마지막에 했던 인코딩 코드를 넣어서 해결된 것 같긴한데 컴퓨터 윈도우 버전 때문인지.. 일단 유니코드 베타는 켜두었고, 재부팅하면 결과를 알 수 있을 것이다.
결과적으로! 해결이 되었다! 다 완료가 되었는데 이게 컴퓨터 문제 때문에 한동안 잡고 있었던 것이다...

---

💬 REDAME 작성

🐦 Dart Console Shopping Mall

 
Dart 언어로 구현한 콘솔 기반 쇼핑몰 프로그램입니다.
상품 목록 조회, 장바구니 담기, 총 금액 확인 기능을 제공합니다.

📚 해당 프로젝트는 스파르타코딩클럽 Dart 강의 기반으로 제작되었습니다.

---

📦 프로젝트 구조

 
/shopping_mall
├── bin/ # 실행 파일
│ └── shopping_mall.dart
├── lib/ # 클래스, 기능 로직
│ └── shopping_mall.dart
├── test/ # 테스트 파일 (필요시)
├── pubspec.yaml # 의존성 및 메타 정보
└── README.md # 프로젝트 설명 파일

---

🚀 실행 방법

dart run bin/shopping_mall.dart

---

🛠 기능 소개

• 📜 상품 목록 조회
• 🛒 장바구니 담기
• 💰 장바구니 총 금액 확인
• ❌ 프로그램 종료

---

🎯 사용 기술

• Dart(콘솔 기반)
• OOP(클래스, 객체지향)
• 조건문, 반복문, 함수, 리스트 등 Dart 기본 문법 활용

---

✨ 프로젝트 목적

• Dart 문법 학습 및 콘솔 프로그램 구조 연습
• 클래스와 메서드를 활용한 실습
• 간단한 입력/출력 로직으로 문제 해결 능력 강화

---

📚 참고 자료

• 스파르타코딩 Dart 강의
• 공식 Dart 문서 https://dart.dev

---

🐾 앞으로 개선하면 좋은 기능

• 상품 추가 및 삭제
• 장바구니 목록 출력
• 파일 저장 및 불러오기(간단한 데이터 저장)

이렇게 필수 기능을 구현하고, README까지 작성을 완료했다.

개선하면 좋은 기능이나, 도전 과제 같은 경우에는 시간이 부족하여 진행하지 못했다.
처음 하다보니 사소한 오류에 한참이나 걸리고, 그걸 AI를 활용해도 방법이 다르거나 하는 등의 문제 때문에 시간 분배라고 해야될까... 어려웠던 것 같다.

사실상 필수 기능은 어제 좀 만들고 오늘 추가까지 완료해서 시간은 나름 괜찮았는데, 이 한글 인코딩 문제가... 컴퓨터 문제때문이라니... 허탈하다... 💫

---

🌼 Git Commit

기능 구현
✅ 장바구니 담기 기능 구현
✅ 장바구니 가격 출력 구현

---

💡 코드 수정 및 README 작성
✅ 쇼핑몰 메인 메뉴 라인 코드 수정
✅ 과제 소개 README 작성

---

🌱 오늘은 과제를 완료하고 오류 해결하고... 커밋하고.. TIL 작성했다. 뭔가 드디어 해냈다와 막힐 땐 한없이 어려운데 한번 해결하면 뭔가 그제서야 이해되고 이렇게 쉬웠나..? 쉬운건 아니지만! 그런 느낌이었다.

이론만 알고 기초만 알다가 이게 심화를 하려니까 막막한 것과 같은데, 수학하고 진짜 똑같은 느낌이다. 수식 알고 기초는 아는데 이걸 심화 문제를 낸다? 그러면 어렵고 활용하는 법을 몰라서 일단 한번 알아야 그제서야 다음에 쓸 수 있을 법한 느낌이다.

아무튼 다음 과제는 좀 더 잘.. 코딩할 수 있기를!

---

🚀 내일은 3강 남은 것을 마저 듣는데, 오후에 과제 풀이 시간이 있어서 해당 시간이 끝나면 코드.. 수정을 시도를 해볼지? 아니면 TIL 정리 정도로 끝낼지 봐야겠다. 코딩에 정답.. 이라고는 없다지만 디폴트, 최적화 된 코드는 있으니까 잘 배워둬야 한다.