• 구글 로그인 파이어베이스와 연결하기

• 트러블 슈팅

📍학습 내용

📍겪은 어려움

📍회고 및 반성

• 트러블 슈팅 시간 나는 대로 작성해보겠음 (너무 대장정이라 엄두가 X)
• 아래 사진은 성공 스샷!!

• 최종 프로젝트 13일차

  • 구글 계정 로그인 구현 (1)

📍학습 내용

• 구글 계정 로그인 구현

  • 주말에 사진 자료와 함께 찬찬히 정리해보겠음

📍겪은 어려움

• keystore 얻는 과정에서 다음과 같은 오류 발생

  

📍회고 및 반성

• 이메일 로그인 구현할때까지만 해도 구글 로그인에 이만큼 삽질을 할줄은 몰랐는데......
• 오늘 꼭 세팅 끝내고 내일은 코드 작업을 들어갈 수 있었으면 좋겠다.
• 오늘코딩님이 기적처럼 내일 당장 파이어베이스 구글 로그인편을 만들어서 올려주셨으면. . . .

내일 진행할 작업

• 게임 재시작 기능 구현
• 버그잡기

  

• 각자 작업한 것 합치기
• 에셋 찾고 적용하기

내일은 아니지만 염두에 두어야 하는 작업

• 로그인 기능 구현을 공식적으로 3주차 일정에 넣기로 함... 아자
• 어드레서블 기능도 파이어베이스에 연결하게 될 듯
• 언어 버전과 어드레서블 버전을 나눠서 관리 / 체크하도록 데이터싱크매니저 수정해주어야 함 (당장은X)

짧은 회고

• 오늘은 자잘자잘한 구현을 많이 한듯
• 속성 강화 기능을 구현하는 과정에서 재민님이 구현한 코드를 소개받았는데 너무 신기했다
• Enum을 배열 값으로 넣는 방식은 자주 사용해서 알고 있었는데, Indexer는 처음 들어봐서 꼭 공부해봐야지 싶었음!!
• 공식 가이드 링크: https://learn.microsoft.com/ko-kr/dotnet/csharp/programming-guide/indexers/
• 그리고 팀 피드백에서 칭찬 받아서 기분 좋았다! 앞으로도 화이팅 화이팅~~!

• 아무리 정신 없다지만 너무 빈 글만 두는 것 같아서 일단 초고라도 올려보기로 했음...
• 초고인만큼 나중에 수정될 수는 있겠지만 내용은 그대로 가져갈 듯!
• 못 올린 날짜의 TIL도 업노트에 초고가 있어서 여유될 때마다 (아마 주말) 하나씩 추가될 예정...😂

최근 진행중인 작업:

• 파이어베이스 기능 구현을 어느 정도 마치고 화요일부터 스테이지 작업을 시작함.
• 스테이지 작업을 간만에 만져서인지 내가 뭘 작업해야할지 잘 감이 잡히지 않아서 내가 구현해야 하는 것들을 정리하는 시간을 가졌음 (화요일 TIL이 추가된다면 이 내용이 들어갈 듯)
• 오늘 작업은 미션 기능 구현!

미션 기능:

• 미션을 받으면 미션 몬스터가 등장하고, 이 몬스터를 잡으면 그 미션에 해당하는 보상을 받을 수 있음
• 스테이지와 별개로 작동해야함. (스테이지 진행 중에 미션을 받아서 함께 진행할 수도 있고, 휴식 시간에 미션을 받아 별개로 진행할 수도 있다.)

문제 발생:

• 현재 스테이지에 몬스터가 사라질 때마다 몬스터 카운트를 감소시키고, 그 카운트가 0이 되면 라운드를 종료시키는 방식으로 설계함.
• 문제는 미션 몬스터 또한 같은 방식으로 생성/소멸되기 때문에 삭제되는 몬스터가 미션 몬스터인지, 스테이지 몬스터인지 판단하는 과정이 필요하게 됨

부분 해결:

• 몬스터를 담당한 지현님께 조언을 구해 삭제되는 몬스터의 index값을 알 수 있는 방법을 알아냄.

또 다른 문제:

• 이 index값으로 미션 몬스터에 해당하는 몬스터들을 손수 if문으로 예외처리 하는 건 너무 확장성이 떨어진다고 느껴져서 기존 방식과 다른 구조를 고민하게 됨

• 최종 프로젝트 3일차
  • Firebase 시작하기
  • 구글 스프레드 시트 → json 변환
  • 트러블 슈팅

📍작업 내용

• 오늘 작업 내용 요약 :

  • 구글 시트 연결하려 했으나 튜터님께 파이어베이스를 추천받음
  • 참고한 영상: https://youtu.be/A6du3DUTIPI?si=mRirXN_pSGE3ANPI
  • 처음 생각한 그림은 구글 스프레드시트에서 작성한 데이터 테이블을 바로 서버와 연결해주는 것이었지만, 현재 나의 실력으로 둘을 바로 연결해줄만한 방법이 당장 떠오르지 않아 차선을 선택.
  • 선택한 방법: 구글스프레드시트→json 파일로 변환하고, 변환된 json파일을 파이어베이스의 서버에 올린 뒤, 서버에 있는 파일을 받아오는 방식을 이용하기로 함
  • 데이터테이블의 구조는 클래스 다이어그램에서 나온 각자의 ScriptableObject를 참고하여 작성했으나, ATM을 구현할 때와 달리 데이터의 구조가 깊어서 파싱이 쉽지 않았음.

• 파이어베이스 시작하기

  • 참고한 영상: [유니티] 파이어베이스로 회원가입과 로그인 구현하기

• 구글 스프레드 시트 → json 변환

  • (시도1) https://youtu.be/XOUqdgnOK5c?si=sQnMmPJ9mcxAeRI-

  • 해당 영상을 보니 구글 시트의 확장 프로그램을 이용하면 시트의 데이터들을 json 파일로 변환이 가능한 것 같아서 시도해보았다.

  • 그러나 Sheets to JSON로는 내가 원하는 Key로 데이터들을 묶어줄 수 있는 방법이 없어서 다른 방법을 생각해보기로 했다.

  • (시도2) 다른 확장 프로그램을 사용해도 내가 원하는 구조로 딱 맞춰 변환해줄 수 있지는 않을 것 같아 Google Apps Script를 이용해 내가 원하는 기능을 만들어 사용해보기로 했다.

  • 이 기능을 사용하는 방법은 다음과 같다:

    1. 구글 스프레드시트 > 확장 프로그램 > Apps Script 선택

    2. 나타난 Apps Script 창에 gs 파일을 추가해 메서드를 직접 코딩하면 된다.

• 이걸 내가 직접 프로그래밍 할 수 있었으면 정말 좋았겠지만... Apps Script는 자바스크립트 기반으로만 코딩이 가능하기 때문에 이 부분은 부득이하게 AI의 도움을 받았다.
• AI에게 요구한 부분은 다음과 같음:
  • 시트의 탭에 적힌 이름으로 데이터를 묶어줄 것
  • 시트 첫번째 열에 있는 값을 키로 사용할 것
  • json 데이터로 변환 후 사용자가 json 파일을 저장할 수 있도록 할 것
  • 파일명은 현재 날짜를 붙여 생성되게 할 것
  • 만약 같은 이름의 파일이 있다면 이름 끝에 “(2)” 와 같은 식으로 숫자를 붙여줄 것 version탭은 version으로 묶고, 나머지 탭들은 jsonData로 묶어줄 것 (버전관리를 위해 추가해주었다.)
  • 구글 시트에서 변환 작업을 바로 실행할 수 있도록 해당 기능의 UI를 추가해줄 것
