본문 바로가기

전체 글49

[Unity][UI Toolkit] Localization 적용 방법 Unity 6부터는 binding을 본격적으로 지원하기 시작하면서 Localization을 쉽게 할 수 있다고 한다.하지만 나는 지금 2022 버전을 쓰고 있어, Localization하는 방법을 따로 찾아야 했다.UI Toolkit이 처음 도입되었을 때는 uxml을 검사하면서 text=""나 tooltip="" 등 localization이 필요한 부분을 변환하는 파이썬 코드를 짰었다. 스크립트를 돌리면 자동으로 지원하는 locale 별로 uxml 파일이 생성되도록 했는데, 유지 및 보수 측면에서 아주 BAAAAAD... 그래서 이번에 2022 버전에서 UI Toolkit을 다시 이용하게 되었을 때는 다른 방법을 찾아봤는데, 감사하게도 아래의 코드를 발견할 수 있었다.https://gist.github... 앱 개발/Unity, C#2024. 12. 31.
[Next.js 14] 다국어 지원 방법 / Localization / Internationalization 응용(데이터 및 태그를 포함한 변환) [i18next] 아래의 예시처럼 특정 위치에 css를 다르게 적용하고 싶거나텍스트 중간에 사용자 닉네임이나 결제 예정일 등의 데이터를 포함하여 함께 Localization, 즉 다국어 지원을 해야한다면잘 찾아오셨습니다!  들어가기 앞서, 해당 글은 이전에 작성했던 i18next를 이용한 App router 기반 Localization 방법의 응용편입니다. [Next.js 14] App router 기반 Localization / Internationalization [i18next]다국어를 지원하는 웹에 들어가보면 드롭다운으로 언어를 바꾸고, 그에 맞게 텍스트가 휙휙 바뀌는 것을 본 적이 있을 것이다.이번 포스팅에서는 i18next 모듈을 이용해서 앱 라우터 기반의 Next.jshotsunchip.tistory.com .. 웹 개발/Nextjs 142024. 12. 13.
[Unity][Animancer] Layer pause / resume 하는 법 항상 생각하는 거지만 매뉴얼을 잘 보자.. Animancer - Playing AnimationsAfter you Download Animancer, you can add an AnimancerComponent to your model and control it with a script: Don't create an Animator Controller like you normally would. Animancer doesn't need them. Add a reference to the AnimancerComponent (let’s call itkybernetik.com.au  private void OnPlayButtonClicked() { if (_play.. 앱 개발/Unity, C#2024. 12. 13.
[Unity][UI Toolkit] uss에서 gap 옵션(child 사이 spacing) 구현하기 [USS] uss는 css처럼 유니티 UI Toolkit에서 스타일을 적용시킬 때 사용한다.웹 형식과 비슷해 더욱 쉽게 디자인할 수 있다는 장점이 있지만,아직 개발 단계라 css에서 제공하는 속성 중 적용되지 않는 것(line-height, gap 등)이 있다는 것이 단점이다. 특히, 웹을 할 때는 css에서 flex 속성과 함께 gap 속성을 주면 자식 요소를 간단하고 깔끔하게 정렬할 수 있었는데유니티 uss에는 해당 속성이 없어서 자식의 margin을 하나씩 다 설정해줘야 한다. (아래의 css 코드처럼 말이다)div > *:not(:last-child) { display: block; margin-bottom: 20px;} 그런데 문제는, uss가 not 선택자는 물론 last-child 선택자도 .. 앱 개발/Unity, C#2024. 11. 29.
[Unity][UI Toolkit] uss에서 first-child, last-child 구현하기 [USS] UI Toolkit -> UGUI (Nova) -> 다시 UI Toolkit으로 migration 하는 중...유니티 버전을 2021에서 2022로 업그레이드 하면서 UI Toolkit도 많이 안정되었구나 싶긴 했는데,그래도 여전히 기존 css에서 구현되는 기능이 다 사용 가능한 건 아니라 한계를 다시 체험하고 있다. 그 중에 제일 답답했던 것이 child 사이의 거리를 설정할 수 없는 것...웹을 할 때는 css에서 flex 속성과 함께 gap 속성을 주면 간단하고 깔끔하게 정렬할 수 있었는데,유니티 uss에는 해당 속성이 없어서 자식의 margin을 하나씩 다 설정해주는 방식으로 가야한다. 이 기능을 자동으로 해주는 스크립트를 작성하고 싶었다.그러기 위해서는 last-child를 알아야 했는데, 역시.. 앱 개발/Unity, C#2024. 11. 29.
[CSS] 이미지 위에 gradient 넣기 + 틈 없애기 다음 페이지로의 자연스러운 전환이나, 이미지 스크롤러의 양 끝에 자연스럽게 이미지가 사라지는 효과를 위해 background를 gradient로 설정한 div 태그 등을 넣기도 한다. 이때, graident 컴포넌트가 생기기는 하는데 이미지 뒤에 있는 경우에는 z 값 조정 대신 position 속성을 absolute로 설정하면 해결된다.아래는 예시 코드. (나는 tailwind css 사용 중이라 아래처럼 입력했다).gradient-edge { @apply absolute inset-0 left-0 right-0 top-0 bottom-0; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 0.00) 25.. 웹 개발/소소한 팁, 버그 해결2024. 11. 22.

티스토리툴바