sungmin08 님의 블로그

✅ ⏱ 시간 포맷 관련 수학 개념 정리📘 1. 초 → 분:초 변환 공식전체 초에서 분(min) 은 전체초 / 60남은 초(sec) 는 전체초 % 60수학식:minutes = totalSeconds ÷ 60 seconds = totalSeconds % 60예:totalSeconds = 125minutes = 125 ÷ 60 = 2seconds = 125 % 60 = 5=> 02:05📘 2. C# 예제 코드int totalSeconds = 125;int minutes = totalSeconds / 60; // 2int seconds = totalSeconds % 60; // 5string formattedTime = string.Format("{0:00}:{1:00}", minutes, secon..

🧠 1. React는 뭔가요?React는 프론트엔드 라이브러리예요.쉽게 말하면, 웹사이트의 화면(UI)을 만들기 위한 JavaScript 도구입니다.HTML로만 화면을 만들면 복잡해지고 관리가 어려워져요.React를 쓰면 컴포넌트 단위로 웹페이지를 쪼개서 만들 수 있어요.📌 예: 쇼핑몰 화면을 '헤더', '상품 목록', '장바구니' 등으로 쪼개서 코드로 만들 수 있어요. ⚡ 2. Vite는 뭔가요?React 자체는 그냥 JavaScript 코드예요.근데 이 코드를 웹브라우저에서 실행하려면 **복잡한 작업(번들링, 변환 등)**이 필요해요.예전에는?create-react-app이라는 도구를 써서 준비했어요.하지만 느리고 복잡했어요.요즘은?Vite라는 도구를 씁니다! 훨씬 빠르고 간단해요.Vite는 Re..