• 그 결과 다음과 같은 코드가 나왔고, 내가 원하는 구조대로 json 파일을 변환할 수 있었다!:

  function exportVersionedJSONtoDrive() {
   const spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
   const sheets = spreadsheet.getSheets();
   let versionValue = "1.0"; // 기본값
  
   const result = {
     version: "",
     jsonData: {}
   };
  
   sheets.forEach(sheet => {
     const sheetName = sheet.getName();
     const data = sheet.getDataRange().getValues();
  
     if (sheetName.toLowerCase() === "version") {
       // 버전 정보 읽기: A1 = "version", B1 = 숫자
       if (data.length > 0 && data[0].length > 1) {
         versionValue = String(data[0][1]);
       }
       return; // version 시트는 jsonData에 포함하지 않음
     }
  
     if (data.length < 2) return;
  
     const headers = data[0];
     const sheetData = {};
  
     for (let i = 1; i < data.length; i++) {
       const row = data[i];
       const key = row[0]; // 첫 번째 셀 값이 key
  
       const rowData = {};
       for (let j = 1; j < headers.length; j++) {
         const header = headers[j];
         const keyName = header.charAt(0).toLowerCase() + header.slice(1);
         rowData[keyName] = row[j];
       }
  
       sheetData[key] = rowData;
     }
  
     result.jsonData[sheetName] = sheetData;
   });
  
   result.version = versionValue;
   const jsonString = JSON.stringify(result, null, 2);
  
   // 📅 날짜 구하기
   const today = new Date();
   const yyyy = today.getFullYear();
   const mm = String(today.getMonth() + 1).padStart(2, '0');
   const dd = String(today.getDate()).padStart(2, '0');
   const dateString = `${yyyy}-${mm}-${dd}`;
  
   // 📄 파일명 구성
   const baseFileName = `gameData_v${versionValue}_${dateString}`;
   const fileExtension = ".json";
  
   const folderPath = "17floor/DataTable";
   const targetFolder = getOrCreateFolderByPath(folderPath);
  
   // 동일한 이름 있으면 (2), (3)... 붙이기
   let fileName = baseFileName + fileExtension;
   let count = 2;
   while (folderHasFile(targetFolder, fileName)) {
     fileName = `${baseFileName}(${count})${fileExtension}`;
     count++;
   }
  
   const file = targetFolder.createFile(fileName, jsonString, "application/json");
   Logger.log("✅ JSON 파일 저장 완료: " + file.getUrl());
  }
  
  // 폴더 경로 생성 유틸
  function getOrCreateFolderByPath(path) {
   const parts = path.split('/');
   let folder = DriveApp.getRootFolder();
  
   for (let i = 0; i < parts.length; i++) {
     const name = parts[i];
     const folders = folder.getFoldersByName(name);
     folder = folders.hasNext() ? folders.next() : folder.createFolder(name);
   }
  
   return folder;
  }
  
  // 파일 존재 여부 확인
  function folderHasFile(folder, fileName) {
   const files = folder.getFilesByName(fileName);
   return files.hasNext();
  }
  
  // 메뉴에 커스텀 함수 등록
  function OnOpen() {
   const ui = SpreadsheetApp.getUi();
   ui.createMenu("📦 JSON 변환")
     .addItem("📁 17floor/DataTable에 저장", "exportVersionedJSONtoDrive")
     .addToUi();
  }

• UI를 추가하는 방법은 다음과 같다:

  • 확장 프로그램 > 매크로 > 메서드 이름

  • 누르면 스크립트 실행중... 이 뜨는데, 조금만 더 기다리면 성공적으로 추가되는 것을 볼 수 있다.

  • 저장 탭을 누르면 현재 로그인 되어있는 구글 계정의 G드라이브에 저장된다.

  • 저장된 json 파일은 파이어베이스에서 JSON 가져오기를 통해 올릴 수 있다

• 과정 GIF:

📍겪은 어려움

• google-services.json 이슈

  • 코드를 짜고 실행하려는데 다음과 같은 오류가 발생함:

    • Unable to load Firebase app options ([A:/TeamSparta/on-the-17floor/Element_Tower_Defense/Assets/StreamingAssets\google-services-desktop.json, A:/TeamSparta/on-the-17floor/Element_Tower_Defense/Assets/StreamingAssets\google-services.json] are missing or malformed)

  • 오류 번역:

    • Firebase 앱 옵션을 로드할 수 없습니다 ([A:/TeamSparta/17층/Element_Tower_Defense/Assets/StreamingAssets\\google-services-desktop.json, A:/TeamSparta/17층/Element_Tower_Defense/Assets/StreamingAssets\\google-services.json]이 누락되었거나 잘못된 형식입니다)

  • 문제 원인:

    • Firebase SDK는 초기화 시 google-services.json(Android용) 혹은 google-services-desktop.json(유니티 에디터 또는 데스크탑 실행용) 파일을 StreamingAssets 폴더에서 찾는데, 이 파일들이 해당 폴더에 존재하지 않기 때문에 Firebase 앱 초기화에 실패한 거였음.

  • *해결한 방식: *

    • 해당 파일들을 파이어베이스에서 다시 다운받아 StreamingAssets 폴더에 넣어주니 해당 오류는 일어나지 않음.

  • 또 다른 문제 발생:

    DatabaseException: Failed to get FirebaseDatabase instance:
    Specify DatabaseURL within FirebaseApp or from your GetInstance() call.

  • 원인:

    • google-services.json에 Realtime Database의 URL가 포함되지 않은 상태라 데이터를 받아오지 못하고 있었음.

  • 해결한 방식:

    • 파이어베이스에서 google-services.json을 다시 다운받아 넣어줌.
    • 새로 받은 파일에는 Realtime Database의 URL가 제대로 포함되어 있었다.
    • SDK를 추가할 때마다 google-services.json은 다시 받아서 넣어줘야 한다고 생각해도 무방할 듯.

• JSON 데이터 파싱 이슈

  • 문제를 해결하고 실행하니 또 다른 오류가 발생함 :

    ArgumentException: JSON parse error: Invalid value.
    JsonUtility.FromJson<T>(json)

  • 오류 원인:

    • JsonUtility는 딕셔너리를 지원하지 않는데, 내가 짠 자료의 구조는 Key안의 List안의 List 구조여서 굉장히 깊음.
    • 때문에 래퍼 클래스를 통해 파싱해주려고 해도 현실적으로 쉽지 않았음.
    • 가장 현실적인 해결 방법은 JsonUtility대신 딕셔너리를 지원하는 Newtonsoft.Json를 사용하는 것인데, 유니티에서는 JsonUtility의 성능이 압도적으로 좋다고 알고 있기 때문에 고민이 됨.
    • 일단은 다른 방법이 있을지도 모르니 내일 튜터님께 찾아가서 조언을 구해보기로 함.

📍회고 및 반성

• 내 나름대로는 기획자의 편의성을 챙긴다고 구글 스프레드 시트를 이용했지만, 역시 바로 구글 스프레드 시트를 연동해서 사용하는 방법보다는 번거로워 보여서 고민이다.
• 구글 스프레드 시트는 보안 이슈가 있을 수도 있다고 하니 어쩔 수 없는 일이지만, 그래도 레벨 테스트를 진행할 때는 구글 스프레드 시트를 연결해서 즉각적으로 테스트를 할 수 있도록 하는 게 나을까? 고민이 됨.
• 이 부분도 튜터님과 다른 팀원들과 이야기해 보면 좋을 것 같다.

• 최종 프로젝트 2일차
• 스테이지 관련 클래스 작업
• 웨이포인트

📍진행 작업

• 스테이지 관련 클래스 작업

  • 클래스 다이어그램을 토대로 UserManager와 StageManager를 만들었다.
  • 타워와 몬스터가 만들어지면 연결하고 스테이지를 관리해주어야 하기 때문에 주로 빈 메서드 위주로 얼추 흐름만 만들어 놓았음.

• 웨이포인트

  using System.Linq;
  using UnityEngine;
  
  public class WayPoint : MonoBehaviour
  {
     [SerializeField]
     private Transform[] wayPoint;
  
     private void OnValidate()
     {
         //본인을 제외하고 자식의 Transform만 가져온다.
         wayPoint = GetComponentsInChildren<Transform>(true)
                    .Where(t => t != transform)
                    .ToArray();
     }
  
     public Transform[] GetWayPoint()
     {
         return wayPoint;
     }
  }

  • 우리 게임은 구불구불한 맵을 몬스터가 이리저리 방향을 틀며 이동해야 하기 때문에, 그 회전 포인트들을 지정하고 저장할 필요가 있었음.

  • 특정 포인트에서 회전하고, 이동하는 기능은 몬스터 쪽에서 구현하기로 했기 때문에, 스테이지 쪽에서 할 일은 웨이포인트를 지정하고, 몬스터 쪽에서 접근하기 쉽도록 만드는 일밖에 없었음.

  • 그래서 WayPoint라는 빈 오브젝트를 만들어 자식 오브젝트의 transform을 찾아내 저장할 수 있도록 함

  • 아래 사진을 보면 새로운 오브젝트가 생겨도 자동으로 추가된다:

    

  • StageManager를 통해 WayPoint에 접근할 수 있도록 해야 하므로 StageManager가 WayPoint를 찾을 수 있도록 다음과 같은 코드를 붙여 넣었다:

    private void OnValidate()
    {
       /// <summary> OnValidate 관련 </summary>
       ///
       /// OnValidate는 에디터 함수이기 때문에
       /// Find를 사용해도 빌드한 최종 결과물에는 영향을 주지 않음
       /// 다만 너무 남용할 경우 오류가 생길 수 있으니 GetComponent정도만 사용할 것
    
       wayPoint = GameObject.Find("WayPoint")?.GetComponent<WayPoint>();
    
    }

  • 위 방법은 오브젝트의 이름이 달라지면 WayPoint를 찾아오지 못한다는 문제점이 있지만 WayPoint의 경우 프리팹으로 만들어 메인 씬에 넣을 수 있도록 할 예정이므로 크게 문제가 되진 않으리라 생각했다.

  • 이 코드를 쓰면 아래처럼 웨이포인트를 자동으로 잘 찾아오는 것을 확인할 수 있다:

