크래프톤 정글 WEEK13 Day 99 개인별 과제 - 유니티 3D로 게시판 만들기

📆2024.04.16

 

유니티 3D로 게시판 만들기(멀티 플레잉)

아키텍처 - 유니티 , 뒤끝(서버)

기능 요구사항

- 회원가입 / 로그인
- 게시물 작성
- 게시물 목록보기
- 게시물 읽기

 

---

🙆‍♀️알게 된 점 & 까먹은 점

 

1. UnityYAMLMerge 

 

유니티 협업을 하다보면 서로가 같은 씬과 프리팹을 수정하다보니 머지 시 충돌이 일어나는 일이 있었다.

이 충돌을 해결하기 위해서 찾아보니 Unity에서 제공하는 UnityYAMLMerge 라는 공식 merge tool을 사용하면 씬이랑 프리팹을 제대로 merge할 수 있다고 한다.

Unity git 시작 & UnityYAMLMerge

 

2. 텍스트 매시 프로 한글이 네모로 나올 때

 

1. 유니티 텍스트에서 프로 한글용 폰트 생성

 - 원하는 유니티 텍스트 폰트를  Window > TextMeshPro > Font Asset Creator 에서 텍스트 매시 프로용 폰트로 생성한다.

 

2. 유니티 텍스트 메시 프로 한글 폰트 적용

- 생성한 폰트 파일을 누르고 인스펙터 창을 보면 Generation Setting 부분에 Atlas Population Mode에 Dynamic을 선택해주고 Sampling Point Size를 3-40 정도로 맞춰 준다.

[유니티] 텍스트 메시 프로 한글이 네모로 나올때 (Text Mesh Pro 한글 세팅)

 

3. IndexOf 메서드

- 리스트에서 지정된 요소의 인덱스를 반환합니다. 이 메서드를 사용하여 리스트에서 특정 요소의 인덱스를 찾을 수 있습니다

 

4. button.onClick.AddListener(() -> 함수(인자));

인자가 있는 함수를 사용하려면 람다식으로 해야한다.

 

5. 프리팹에 child object들은 Find() 함수를 사용해서 찾아줘야한다.

 

서버

- 서버는 처음이라 아직 잘 모르겠다.

- 뒤끝 서버는 무조건 매칭 서버에 접속을 하고 대기방을 만들고 매칭이 성사되야 인게임 서버로 접속할 수 있기 때문에 3가지를 다 만들어줘야 한다.

---

💥Trouble Shooting

 

0. 각 게시글의 데이터를 DB에는 저장해놨지만 로컬에는 어떻게 저장할 것이고 가져올 것인가? 

해결방안) 각 게시글에 맞는 데이터를 구조체 배열을 하나 생성해서 저장해서 가져왔다.

    public struct PostData
    {
        public string title;
        public string content;
        public string inDate;
        public string id;
    }
    //게시글 정보를 저장할 구조체 리스트
    public List<PostData> postDataList = new List<PostData>();

 

1. 게시글 불러오기

게시글을 불러오는 과정에서 버튼을 누를 때마다 기존에 있는 게시글이 또 불려와서 UI가 계속해서 생성되는 문제 발생

 

<해결 방안>

GetPost() 함수 안에서 게시글을 조회하고 게시글 데이터를 저장할 구조체에 추가해주기 전에 기존의 게시글 데이터를 모두 삭제하고 리스트에 추가해주는 방안으로 해결하였다.

UI 생성 부분에서도 기존의 게시글 UI 요소를 모두 삭제하고 새로운 게시글 데이터를 이용해서 UI 요소를 생성해주었다.

 

2. 게시물 읽기 & 삭제하기

게시글 UI를 누르면 해당 게시글의 데이터 (title, content)가 보여지지 않는 문제 발생,

삭제하기 버튼을 누르면 해당 게시글의 데이터가 콘솔에는 삭제가 잘 되지만, UI 삭제가 잘 되지 않는 문제 발생

 

<해결방안>

첫 번째 문제를 해결하기 위해서 각 게시글의 데이터를 인덱스로 구별해주고 있었다. 그러나 삭제하기 부분에서 해당 게시글이 삭제가 되면서 인덱스가 꼬이기 시작해서 인덱스 에러가 계속해서 발생했다. 그래서 인덱스로 확인하는 것이 아닌 각 게시글의 고유 번호(id)인 inDate로 해당 게시글의 내용을 보여주고, 삭제하도록 했다.

또한 해당 inDate에 맞는 GameObject를 저장하기 위해 딕셔너리 자료구조를 생성했다.

public Dictionary<string, GameObject> postObjectDic = new Dictionary<string, GameObject>();

 

딕셔너리는 중복 키를 허용하지 않기 때문에 중복 키 방지 예외처리를 해줘야 한다. -> 안하면 에러 나요..

// 중복 키 방지
if (!postObjectDic.ContainsKey(postData.inDate))
{
   //딕셔너리에 게시글 데이터와 게시글 UI 요소를 추가
   postObjectDic.Add(postData.inDate, postObject);
}

 

ContainsKey() 함수를 사용해서 해당 inDate가 있는지 확인하고 딕셔너리에 게시글 데이터와 게시글 UI 요소를 추가한다. 

 

---

회고

 

개인별 과제인 게시판 만들기를 유니티로 구현하는 것을 끝냈다.

2인팀으로 구성해서 만들었는데 자연스레 나는 클라이언트 부분을 맡아 했고 동료 분은 서버를 맡았다.

사실 처음에 서버를 내가 하겠다고 다짐했는데 너무너무너무 어렵고 이해가 안가서 바꿔달라고 했다.. 클라이언트 개발자가 서버도 해보는 게 좋다고 했는데 아직 클라이언트도 부족한 점이 많다고 느껴서 서버보다는 클라를 하는게 낫다고 생각이 들었다.

그래서 나는 플레이어 이동(조이스틱 기반) & 카메라 이동(터치 패드) 그리고 게시판 기능을 구현하였다. 회원가입/로그인은 같은 팀원이 했다.

유니티를 오랜만에 사용하다보니 까먹은 게 많아서 이번 2주간은 다시 익숙해지는 시간으로 활용했던 것 같다.

또한 협업은 처음이라 같이 하면서 배운 점도 많았다.