Unity에서 모바일 앱/게임 제작 시 네크워크, 카메라, 저장소 접근 등특정 작업을 하기 위해선 Manifest에 선언하는 작업을 해야한다. ✅ 1. INTERNET📌 Manifest 선언 🧠 설명Firebase, REST API, UnityWebRequest 등 모든 네트워크 통신에 필수 권한이야.권한 요청 UI 없이 자동 적용됨. 💻 Unity 코드 예시using UnityEngine.Networking;IEnumerator SendData(){ UnityWebRequest request = UnityWebRequest.Get("https://api.example.com/data"); yield return request.SendWebRequest(); if (request.r..

이번에 유니티 6.0으로 앱을 개발하던중 firebase 패키지를 임포트 할 일이 생겼다. 하지만 임포트 후 핸드폰에 빌드했을 때 앱이 실행 자체를 못하고 계속 튕기는 현상이 있었다.정답은 아래 이미지였다. 위 세팅에서 기본값이 GameActivity로 되어있을 것이다. Activity로 체크해주면 튕기지 않고 잘 된다... 이유는 아래 설명을 참고하시길.. 사실 나도 잘 모르겠다 Unity 6.0 버전이라 이런 에러가 나는 것 같기도 하다. ● 왜 Activity(UnityPlayerActivity)로 돌리면 바로 해결됐을까?구분GameActivity (문제발생)Activity (문제해결)Unity 진입점GameActivity (신규)UnityPlayerActivity (기존)Firebase가 제공하는..

n개의 토글버튼이 있을 때 하나의 토글 선택 시 나머지 토글은 꺼져야하는 상황 구현해보기!

씬로딩 미리보기 로딩은 앱/게임에서 흔히 볼 수 있는데 씬로딩은 단순히 로딩되는 걸 보여주는 것보단 다른 중요한 이유가 존재한다.이 기능의 씬 로딩은 비동기(Async) 씬 로딩이라 부르며 같이 한번 알아보도록 하자. ✅ 비동기(Async) 씬 로딩이 필요한 이유씬이 로딩되는 동안 앱이 멈추지 않고, 부드럽게 움직이게 하기 위해서-> 더욱 이해하기 쉽게 얘기하자면 메모리가 많을 경우 씬이 로딩 되는 속도가 늦어질 수도 있다. 씬 로딩이 늦어질 경우 사용자는 화면이 멈췄다고 착각 할 수 있기 때문에 비동기 씬 로딩을 사용하는 것이다. 또한 게임의 경우 이 로딩 시간동안 자연스럽게 게임 속 Tip을 제공할 수도 있다. 1. 로딩바 세팅하기1. 먼저 로딩바의 프레임과 그 안에 들어갈 로딩바 Image 2개를..

오늘 구현할 자동 슬라이드 Text 미리보기 오늘 구현해볼 것은 Text가 자동으로 슬라이딩 되는 기능이다.새로 추가된 업데이트나 새로운 소식을 사용자에게 제공해야 할 때 쓰면 유용 할 것 같다. 1. 하이어라키 세팅하기먼저 Canvas 안에 새로운 Text 2개를 생성한다. 생성한 text는 동일한 Transform에 배치한다. TodayNews오브젝트는 News Text 부모로 있는 뒤에 있는 배경이미지이다. 2. 코드 작성 및 설명※ 변수 선언 [Header("Text Objects")] public RectTransform textA; //News1 public RectTransform textB; //News2 [Header("Animation Settings")]..

앱이나 게임을 개발 할 때 거의 필수적으로 구현해야하는 것이 있다.그것은 바로 출석체크 시스템. 출석체크 시스템은 사용자의 재접속률을 높일 뿐만 아니라 지속적인 앱/게임의 사용을 촉진한다. 출석체크를 단계적으로 천천히 쉽게 구현을 하도록 해보자. UI 제작하기먼저 본인의 취향에 혹은 앱/게임의 분위기에 어울리는 출석체크 UI를 제작해준다.나는 보상 받기 버튼을 통해서 출석체크를 진행 할 예정이다. 로직 생각해보기코드를 작성하기 전에 우리는 어떤 로직으로 출석체크를 구현 할 지 생각해야 한다.먼저 나는 최초에 로직을 짤 때 간단하게 로컬로 처리하려고 했다. 하지만 로컬로 출석체크를 구현 했을 때의 문제점이 여러개 존재했다.로컬로 구현 했을 때의 큰 문제점1. 로컬로 구현했기 때문에 사용자가 앱을 종료하면 ..

가끔 유니티로 맵 디자인을 하다보면 아래와 같은 현상을 마주할 수 있다. 이는 Unity에서 흔히 발생하는 BackFace Culling(백페이스 컬링) 현상이다. Backface Culling 현상이 일어나는 이유는?Unity 에서는 기본적으로 메시에 있는 삼각형의 앞면(Face)만 렌더링 한다. 따라서 카메라가 메쉬의 뒷면을 볼 때는 아무것도 보이지 않게 된다. 여기서 앞면이란 평면(Plane)의 버텍스 순서에 따라 결정되는 면의 방향이다. ex) Unity에서 Plane은 기본적으로 앞면은 노멀(초록 화살표, y축)이 나가는 방향 ☆ 해결방법은 총 3가지 존재 ✅  방법 1: 양면 셰이더(Two-sided Shader) 사용1. 프로젝트창 -> 우클릭 -> Create -> Shader -> Sta..

Unity에서 Slider을 통해 캐릭터 체력을 만들어보자. ※본 글에서는 몬스터나 캐릭터 위에 뜨는 HP 체력바가 아닌 배틀그라운드 같은 게임처럼 특정 지점에 존재하는 체력 바를 구현할 것다. 1. 먼저 Slider 오브젝트를 추가해주자 2. 다음으로 Handle은 필요없으므로 지워주도록 하자.  속성명설명Interactable슬라이더를 사용자가 조작할 수 있는지 여부 설정Transition슬라이더 핸들에 적용할 전환 방식 (ex.Color, Tint, Animation 등)Target Graphic전환 효과를 적용할 UI 그래픽 (Handle 이미지)Color 설정들Normal, Highlighted, Pressed, Selected, Disabled 색상 설정Color Multiplier전환 색상의..