📍겪은 어려움

• GetComponentsInChildren문제

• 웨이포인트를 받아오기 위해 GetComponentsInChildren<Transform>를 통해 자식들의 transforn 정보를 받아오려고 했는데, 막상 이 코드를 사용하니 자식뿐만 아니라 본인의 transform까지 가져오는 문제가 발생했다.

• 찾아봤지만 자식의 컴포넌트만 검색해 주는 메서드는 따로 없는 것 같아 결국 다음과 같은 방식으로 해결했다:

  private void OnValidate()
  {
     //본인을 제외하고 자식의 Transform만 가져온다.
     wayPoint = GetComponentsInChildren<Transform>(true)
                .Where(t => t != transform)
                .ToArray();
  }

  • 한 줄씩 설명하자면:
  • GetComponentsInChildren<Transform>(true): 자식들의 트랜스폼을 모두 가져오는데 (true: 비활성화된 자식까지 포함)
  • Where(t => t != transform): transform이 아닌 것들만 가져오고 (자신의 transform과 다른 값인 transform만 가져오고)
  • ToArray(): 배열 형태로 반환하라 형태는 조금 다르지만 람다와 링큐를 다뤘던 TIL링크를 첨부: 👉2025.01.30 (목)

• 폰트가 안 구워지는 문제 발생

  • 옵션은 잘 설정해 준 것으로 확인
  • 해당 TIL과 똑같은 옵션으로 맞춰주었는데도 오류가 떴음 👉2025.03.05 (수)
  • 원인 발견 및 해결: 폰트 파일이 한글로 되어있었는데 혹시나 하고 폰트 파일명을 영어로 변경하니 잘 구워졌다.

📍회고 및 반성

• 얼추 구조가 잡혔고 웨이포인트에 접근할 수 있도록 토대도 만들어 두었으니 계획대로 임시 데이터테이블을 만들고 연결해보려고 하는데, 내가 상대적으로 할 수 있는 일이 적은 것 같아서 팀원들에게 양해를 구하고 데이터 테이블을 유니티에 연결하는 부분을 맡아보려고 함.
• 어떤 방식이 좋을지는 튜터님과 상의해 볼 예정!

• 최종 프로젝트 1일차

  • 제작 게임 소개
  • 클래스 다이어그램

📍학습 내용

• 제작 게임 소개

  

• 역할분담

  • 프로그래머가 4명이었으므로 구현 부분을 크게 맵/타워, 몬스터, 스테이지, UI/카메라로 나누었다.

  • 내가 맡게 된 부분은 스테이지이며 게임의 전반적인 흐름을 관리한다.

  • 게임의 간단한 사이클:

  • 클래스 다이어그램:

📍겪은 어려움

• S.A 대시보드를 제출하고 TASK 분배를 해보는 것이 좋을 것 같다는 피드백을 받았으나, 이 작업에 어느 정도의 시간이 소요될지 나조차도 잘 감을 잡지 못해 난감했다.
• 또한 내가 맡은 역할인 스테이지 특성상 다른 역할과 연결된 부분이 많아 더 난감했던 것 같다.
• 일단 TASK 분배를 마치는 대로 다시 한번 튜터님께 피드백받아볼 예정!

📍회고 및 반성

• 지금까지 이렇게 다 같이 클래스 다이어그램을 짜고 들어간 적이 없었는데, 서로가 어떤 식으로 코드를 작성할 예정인지 대략적으로 확인할 수 있어 좋았던 것 같다.
• 그러나 익숙하지 않은 작업이라 오랫동안 붙잡고 있었던 것이 조금 아쉬웠음.
• 앞으로 코드를 짤 때는 조금씩이라도 클래스 다이어그램을 작성하고 시작하는 습관을 들여봐야겠다.

• 팀 프로젝트 - 클리커 게임 마감 및 발표

  • 팀 프로젝트 소개
  • GitHub Link

📍학습 내용

• 팀 프로젝트 소개

  • GitHub Link 👉 https://github.com/2zoZombie/ZoZo

📍회고 및 반성

• 지금 구조는 각자 PlayerData를 가져와서 데이터 안의 스킬레벨을 통해 플레이어의 스탯을 계산해 사용하고 있는데, 플레이어 스탯 클래스를 빨리 만들어두었다면 이 계산을 각자 해줄 필요는 없었을 텐데... 하는 아쉬움이 많이 든다.
• UI 같은 경우도 각자 담당한 부분의 UI를 임시로 구현해서 사용했는데, 이 때문에 UI설정이 약간씩 달라서 똑같은 작업을 두 번 해주어야 하는 문제도 발생했었다.
• 빨리 작업에 착수하는 것도 좋지만, 문제가 일어나는 것을 방지하기 위해서는 다 같이 구조를 짜고, 합의하는 과정이 꼭 필요하다는 것을 알 수 있었던 주차였음.
• 어쩐지 아쉬운 점만 줄줄 늘어놓은 것 같지만 그래도 팀 프로젝트 자체는 정말 좋았다! 좋은 팀원들을 만나서 열심히 할 수 있었고, 게임도 이 정도면 나름 잘 뽑혔다고 생각한다.
• 아쉬운 점은 개인적으로 리팩토링 하거나 수정해도 되니까 이번 프로젝트는 이걸로 마무리! 이어질 최종 프로젝트도 힘내자!

• 팀 프로젝트 - 클리커 게임 (5)

  • 트러블슈팅

📍겪은 어려움

• OnValidate 이슈

  • 문제: 게임을 만들고 모바일 빌드를 해보니 스킬 업그레이드 부분만 제대로 작동하지 않는 것을 확인

  • 원인: OnValidate에서 너무 많은 작업을 진행했기 때문에 일어난 문제였다.

  • 설명:

    • OnValidate는 유니티에서만 실행되는 에디터 함수이고, 나는 지금까지 OnValidate에서 할당해 준 것들은 직접 손으로 끌어서 할당해준 것과 같은 취급을 받는다고 이해하고 있었음.
    • 그러나 OnValidate에서 GetComponent로 에디터에 있는 게임 오브젝트의 컴포넌트를 찾아오는 것은 문제가 되지 않지만, 플레이를 할 때 세팅되어야 하는 것까지 OnValidate에서 세팅해준다면 문제가 발생할 수 있다는 튜터님의 피드백을 받았다.

  • 해결 방법: OnValidate에서 처리해주던 코드 몇가지를 Start로 옮겨주니 빌드 시에도 제대로 작동하는 것을 확인!

  • 수정 전 코드

  • 수정 후 코드

📍회고 및 반성

• OnValidate가 에디터 함수라는 것은 알았지만 지금까지 그게 어떤 오류를 일으킬 수 있는지에 대해서는 잘 모르고 사용한 것 같다.
• 그래도 해당 문제를 최종 프로젝트에 들어가기 전에 알아서 다행이다. 앞으로는 조심할 것!

• 팀 프로젝트 - 클리커 게임

  • 담당 역할
  • 트러블슈팅

📍학습 내용

• 담당 역할

  • 플레이어 능력치 및 업그레이드 기능 (아래 사진은 예시 게임 캡쳐)

• 구현해야 하는 기능:

  • 업그레이드 UGUI
  • 업그레이드 현황 및 그에 따른 현재 능력치를 화면에 표시
  • ScriptableObject를 통해 데이터 테이블 작성
  • 재화를 소모해 플레이어의 능력치를 업그레이드
  • 재화가 부족하면 업그레이드 X
  • 업그레이드 현황 및 그에 따른 현재 능력치를 화면에 표시합니다.
  • 구현해야할 스탯(스킬)
    • 치명타 데미지 증가
    • 자동 공격 속도 증가
    • 재화 획득량 증가

📍겪은 어려움

• GetComponent를 통해 특정 자식을 찾아오는 과정에서 생긴 문제

  • 현재 업그레이드 UI는 다음과 같은 형식으로 구현되어 있다:

  • 나는 슬롯에 스킬 스크립트를 붙이기만 하면 하위 오브젝트들의 정보를 알아서 다 가져올 수 있도록 코드를 짜고 싶었다.

  • 그래서 OnVaildate와 GetComponentInChildren를 통해 하위 오브젝트들의 컴포넌트를 받아와 연결해주려고 했음

  • 문제: 나는 Icon의 Image를 받아오고 싶었는데 GetComponentInChildren로 이미지를 찾아오려니 Slot의 이미지를 받아오는 문제가 발생함

  • 시도: 이번에는 GameObject.Find("Icon")을 통해 Icon의 Image를 찾아오려 했으나 게임오브젝트 자체는 Image 변수 안에 들어가지 않았다.

  • 부분 해결: 이 부분은 Find로 찾아온 게임 오브젝트에 다시 GetComponent를 시도하는 것으로 해결했다.

  • 문제2: Icon을 찾아오긴 하는데 다른 슬롯의 Icon을 찾아오기 시작...

  • 추정원인: GameObject.Find는 검색 대상이 씬 전체이므로 마지막으로 실행되는 Slot(2)의 Icon을 찾아오게 되는 것 같았다.

  • 해결: GameObject.Find대신 transform.Find를 사용했더니 자식의 Icon을 잘 찾아왔다.

  • GameObject.Find와 transform.Find의 차이점:

  항목	GameObject.Find("Icon")	transform.Find("Icon")
  검색 대상	씬 전체	자신의 자식들만
  검색 방식	이름으로 전역 탐색	자식 Transform만 탐색
  성능	❌ 느림 (전역 탐색)	✅ 빠름 (로컬 탐색)
  Null 발생	많음 (이름 중복/없으면 실패)	안정적 (구조만 알면 정확히 탐색 가능)
  경로 지원	❌ 단일 이름만 가능	✅ "Child/Grandchild"처럼 경로 탐색 가능

  • 완성된 코드는 다음과 같다:

    private void OnValidate()
    {
        skillImage = transform.Find("Icon")?.GetComponent<Image>();
        levelupBtn = transform.Find("LevelUpBtn")?.GetComponent<Button>();
        btnText = levelupBtn.GetComponentInChildren<TextMeshProUGUI>();
    
        _name = transform.Find("Name")?.GetComponent<TextMeshProUGUI>();
        description = transform.Find("Description")?.GetComponent<TextMeshProUGUI>();
    
        skillImage.sprite = data.Icon;
    
        if (data == null) return;
    
        switch(data.type)
        {
            case SkillType.PercentageBuff:
                levelupBtn.onClick.AddListener(LevelUpPercentageBuff);
                break;
    
            case SkillType.TimedActive:
                levelupBtn.onClick.AddListener(LevelUpTimedActive);
                break;
        }
    }

📍회고 및 반성

• 유니티를 처음 시작할 때 내가 제일 어렵다고 생각했던 부분이 어떤 오브젝트나 컴포넌트를 찾아올 때 어떤건 this로 접근하고, 어떤건 transform으로 접근하고, 어떤건 gameObject 접근하는게 헷갈린다... 였는데, 유니티를 배우기 시작한지 꽤 지났는데도 내가 아직도 이런 부분을 제대로 이해하지 못한 채로 넘어갔다는 것을 새삼 깨달았다.
• 나중에 시간을 들여 셋의 차이점이나 컴포넌트/오브젝트의 접근법을 정리해보는 것도 좋을 것 같음! 반성하자!!

• 스탠다드 1회차 - 유니티 기초

  • 유료 에셋을 사용하는 경우 주의해야 할 점
  • MonoBehaviour
  • 생명주기 함수
  • SendMessage

📍학습 내용

• 유료 에셋을 사용하는 경우 주의해야 할 점

  • 유료 에셋을 이용하는 경우 깃허브에 public으로 올리면 안 됨.
  • 만약 사용했는데 public으로 올려야 한다면:
    • 새로운 폴더(EX-99.Asset)를 만들어 유료 에셋을 그 폴더에 다 넣은 뒤, .gitignore에 해당 폴더를 등록한다. (등록하면 해당 파일은 깃허브 서버에 올라가지 않는다.) 이 경우 함께 에셋을 사용해야 하는 팀원들에게는 유니티 패키지 파일로 에셋을 따로 전달한다.
    • 일단 사용한 뒤, 외부에 노출될 때 폴더를 삭제하는 방법
  • 포트폴리오를 깃허브에 올릴 때는 꼭 신경써주기.
  • 신경쓰는 만큼 기본이 되어있다는 인상을 줄 수 있다!

• MonoBehaviour

  • MonoBehaviour를 상속 받는다 = 유니티의 관리를 받는다.
  • MonoBehaviour를 상속 받은 클래스만 컴포넌트가 될 수 있다. (오브젝트에 붙일 수 있다)
  • MonoBehaviour를 상속 받으면 생명주기 함수를 사용 가능.
  • 뿐만아니라 해당 도큐먼트 안에 쓰여있는 것들 모두를 사용할 수 있게된다.
  • 유니티 도큐먼트 링크 👉 MonoBehaviour - Unity 매뉴얼

• 생명주기 함수

  • 생명주기 함수는 정말 많지만 이 정도로 정리해볼 수 있음:

       private void Awake()
       {
           Debug.Log("가장 먼저 시작 되는 Awake");
       }
       private void OnEnable()
       {
           Debug.Log("켜질 때마다 시작하는 OnEnable");
       }
       private void Start()
       {
           Debug.Log("OnEnable 이후 시작하는 Start");
       }
       private void FixedUpdate()// 1초에 50번 호출함.
       {
           Debug.Log($"물리처리를 실행하는 FixedUpdate");
       }
       private void Update()// 1초에 프레임 단위로 호출함.
       {
           Debug.Log($"프레임 단위로 시작하는 Update");
       }
       private void LateUpdate()
       {
           Debug.Log("Update이후 시작하는 LateUpdate");
       }
       private void OnDisable()
       {
           Debug.Log("꺼질 때마다 시작하는 OnDisalbe");
       }
       private void OnDestroy()
       {
           Debug.Log("파괴되면 시작하는 OnDestroy");
       }

  • 게임 오브젝트에 붙이고 실행시:

    • Awake > OnEnable > Start > FixedUpdate > Update > LateUpdate 순서로 실행

• 게임 오브젝트를 끄면:

  • OnDisable 실행됨

• 다시 키면:

  • OnEnable 실행

• 킨 채로 파괴하면:

  • OnDisable > OnDestroy 순서로 실행됨

• 만약 오브젝트가 꺼진채로 프로젝트를 실행한다면:

  • 활성화 되지 않았으므로 아무것도 실행되지 않음 (Awake도 실행되지 않음)

• 이 상태에서 키면:

  • 처음과 마찬가지로 Awake > OnEnable > Start > FixedUpdate > Update > LateUpdate 순서로 실행

• 끈 상태에서 삭제하면:

  • OnDestroy만 실행

• 끈 상태에서 실행한 뒤 바로 삭제한다면:

  • 마찬가지로 한 번도 활성화 된 적이 없기 때문에 아무것도 뜨지 않는다. (OnDestroy 도 실행되지 않는다.)

• SendMessage :

  • 유니티 공식 Documentation 👉 Component-SendMessage - Unity 스크립팅 API
  • MonoBehaviour를 상속 받은 클래스에 있는 메서드 모두를 검색해서 실행시킴
  • public이 아닌 메서드도 문자열로 검색해 강제로 호출하기 때문에 성능적으로 좋지 않고, 디버깅도 어려움.
  • 그냥 있다는 것만 알아두고 사용하진 말 것!!
  • 팁: 생명주기함수는 SendMessage로 호출하는 것과 유사한 형식으로 돌아가기 때문에 불필요한 생명주기 함수를 지우지 않고 놓아두면 성능적으로 좋지 않다.

• Vector :

  • 크기와 방향만 존재할 뿐이지 위치에 대한 정보가 없다는 특징이 있음.

  • 플레이어 좌표에서 몬스터 좌표를 빼면 몬스터 좌표에서 플레이어를 바라보는 벡터가 나옴

  • 만약 플레이어는 하나인데 몬스터는 여러마리 일 경우 다음과 같은 경우가 발생할 수 있음:

    • 이 경우 벡터의 방향은 같지만 크기가 각자 다름
    • 이렇게 되면 몬스터 들의 속도가 달라짐.
    • 벡터의 크기가 작은 녀석은 느린 속도로 플레이어를 향해 이동할 것이고,
    • 벡터의 크기가 큰 녀석은 빠른 속도로 플레이어를 향해 이동할 것임.

  • 이 경우 필요한 것이 정규화인데, 정규화를 하면 크기는 초기화 하고 방향만을 남길 수 있게 된다.

  Q. 정규화?

  👉 어떠한 벡터를 단위 벡터로 만드는 것을 정규화(Normalization)라고 하는데, 여기서 단위 벡터(unit vector)란, 방향을 가지는 크기가 1인 벡터를 뜻한다.

  • vector의 크기만 남기기: magnitude
  • vector의 방향만 남기기: normalized

📍겪은 어려움

• new로 새로운 객체를 만들어주면 일어나는 일:

  • 내가 겪은 어려움은 아니지만, 셍명주기 함수의 순서를 정리하던 중 다른 분이 가르쳐주셨던 신기한 오류를 기록해둔다.
  • 다음과 같이 new를 통해 test에 TestScript 를 할당해준다.
  • 여기서 문제: 그럼 test는 null인가?
  • 나는 test 변수 안에 new로 TestScript를 넣어줬으니 당연히 null이 아닐 것이라고 대답했다.
  • 그리고 결과는... :

    using UnityEngine;
    
    public class TestScript2 : MonoBehaviour
    {
       TestScript test;
    
       private void Awake()
       {
           test = new TestScript();
       }
    
       private void Start()
       {
           if(test == null)
           {
               Debug.Log("test은 null이다.");
           }
           else
           {
               Debug.Log("test은 null이 아니다.");
           }
       }
    }

• 대체 왜?! :

  • Unity에서는 MonoBehaviour를 new 키워드로 직접 생성할 수 없움

  • MonoBehaviour는 Unity가 씬(Scene) 위에 붙는 컴포넌트로, 반드시 GameObject.AddComponent<>()로 생성해야 한다.

  • MonoBehaviour는 Unity 엔진 내부에서 생성과 수명 관리를 하기 때문에, 개발자가 new로 만들면 Unity가 인식하지 못해서 문제가 생긴다!

  • 때문에 test에 무언가가 들어있음을 제대로 체크하려면 TestScript에서 MonoBehaviou를 상속받는 부분을 없애던가, 아래 코드처럼 AddComponent를 통해 붙여주어야 함!!

  GameObject obj = new GameObject("MyObject");
  TestScript script = obj.AddComponent<TestScript>();

📍회고 및 반성

• 암호화 공부를 못했다... 특강이 있었던 것을 감안해도 하루열 두시간이 적은 시간은 아닌데, 그 시간에 온전히 집중하지 못한 것 같아서 조금 아쉬움.
• 내일은 꼭 ATM 코드 리펙토링 및 리드미 작성까지 끝낸 다음에, 과제 제출 하고, 2주차 강의 마저 듣고, 암호화 공부까지 하는 걸로!
• 최종 전 마지막 팀플이 얼마 남지 않았으니 최선을 다하자!

• ATM 만들기 (3)

  • 회원가입 기능 구현
  • 로그인 기능 구현
  • 송금 기능 구현

📍학습 내용

• 기능 구현 전 기존 코드 수정:

  • 로그인/회원가입 기능 구현을 위해 UserData에 ID, PW정보를 추가
  • 저장 또한 이름이 아닌 ID로 저장되도록 만듦.

  public UserData(string _name, int _cash, int _bankBalance, string _id, string _pw)
  {
      userName = _name;
      usercash = _cash;
      bankBalance = _bankBalance;
  
      userID = _id;
      userPW = _pw;
  }

  • 반복적으로 안내/경고 창을 띄워줘야 하는 상황이 발생해서 ErrorPopup 메서드를 다음과 같이 수정함:

  public void ErrorPopup(string message)
  {
     errorText.text = message;
     popupError.SetActive(true);   
  }

• 회원가입 기능

  

  • 있어야 하는 기능:
    • ID, Name , PW , PW Confirm 으로 구성
    • 하나라도 비어있으면 “정보를 확인해주세요” 라는 안내 메세지가 뜸
    • PW 와 PW Confirm 가 다를 경우에도 안내 메세지가 떠야함
    • ID , Name , PS 에 공백이 있다면 다시 입력
    • 기존에 사용하는 ID 라면 “다른 ID를 입력해주세요”
    • PW 와 PW Confirm 는 값을 입력하면 ***로 보이도록 해야함

• 코드(Login.cs):

  using UnityEngine;
  using UnityEngine.UI;
  
  #nullable enable
  
  public class Login : MonoBehaviour
  {
     public InputField loginField_ID;
     public InputField loginField_PW;
  
     public void Start()
     {
         this.gameObject.SetActive(true);
     }
  
     public void OnClickLoginBtn()
     {
         UserData? user = DataManager.Load(loginField_ID.text);
  
         if (user == null)
         {
             GameManager.Instance.popupBank.ErrorPopup("존재하지 않는 회원입니다.");
             return;
         }
         else if(user.userPW != loginField_PW.text)
         {
             GameManager.Instance.popupBank.ErrorPopup("올바르지 않은 비밀번호입니다.");
             return;
         }
  
         GameManager.Instance.StartBank(user);
         this.gameObject.SetActive(false);
     }
  }

• 로그인 기능

  

  • 있어야 하는 기능:

    • PS 입력시 ***로 표기
    • 입력한 ID 가 데이터에 없을 시 “존재하지 않는 회원입니다.”
    • ID 는 맞았지만 PW 가 틀렸을 시 “올바르지 않은 PW입니다.”
    • 로그인 성공시 로그인한 회원정보를 통해 ATM 기능을 이용할 수 있도록 함

  • 코드(SignUp.cs):

    using UnityEngine;
    using UnityEngine.UI;
    
    public class SignUp : MonoBehaviour
    {
       public InputField idField;
       public InputField nameField;
       public InputField pwField;
       public InputField confirmField;
    
       public Text guideText;
    
       private InputField[] signUpFields;
    
       public void OnClickSignUpBtn()
       {
           if(InputCheck())
           {
               //기본 현금 10만원 / 예금 5만원
               UserData newUser = new UserData(nameField.text,
                                                100000,
                                                50000,
                                                idField.text,
                                                pwField.text);
               DataManager.Save(newUser);
    
               GameManager.Instance.popupBank.ErrorPopup("가입이 완료되었습니다.");
               this.gameObject.SetActive(false);
           }
           else
           {
               //에러창을 띄운다.
               GameManager.Instance.popupBank.ErrorPopup("정보를 확인해주세요.");
           }
       }
    
       public bool InputCheck()
       {
           signUpFields = new InputField[4] { idField, nameField, pwField, confirmField };
           for (int i = 0; i < signUpFields.Length; i++)
           {
               //만약 아무것도 입력하지 않았거나, 입력값에 공백이 포함되어 있다면
               if (signUpFields[i].text.Length <= 0 || signUpFields[i].text.Contains(" "))
               {
                   Debug.Log($"{signUpFields[i].name}을 확인해주세요.");
                   guideText.text = $"{signUpFields[i].name}을 확인해주세요.";
                   return false;
               }
           }
    
           if (pwField.text != confirmField.text)
           {
               guideText.text = "PS가 일치하지 않습니다.";
               return false;
           }
    
           if(DataManager.CheckData(idField.text))
           {
               guideText.text = "이미 존재하는 ID입니다.";
               return false;
           }
           return true;      
       }
    }

• 송금 기능

  

  • 있어야 하는 기능:
    • 송금 대상이 존재하지 않는 ID라면 “대상이 없습니다.”
    • 송금하려는 금액이 내 계좌 잔액보다 크면 “잔액이 부족합니다”
    • 송금 대상/금액을 입력하지 않았거나 공백이 포함되어 있을 경우 “입력 정보를 확인해주세요.”
  • 코드(PopupBank.cs):

  public void OnClickSendBtn()
  {
     //입금할 상대의 정보를 불러옴
     UserData? user = DataManager.Load(opponentID.text);
     int money = int.Parse(sendMoney.text); 
  
     if (user == null)
     {
         ErrorPopup("대상이 없습니다.");
         return;
     }
     if(GameManager.Instance.Balance < money)
     {
         ErrorPopup("잔액이 부족합니다.");
         return;
     }
  
     //Load한 상대 계좌에 입금
     user.bankBalance += money;
     //내 계좌에서 입금하는 만큼의 돈을 차감
     GameManager.Instance.Balance -= money;
  
     //Load하고 수정한 유저 정보를 저장
     DataManager.Save(user);
  
     Debug.Log($"{user.userID}에게 {money}원 송금완료");
     ErrorPopup("송금완료");
  }

📍겪은 어려움

• Button에 등록할 메서드의 매개변수 문제

  • 송금 기능을 구현하려던 중 다음과 같이 코드를 짜고 등록해 주려니 메서드 목록에 안 뜨는 것을 발견.

  public void OnClickSendBtn(InputField opponentID, InputField sendMoney)
  {
     UserData? user = DataManager.Load(opponentID.text);
     int money = int.Parse(sendMoney.text);
  
     if (user == null)
     {
         ErrorPopup("대상이 없습니다.");
         return;
     }
     if (GameManager.Instance.Balance < money)
     {
         ErrorPopup("잔액이 부족합니다.");
         return;
     }
  
     user.bankBalance += int.Parse(sendMoney.text);
     GameManager.Instance.Balance -= money;
  
     DataManager.Save(user);
  
     Debug.Log($"{user.userID}에게 {money}원 송금완료");
     ErrorPopup("송금완료");
  }

  • InputField를 매개변수로 받아서 안 뜨는 것이라기엔 이미 InputField를 매개변수로 받는 메서드가 존재했음.

  • 지금까지의 메서드와 다른 점이라고는 매개변수가 두 개라는 것 뿐이라 해당 코드에서 매개변수 하나만 빼 보았더니 이번엔 정상적으로 뜨는 것이 확인됨

  • 그래서 두 개를 넣을 수 있는 방법을 찾기 위해 좀 더 실험해봄:

    • 배열 안됨
    • 리스트 안됨
    • 파람스 안됨
    • 튜플 안됨
    • 스트럭트로 묶어서 받기 안 됨

  • 구글링을 통해 좀 더 찾아보니 원래 버튼에 붙이는 메서드는 매개변수를 한 개만 쓸 수 있다고 함...

  • *안되는 이유: *

    • Button.onClick은 UnityEvent, 내부적으로는 매개변수 없는 UnityEvent.Invoke()를 호출함.
    • 인스펙터에서는 1개의 인자까지만 바인딩할 수 있도록 설계됨.
    • 따라서 void SomeMethod(int, string)처럼 2개 이상은 지원하지 않음.

  • 매개변수 두 개 이상 사용하려면:

    • 아래와 같이 AddListener로 코드에서 붙여준다면 매개변수를 여러 개 받아올 수 있음.

  public Button myButton;
  
  void Start()
  {
     // 람다를 통해 다중 인자 전달
     myButton.onClick.AddListener(() => RealMethod(123, "Hello")); 
  }
  
  private void RealMethod(int number, string message)
  {
     Debug.Log($"{number}, {message}");
  }

  • 해결방식: InputField opponentID와 sendMoney를 스크립트에서 public으로 받아와 매개변수 없이 구현해주었다.

  • 수정한 코드:

     public void OnClickSendBtn()
     {
         UserData? user = DataManager.Load(opponentID.text);
         int money = int.Parse(sendMoney.text); 
  
         if (user == null)
         {
             ErrorPopup("대상이 없습니다.");
             return;
         }
         if(GameManager.Instance.Balance < money)
         {
             ErrorPopup("잔액이 부족합니다.");
             return;
         }
  
         user.bankBalance += int.Parse(sendMoney.text);
         GameManager.Instance.Balance -= money;
  
         DataManager.Save(user);
  
         Debug.Log($"{user.userID}에게 {money}원 송금완료");
         ErrorPopup("송금완료");
     }

• 유니티에서의 nullable 사용

  • nullable을 사용하려니 다음과 같은 오류가 뜸:

• 해결: 코드 상단에 #nullable enable 를 붙여주니 오류가 뜨지 않았다.

📍회고 및 반성

• 드디어 ATM을 완성했지만 GameManager.cs의 역할이 모호하고 PopupBank.cs에 많은 기능이 몰려있어 구조 리펙토링이 필요해 보인다...
• 그래도 이번 과제를 통홰 json을 이용한 직렬화를 공부하고 적용해볼 수 있어서 좋았다!
• 남은 시간 동안에는 밀린 특강도 듣고, 이번 ATM 코드도 리팩토링 하고, 저장한 유저 정보를 암호화 하는 기술도 개인적으로 공부해서 적용해보고 싶음.
• 암호화는 최종 프로젝트 때도 필요할 테니 이번 프로젝트에 적용하지 못하더라도 꼭 공부해볼 것!

• ATM 만들기 (2)

  • 입/출금 기능 구현
  • json을 이용한 이용자 정보 저장

📍학습 내용

• 입/출금 기능 구현

  • 이미 프로퍼티를 통해 유저의 현금/계좌금액이 변동되면 자동으로 UI가 갱신되도록 만들어 둔 상태였기 때문에 입/출금 UI와 해당 버튼에 연결해줄 스크립트만 작성하는 되는 상황이었음.
  • 버튼에 붙여준 스크립트는 다음과 같다:

     public void Withdraw(int money)
     {
         if(GameManager.Instance.Balance < money)
         {
             ErrorPopup();
             return;
         }
  
         GameManager.Instance.Balance -= money;
         GameManager.Instance.Cash += money;
     }
  
     public void Deposit(int money)
     {
         if (GameManager.Instance.Cash < money)
         {
             ErrorPopup();
             return;
         }
  
         GameManager.Instance.Balance += money;
         GameManager.Instance.Cash -= money;
     }
  
     public void CustomWithdraw(InputField inputText)
     {
         if(int.TryParse(inputText.text, out int money))
         {
             Withdraw(money);
             inputText.text = "";
         }
     }
  
     public void CustomDeposit(InputField inputText)
     {
         if (int.TryParse(inputText.text, out int money))
         {
             Deposit(money);
             inputText.text = "";
         }
     }

• json을 이용한 이용자 정보 저장

  • 직렬화 특강에서 배웠던 방식을 이용했다. (아직 제대로 정리하지 못해서 TIL로 올리진 못했지만 추후 올리게 되면 링크를 달아두겠음.)
  • 내가 작성한 코드:

  using UnityEngine;
  using System.IO; // 파일 입출력을 위한 네임스페이스
  
  public static class DataManager
  {
     public static void Save(UserData data)
     {
         // 저장 폴더가 존재하지 않으면 생성
         if (!Directory.Exists(Application.persistentDataPath + $"/UserData"))
         {
             Directory.CreateDirectory(Application.persistentDataPath + $"/UserData");
         }
  
         // saveDataf JSON 문자열로 변환
         string saveData = JsonUtility.ToJson(data, true); // true: 보기 좋은 포맷(줄 바꿈 포함)
  
         // JSON 문자열을 파일로 저장
         File.WriteAllText(Application.persistentDataPath + $"/UserData/{data.userName}.txt", saveData);
  
         Debug.Log("데이터 저장됨");
         Debug.Log(Application.persistentDataPath);
     }
  
     public static UserData Load(string userName)
     {
         //사용자 데이터가 없으면 기본 데이터를 들려 보내줌
         if (!File.Exists(Application.persistentDataPath + $"/UserData/{userName}.txt"))
         {
             Debug.Log($"사용자 {userName}의 데이터가 없습니다! 기본 데이터를 생성합니다.");
  
             return new UserData("윤혜진", 100000, 50000);
         }
  
         string loadData = File.ReadAllText(Application.persistentDataPath + $"/UserData/{userName}.txt");
  
         Debug.Log($"사용자 {userName} 데이터 로드됨");
         return JsonUtility.FromJson<UserData>(loadData);
     }
  }

📍겪은 어려움

• 입/출금 버튼 스크립트

  • 처음에는 아래 코드처럼 1,3,5만원 입/출금 버튼에 붙일 메서드들을 일일이 하나씩 만들어주었음.
  • 아래는 수정 전 코드:

  public void OnClickDeposit_10000()
  {
     Deposit(10000);
  }
  
  public void OnClickDeposit_30000()
  {
     Deposit(30000);
  }
  
  public void OnClickDeposit_50000()
  {
     Deposit(50000);
  }
  
  public void OnClickWithdraw_10000()
  {
     Withdraw(10000);
  }
  
  public void OnClickWithdraw_30000()
  {
     Withdraw(30000);
  }
  
  public void OnClickWithdraw_50000()
  {
     Withdraw(50000);
  }
  
  public void Withdraw(int money)
  {
     if(GameManager.Instance.Balance < money)
     {
         ErrorPopup();
         return;
     }
  
     GameManager.Instance.Balance -= money;
     GameManager.Instance.Cash += money;
  }
  
  public void Deposit(int money)
  {
     if (GameManager.Instance.Cash < money)
     {
         ErrorPopup();
         return;
     }
  
     GameManager.Instance.Balance += money;
     GameManager.Instance.Cash -= money;
  }

  • 하지만 입출금 버튼을 위해 총 8개의 메서드를 만들어주어야 한다는 것이 굉장히 비효율 적으로 느껴졌기 때문에 다른 방법을 강구해보기로 함

  • 이 문제로 주변에 도움을 구했을 때는 버튼 컴포넌트를 받아온 뒤 AddListener를 통해 연결하라는 조언을 받았는데, 두 가지가 마음에 걸려 후순위로 미뤄두었다.

    1. 스크립트 내에서 버튼의 이벤트를 연결하면 해당 버튼에 어떤 메서드가 연결되어있는지 인스펙터 창에서 직관적으로 확인할 수 없게되므로 디버깅이 어려워질 수도 있다던 튜터님의 말씀이 생각나서 (사실 이 부분은 취향차이일 수 있지만 나 또한 공감하는 바가 있었으므로 최대한 지키고 싶었다.)
    2. 메서드 수는 줄일 수 있겠지만 결국 스크립트에 버튼 6개를 연결해주어야 해서 (6개나 손수 할당해주기 싫었다)

  • 다른 방법을 고민하던 중, 문득 버튼에 연결하는 메서드도 매개변수를 받아올 수 있을까? 하는 의문을 가지게 됨

  • 실험 결과 매개변수가 있는 메서드를 넣으면 다음과 같이 인스펙터 창에 값을 입력할 수 있는 란이 생기는 것을 확인할 수 있었다:

  • 생각보다 간단한 방법으로 해결하게 되었지만, 나처럼 몰랐던 사람도 분명히 있었을 것 같아서 기록해둔다.

📍회고 및 반성

• 최근들어 과제를 빨리 완성하고 싶다는 조바심 때문인지, TIL을 작성하는 중에도 내가 온전히 집중하지 못하고 있다는 기분이 든다.
• 그러다보니 시간은 더 오래 걸리고, 오래 걸리는 만큼 TIL을 쓰는 것이 거추장스럽게 느껴지고...
• 하지만 TIL은 잘 잊는 나를 위해 그날 무엇을 했는지 정리하고, 후에 되새길 수 있도록 기록하는 행위임을 잊지 말자!
• 하나의 프로젝트를 진행하고 완성하는 것도 중요하지만, 그 경험을 기억하지 못하고 흘려보낸다면 의미가 없으니 TIL에 소홀해지지 말 것!
• 느린건 익숙해지는 만큼 빨라질 수 있고, 오늘의 기록은 내 미래의 헛발질을 줄여줄테니까😊 아자아자!!

• ATM 만들기 (1)

  • UI 배치
  • 데이터와 UI 연동
  • 버튼을 통한 입/출금 UI창 변경

📍학습 내용

• UI 배치

  • 내가 구현한 방식:
    • 나름 앵커를 설정해서 잘 구현했다고 생각했지만, Free Aspect로 설정하고 화면을 위 아래로 늘리니 보이지 않는 UI가 생겼음.
    • 튜터님의 피드백을 통해 아래처럼 늘려도 UI가 잘 보이도록 앵커를 변경해주었다.

• 받았던 피드백:
  • 앵커를 신경써주어야 함
  • 신경쓰지 않으면 어떤 환경에서는 UI가 제대로 출력되지 않을 수 있음
  • 요즘은 디스플레이 크기가 다양하기 때문에 1:1~1:2.5 비율까지 신경써주면 좋음
  • 일단 1920:1080 크기로 작업하고, 테스트할 때는 Free Aspect로 설정하고 늘리고 줄이며 테스트 하는 습관을 들일 것
  • BackGround 같은 경우에는 아래처럼 앵커를 설정해줄 것!!

• 데이터와 UI 연동

  • 내가 구현한 방식:
    • Canvas에 UI를 관리해주는 UIManager 스크립트를 붙여 GameManager에서 값을 변경할 때마다 UIManager에 있는 프로퍼티를 통해 UI의 값 또한 변경해주는 코드를 짬.
    • 자세한 코드는 아래 겪은 어려움 란에서!!
  • 받았던 피드백:
    • 잘 구현해주었으나 조금 돌아가는 느낌이 듦.
    • 클래스를 두 개 나눌 필요 없이 GameManager에서 바로 Text 컴포넌트를 받아와서 수정해주어도 충분!

• 버튼을 통한 입/출금 UI창 변경

  • 내가 구현한 방식:

    • OnValidate()에서 Find() 메서드를 통해 UI창들을 찾아서 스크립트로 연결해줌.

    private void OnValidate()
    {
        UI_Deposit = transform.Find("Deposit").gameObject;
        UI_Withdraw = transform.Find("Withdraw").gameObject;
        ATM = transform.Find("ATM").gameObject;
    }

  • 받았던 피드백:

    • Find()로 찾아 연결하는 방식은 나중에 이름이 바뀌었을 때 오류가 날 수도 있음
    • 이 정도는 Inspector창에서 직접 연결해주는 편이 낫다.
    • 만약 연결하려는 객체가 기능이 많아서 각자의 클래스를 들고 있는 상태라면, 자식 객체가 생성되는 순간 자식의 Awake에서 부모에게 걔가 나다! 하고 연결해주는 방식을 사용하는 편이 좋다. => 기억했다가 나중에 써먹어볼것!

📍겪은 어려움

• 프로퍼티를 이용한 데이터 연동에서 일어난 오류

  • 프로퍼티는 데이터가 변경되는 것을 감지할 수 있기 때문에 데이터와 UI를 연결하는 부분에서도 써먹을 수 있을 거라 생각했음.
  • 나의 계획: GameManager에서 UsetData를 변경하면, set에서 UI의 텍스트를 변경시켜주는 함수를 실행시킨다.
  • 결과: 그런데 데이터를 변경시켜주어도 UI의 텍스트는 변경되지 않았다.
  • 추정: 프로퍼티가 get과 set을 감지하려면 프로퍼티 본인을 변경하거나 가져와야 하는데, UsetData나 Text의 프로퍼티를 만들어봤자 본인이 아닌 그 안의 string 변수를 건들이기 때문에 제대로 감지하지 못하는 것 같았다.
  • 그렇게 생각한 이유:

  public Text balanceText;
  public Text BalanceText
  {
      get { return balanceText; }
      set
      {
          BalanceText = balanceText;
          Test();
      }
  }
  
  private void Start()
  {
      BalanceText.text = "10000";
  }
  
  public void Test()
  {
      Debug.Log("Text.text를 변경해도 프로퍼티가 제대로 감지함!");
  }

  • 프로퍼티가 BalanceText.text를 변경할 때도 변화를 감지한다면 Test 메서드가 실행되면서 설정된 log가 뜰 것임.
  • 결과: 보다시피 Balance의 text값은 바뀌었지만 Text() 메서드는 실행되지 않았다...

• 수정한 방식:

  public Text balanceText;
  private int balance;
  public int Balance
  {
      get { return balance; }
      set
      {
          balance = value;
          balanceText.text = Formating(balance);
          Test();
      }
  }
  
  private void Start()
  {
      balance = 10000;
  }
  private string Formating(int num)
  {
      return string.Format("{0:N0}", num); 
  }
  
  public void Test()
  {
      Debug.Log("프로퍼티가 제대로 작동함");
  }

• UserData에서 각 필드의 프로퍼티를 만들거나, UIManager에서 Text 프로퍼티를 만드는 대신, int형 프로퍼티를 새로 만들고 이 int형 Balance 프로퍼티가 수정될 때마다 balanceText.text의 값도 수정되도록 만들었다. (해당 코드에서 사용된 Formating 메서드는 천 단위마다 ,를 찍어주는 메서드이다.)

• 결과: 잘 변경된다!!!!!!

📍회고 및 반성

• UI 수업 때 배웠던 디자인 패턴도 잘 써보고 싶었는데 생각만큼 잘 되지 않았다... (옵저버 패턴 같은 거)
• 그래도 구현하고 비교해보니 내가 프로퍼티로 구현한 것도 MVC라는 패턴에 속하는 것 같았음.
• 시간이 남는대로 디자인 패턴도 공부하고 정리해보고 싶다!
• 적용할만한 디자인 패턴을 발견하면 과거 작업물들을 리팩토링을 하며 적용해보는 것도 괜찮지 않을까? 일단 염두에 두기!

• 팀 프로젝트 마감 및 발표
  • 팀 프로젝트 소개
  • GitHub Link

📍학습 내용

• 팀 프로젝트 마감 및 발표

  • GitHub Link 👉 https://github.com/STTBI/STB_Potal

📍회고 및 반성

• 사실 우리 팀이 포탈 모작을 만들긴 했지만 포탈 부분을 내가 구현한 것은 아니므로 포탈을 구현하는 법에 대해서 완벽하게 이해하거나 통달하지는 못했다...
• 그 점이 아쉽기는 하지만, 포탈의 원리를 함께 찾아보고, 고민하고, 구현하는 모습을 지켜보는 과정에서 얻는 점은 확실히 있었던 것 같다. (진짜 아이디어만 있다면 뭐든 구현할 수 있구나 싶더라.)
• 이번에는 인터페이스를 이용한 오브젝트간의 상호작용을 중점으로 코딩하게 되었고, 이 역할을 맡으면서 배우는 것도 많았지만 내 실력이 는다면 포탈 기능을 구현하는 것도 해보고 싶다!
• 이건 우리 팀이 포탈을 어떤 식으로 구현해야 할 지 고민했을 때 많은 도움을 받은 영상!!
• 기록을 위해 링크를 남겨둔다 👉 https://youtu.be/IZ4mjwZBWtk?si=ujDbUK-Yd95w6WQg

• Unity 숙련 주차 - 팀 프로젝트
  • Title UI 작업
    • 버튼 애니메이션
    • 스크롤뷰
  • 트러블슈팅

📍학습 내용

• 버튼 애니메이션

  • 포탈 느낌을 내고싶었기 때문에 UI 디자인은 다음 사진을 참고했다.

  1. 버튼 컴포넌트 추가

  2. 버튼의 자식으로 있는 텍스트에 각 메뉴 이름을 써준다.

  3. 버튼의 transition을 Animation으로 변경해준다. 👉 관련 TIL 링크

  4. Auto Generate Animation 버튼을 클릭

  

  5. 클릭하면 애니메이터와 애니메이션이 자동으로 생성된다.

  

  6. 마우스를 올렸을 때 효과를 주고 싶은 것이므로 **Hightghted 애니메이션을 다음과 같이 설정해주었다.** (Add Property를 하나하나 설정해주면 귀찮았겠지만 빨간색 녹화 버튼을 누르면 수정한 프로퍼티가 자동으로 추가되므로 이걸 잘 이용하면 편하다)

**7. 마우스가 떨어질 때도 정확히 반대의 애니메이션을 넣어주고 싶었는데, 자동으로 만들어지는 상태로는 잘 구현되지 않아 `Exit`라는 애니메이션을 만들어 다음과 같이 추가로 만들어주었다.** (상태가 nomal이 되면 해당 화살표를 타고 Exit 애니메이션을 실행한다.) ![](https://velog.velcdn.com/images/gyul_is_yummy/post/d87293b1-2198-49c0-b6ef-fdca0f542132/image.png)
**8. 나온 결과물 :**
![](https://velog.velcdn.com/images/gyul_is_yummy/post/7ebc1843-77db-4d0f-8550-556a0cab81d6/image.gif)

• 스크롤뷰

  • 버튼을 누르면 나타날 UI를 배치하는데, 수없이 만들어질 세이브 파일들을 저 화면에 다 욱여넣는 건 무리라고 생각했음.

  • 그래서 유니티에서 스크롤 UI를 만드는 방법을 찾아서 적용했다.

    • 참고 블로그 👉 Unity UGUI 스크롤뷰(ScrollView) 사용법 간단 정리

  • Movement Type (이동 유형)

    • Unrestricted : 콘텐츠가 제한 없이 이동 (끝없는 스크롤 가능)
    • Elastic : 콘텐츠가 끝에 닿으면 튕기는 효과
    • Clamped : 콘텐츠가 끝에 닿으면 더 이상 이동하지 않음

  • Visibility (스크롤바 표시 옵션)

    • Permanent : 항상 표시
    • Auto Hide : 사용하지 않을 때 숨김
    • Auto Hide And Expand Viewport : 사용하지 않을 때 숨기고 Viewport 크기 확장

  • 위와 같이 설정을 하고 나온 결과물은 다음과 같다:

    • 세로 스크롤만 필요했기 때문에 Vertical 만 체크하고
    • 목록의 끝에서 휠을 굴리면 탄성 효과가 나오길 원했기 때문에 Elastic 으로 설정했다.
    • 목록이 동적으로 늘어나기를 원했기 때문에 Auto Hide And Expand Viewport 으로 설정했다.

📍겪은 어려움

• 메뉴 버튼을 못 찾아오는 현상 발생

  

  • OnValidate를 통해 코드로 Button 컴포넌트를 등록해주었는데, 딱히 잘못된 부분이 없어보임에도 버튼을 찾아오지 못했다. (각 메뉴들 또한 버튼 컴포넌트가 잘 붙어있었다.)
  • 시도1:
    • Find로 자식 오브젝트를 찾아올 수 있는 걸로 알고 있지만, 혹시나 잘못 알고 있는 걸지도 모른다는 생각이 들어 손자까지 찾을 수 있는 메서드를 따로 만들어 실행해보았다.
    • 손자까지 찾을 수 있는 메서드 (Utill.cs) :
    • 결과 : 여전히 찾아오지 못했다.
  • 시도2:
    • 혹시 문자열로 찾아오기 때문에 문자가 생기는건가 싶어 transform.GetChild(index)를 통해 찾아오도록 코드를 변경함
    • 결과 : 여전히 못 찾아옴...
  • 진짜 원인:
    • 문득 내가 어제 버튼과 문의 상호작용을 구현하며 버튼에 붙여줄 클래스명을 Button으로 했다는 사실이 기억났다.
    • 아니나 다를까 using문에도 UnityEngine.UI가 포함되어있지 않았다.
    • 즉, GetComponent는 우리가 아는 일반적인 버튼 컴포넌트가 아닌 내가 만든 클래스 Button이 붙은 녀석을 찾고 있었기 때문에 메뉴들을 찾지 못하고 인스펙터창에 None을 띄운 것.
    • 해결방법 : Button 클래스의 이름을 TriggerButton으로 바꿔주었더니 잘 돌아갔다.

📍회고 및 반성

• 앞으로 클래스 명을 정할 때에는 기존 컴포넌트와 겹치지 않는지 확인하고 짓는 습관을 들여야 할 것 같다...
• 팀 프로젝트에 들어가고 바빠지면서 TIL에 소홀해진 것 같다. 완벽하지 않아도 되고, 그냥 메모장처럼 간단히 쓴 내용이어도 좋으니 꾸준히 올리려고 노력할 것! 완성도에 집착하지 말자!

• Unity 숙련 주차 - 팀 프로젝트

  • 트러블슈팅

📍학습 내용

• 우리 팀은 이번 3D 팀 프로젝트에서 포탈을 구현해보기로 했는데, 내가 맡은 부분은 버튼과 문의 상호작용이었다.
• 내가 구현해야 했던 것:
  • 박스나 플레이어가 버튼 위로 올라오면 충돌 처리를 해서 내려가야 함
  • 문은 버튼이 눌리고 떨어지는 것을 실시간으로 감지하고 열려야 함
  • 때문에 Button과 Door클래스를 만들어 Button에서 눌림을 감지하는 bool 변수가 true가 되면 Door 스크립트에서 문을 열어주고, flase가 되면 문을 닫아주는 형식으로 해당 기능을 구현함.
• 생긴 문제:
  • 나는 버튼 하나와 문 하나를 연결해주는 경우만 생각하고 코드를 짰는데, 원작 게임인 포탈을 다시 살펴보니 버튼이 하나가 아닌 경우도 있었고 문을 여는 오브젝트가 버튼이 아니라 다른 오브젝트인 경우도 있었다.
• 해결 방식:
  • Door와 연결된 오브젝트들을 모두 모아 관리해주고, Door에게 신호를 보내주는 DoorManager 라는 클래스를 만들어 주었다.
  • 또한 버튼이 아니라 다른 오브젝트들이 사용될 경우를 상정해 ITriggerObject 라는 인터페이스를 만들어주었다.
  • DoorManager에서는 triggerObject = GetComponentsInChildren<ITriggerObject>(); 코드를 통해 ITriggerObject를 상속받은 자식들을 전부 찾아와 저장하므로, 버튼이 아닌 다른 오브젝트로 문을 열고 싶다면 ITriggerObject 인터페이스를 상속시키기만 한다면 버튼처럼 쓸 수 있다.
• 실제 작성 코드:

using UnityEngine;

public interface ITriggerObject
{
   bool TriggerCheck { get; set; }
   void Enter();
   void Exit();
}

public class DoorManager : MonoBehaviour
{
   public ITriggerObject[] triggerObject;
   public Door door;

   private void OnValidate()
   {
       triggerObject = GetComponentsInChildren<ITriggerObject>();
       door = GetComponentInChildren<Door>();
   }

   private void Update()
   {
       Decision();
   }
   public void Decision()
   {
       for (int i = 0; i < triggerObject.Length; i++)
       {
           if (triggerObject[i].TriggerCheck == false)
           {
               door.Close();
               return;
           }
       }
       door.Open();
   }
}

• 개선해야 할 사항:
  • Decision 이 Update 에서 계속 돌고 있으므로, 이 부분을 리팩토링해야 할 필요성이 있음. 나중에 꼭 개선할 것!!

진짜 도저히 못 옮기겠음 Velog에는 시간 나면 옮겨보도록 하겠습니다,,,