웹 시스템 개발 #JavaScript:Fundamentals 초보편

학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. JavaScript란 무엇인지 JavaScript는 웹 브라우저에서 작동하는 인터프리터 언어로, 동적 웹 페이지를 생성하기 위해 사용됩니다. HTML은 구조를, CSS는 스타일을, JavaScript는 기능을 추가합니다. 주석 사용방법 주석은 코드의 일부를 무시하게 만들거나, 설명을 추가하는 데 사용됩니다. 한 줄 주석: 코드 뒤에 //를 삽입합니다. // 이 줄은 주석입니다. 여러 줄 주석: /*로 시작하고 */로 끝납니다. /* 이것은 여러 줄 주석입니다. */ Character Set JavaScript는 Unicode Character Set를 사용합니..

• format_list_bulleted 웹 개발
• · 2023. 10. 26.
• textsms

웹 시스템 개발 # CSS초보편

학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. CSS란? CSS (Cascading Style Sheets)는 마크업 언어의 문서를 "꾸미기 위한" 스타일시트 언어입니다. 다양한 디자인과 레이아웃을 적용하여 웹 페이지의 외관을 제어(꾸밈)합니다. 외부 스타일 시트 (External Style Sheet) 외부 스타일 시트는 .css 파일에 스타일을 정의하고 HTML 문서에서 참조합니다. 여러 HTML 문서에서 동일한 스타일을 재사용할 수 있습니다. This is a paragraph. Syntax CSS 문법은 선택자(Selector)와 중괄호("{ }") 안에 속성: 값; 형식으로 작성됩니다. p { c..

• format_list_bulleted 웹 개발
• · 2023. 10. 25.
• textsms

웹 시스템 개발 #HTML 초보편

학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. HTML 배우기 시작~! HTML5란? HTML5는 웹 페이지를 만들기 위한 가장 최신의 웹 기술입니다. HTML5 문서의 기본 구조는 다음과 같습니다. 먼저, 문서의 첫 줄에는 선언이 와야 합니다. 이 선언은 HTML5 문서임을 선언해주는 역할입니다. 다음에는 최상위 요소인 태그가 와야 합니다. 이 태그는 Header 1 Header 2 Header 3 Header 4 Header 5 Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data HyperLink Tag: Descript..

• format_list_bulleted 웹 개발
• · 2023. 10. 24.
• textsms

유니티 인스펙터에서 함수 실행하기!

개발을 하다보면 런타임에 돌아가지 않고 에디터 상에서 특정 함수가 실행되게 하고 싶을 때가 종종 생깁니다. 예를 들어, 10x10 블록을 배치한다거나 랜덤한 미로를 만든다 등의 경우가 있습니다. 저의 경우, 디버그를 할 때 사용하기 위한 Debug Color Preset을 적용해야 하기 위해 인스펙터창에서 특정 함수가 실행되게 해주어야 합니다. ContextMenu [ContextMenu]는 Unity의 C# 스크립트에서 사용되는 특성(Attribute) 중 하나로, 해당 스크립트의 메서드를 인스펙터에서 실행할 수 있도록 하는 특성입니다. [ContextMenu] 특성을 메서드 위에 추가해준 다음 "이름"을 설정해주시면, 해당 메서드가 인스펙터에서 지정한 "이름"으로 나타납니다. 인스펙터에서 [Conte..

• format_list_bulleted 나만의 꿀팁
• · 2023. 10. 23.
• textsms

유니티 CreateAssetMenu에 대하여

CreateAssetMenu란? CreateAssetMenu는 특정 스크립트에서 새로운 어셋을 생성할 수 있는 메뉴 옵션을 제공해줍니다. 이를 통해 사용자가 유니티 에디터의 메뉴를 통해 쉽게 새로운 인스턴스를 만들 수 있게 됩니다. CreateAssetMenu 어트리뷰트(attribute)는 클래스 선언 바로 위에 위치해야 합니다. 예시 [CreateAssetMenu(fileName = "MonsterData", menuName = "MonsterScriptable/CreateMonsterData", order = int.MaxValue)] public class MonsterData: ScriptableObject { [SerializeField] private int hp; public int HP ..

• format_list_bulleted Unity/Study
• · 2023. 10. 20.
• textsms

진우가 추천하는 유니티 인생 에셋들

유니티 3D 개발을 하면서 가장 애용하고 유용하게 사용중인 에셋을 소개드리고자 합니다. 지극히 주관적인 생각이며 저의 개발 스타일에 맞춰 추천하는 것임을 강조합니다. Odin Inspector 유니티 Odin Inspector Odin Inspector란? 오딘 인스펙터는 커스텀 에디터 코드를 한 줄도 작성하지 않고도 강력하고 사용자 친화적인 커스터마이징 에디터의 모든 워크플로 이점을 누릴 수 있는 Unity용 플러그인입니다. wlsdn629.tistory.com 프로젝트를 시작하면 아무 생각 없이 패키지 매니지먼트에 들어간 후 오딘 인스펙터를 설치합니다. 오딘 인스펙터를 알고 난 후와 전의 개발속도 차이는 실감이 날 정도로 제 값을 똑똑히 해주는 에셋입니다. 마치, GPT가 생겨난 후와 전과 같은 느낌..

• format_list_bulleted 나만의 꿀팁
• · 2023. 10. 19.
• textsms

유니티 Animation Clip 조정하는 방법에 대해 배워보자!

애니메이션을 제작하다보면 가끔 디자이너로부터 잘못된 애니메이션 클립을 전달받는 경우가 생깁니다. 디자이너가 바쁘지 않다면 바로 수정해줄 수 있지만 여유가 없다면 유니티 개발자가 직접 수정하는 방법도 있습니다! 물론, 애니메이션 클립을 수정해주는 것이 가장 좋은 방법이라고 저는 생각합니다만 서로의 시간을 아끼기 위해 이번 포스팅에서는 개발자가 "직접" 애니메이션 클립을 조정하는 방법에 대해 알아보고자 합니다. Animation Clip 조정해보기 애니메이션 클립을 조정해보기 위해 애니메이션 클립 하나를 선택해봅니다. 애니메이션 클립을 눌러보면 Loop Time, Root Transform Rotation, Root Transfom Rotation(Y), Root Transfom Rotation(XZ) 옵션..

• format_list_bulleted Unity/Study
• · 2023. 10. 18.
• textsms

유니티 Control Rig Asset을 이용한 "원클릭" IK을 설정해보세요!

IK관련한 포스팅은 아래를 참고해주세요. 유니티 VR Full Body IK Setup with Hand Animation 저의 천사 발렘 유튜버님의 영상을 후루룩 해왔습니다!!! 필요한 재료 첫 번째로 Animation Rigging이 필요합니다! 더보기 IK Foot Solver using UnityEngine; public class IKFootSolver : MonoBehaviour { public bool isMovingFor wlsdn629.tistory.com Control Rig란? 원클릭 설정만으로 "휴머노이드 캐릭터"에 IK 설정을 간편하게 사용할 수 있습니다. 무엇보다 "무료"입니다! 특징 : 원클릭 설정: 캐릭터를 선택하고 "Build Rig(리그 구축)" 버튼을 클릭하여 해당 Co..

• format_list_bulleted Unity/Assets
• · 2023. 10. 16.
• textsms

Git PR 올리는 방법

프로젝트를 하다보면 팀장이 PR좀 보내주세요~ 할 때가 오게 됩니다. PR이 무엇인지, 어떻게 보내는지 이번 포스팅을 통해 알아보겠습니다. PR이란? PR은 Pull Request의 약자로, 코드베이스에 대한 변경을 제안하기 사용되는 메커니즘입니다. 프로젝트에 새로운 기능, 버그 수정 또는 업데이트를 제공하기 위한 방법이라고 생각하시면 됩니다. PR하는 방법 프로젝트를 열심히 하면 위와 같이 changed files을 볼 수 있습니다. 변화된 파일들은 곧 본인이 작업한 Task를 뜻합니다. 제목을 적으신 후에 [Commit to ~] 버튼을 눌러줍니다. 먼저 원격 저장소에 Push를 해줍니다. 다음으로 [Create Pull Request]버튼을 눌러줍니다. 만약 [Create Pull Request]버..

• format_list_bulleted Git 사용방법
• · 2023. 10. 11.
• textsms

Git PR 템플릿 만드는 방법

Git PR 템플릿을 만들어야 하는 이유 개발자들 간의 일관된 커뮤니케이션을 강화하고, 코드 리뷰의 효율성을 높이기 위함 PR의 목적과 변경 사항이 명확히 전달되어 팀 내의 협업 퀄리티와 코드의 퀄리티 향상 Git PR 템플릿 만드는 방법 GitHub 홈페이지에 들어가준 다음, 본인의 Repo에 들어가셔서 [Create new file] 버튼을 눌러줍니다. Name your file에는 "pull_request_template.md"을 작성해 줍니다. 이때 주의하셔야 할 점은 pull_request_template.md가 저장되어야 하는 위치는 Base repository에 있어야 적용되며 대소문자를 가리지 않습니다. ## Summary (Task 요약) - ## 변경사항을 전부다 기재합니다(코드 수정,..

• format_list_bulleted Git 사용방법
• · 2023. 10. 10.
• textsms

유니티 Muse Texture를 이용한 손쉬운 고퀄리티 Texture 제작하기!

사전에 Unity Muse Beta 테스터 신청하신 분들은 최근에 Unity Muse Texture Beta 서비스에 대한 소식을 받으셨을 것입니다! 베타테스터 등록하지 않으신 분들은 아래 포스팅을 참고해서 등록하시길 바랍니다. 유니티 개발을 도와주는 AI Muse Muse란?AI 기반의 Creative Tool로, 유니티를 활용한 개발 경험을 도와 플랫폼을 빠르게 제작할 수 있도록 지원하는 도구입니다. Muse의 궁극적인 목표는 Unity 에디터에서 텍스트 프롬프트나 스케치와 wlsdn629.tistory.com 유니티 Muse Texture란? 유니티의 Muse AI 플랫폼의 일부로, 게임 개발자들이 텍스처를 쉽고 빠르게 생성할 수 있도록 도와주는 도구입니다. 사용자는 자연어 프롬프트를 통해 원하는 ..

• format_list_bulleted AI
• · 2023. 10. 8.
• textsms

유니티 Light Map Bake & Light Probe 정리

라이트맵과 라이트 프로브에 대해 총 정리하는 시간을 가져보고자 합니다. Unity Light Types유니티에는 총 4가지 형태의 빛이 있다 1. Spot 2. Directional 3. Point 4. Area 1번 Spot같은 경우 가로등 같은 형태의 오브젝트에서 타원형의 빛을 발광하기 위해 사용된다 또는 스포트라이트 생각하면 된wlsdn629.tistory.com Unity Light Probe에 대해서light mapping은 장면의 실사 느낌을 향상시킬 수 있지만, 동적인 객체가 사실적으로 렌더링 되지 않는 단점이 있다. 동적인 물체에 대한 라이트맵핑을 실시간으로 계산하는 것은 불가능 하지만, Ligwlsdn629.tistory.com 유니티 초보자인 내가 Light Probe를 사용할 수 있다..

• format_list_bulleted Unity/Study
• · 2023. 10. 2.
• textsms

유니티 초보자인 내가 Light Probe를 사용할 수 있다고?🌟"Magic Light Probes"🌟에셋을 이용해서 쉽게 배치해보세요!

Light Probe란? Light Probe는 이전에 포스팅해둔 자료가 있으므로 참고하시면 되겠습니다. Unity Light Probe에 대해서 light mapping은 장면의 실사 느낌을 향상시킬 수 있지만, 동적인 객체가 사실적으로 렌더링 되지 않는 단점이 있다. 동적인 물체에 대한 라이트맵핑을 실시간으로 계산하는 것은 불가능 하지만, Lig wlsdn629.tistory.com Magic Light Probes를 사용해야하는 이유는? Light Probe을 직접 배치해보신 분들은 아시겠지만 Light Probe을 일일이 수동으로 배치하는 것은 귀찮으며 어떤 지점에 배치해야 좋은지 고민을 많이 하게 됩니다. Magic Light Probe의 경우 "자동"으로 씬에 라이트 프로브를 적절하게 배치해줍..

• format_list_bulleted Unity/Assets
• · 2023. 10. 1.
• textsms

유니티 어셋스토어에 처음으로 Asset을 업로드 해봤다! #DebugInspector

최근에 에디터 제작하는데 맛들려서 이것저것 만들고 있습니다 ㅎㅎ... 그 중에 제법 유용하게 사용하고 있고, 도움이 되는 에디터를 만들어서 어라?! 이거 한 번 에셋스토어에 업로드해봐...? 라는 마음으로 에셋스토어에 올리게 되었습니다 ㅋㅋ... 뭐 대단한건 아니고, 도움이 되었음 하는 마음에 Free가격에 올렸으며 많은 Feedback을 받아보고 싶습니다. DebugInspector를 소개합니다! 사실 예전에 DebugInspector 툴에 대해 소개한 적이 있습니다 ㅎㅎ 유니티 Debug을 찾아주는 Util Editor Window DebugInspector DebugFinder Util Editor Window는 Unity 프로젝트 내의 스크립트 중에서 Debug.Log, Debug.LogWarni..

• format_list_bulleted 진우의 포트폴리오
• · 2023. 9. 29.
• textsms

유니티 Technie Collider Creator 2을 이용해서 AAA급 게임급의 Collider을 만들어 보세요!

Technie Collider Creator 2란? Technie Collider Creator 2는 유니티 에셋으로 , 빠르고 효율적인 방법으로 디테일한 Collider를 생성할 수 있습니다. 상자, 무기, 음식 등과 같은 객체에 대한 Collider를 만들 수 있으며, Skinned Collider Creator를 사용하면 캐릭터 및 애니메이션된 객체에 대한 Collider를 만들 수 있습니다. 유니티의 Mesh Collider는 객체의 mesh를 기반으로 Collider를 생성하는 반면, Technie Collider Creator 2 에셋의 경우 객체의 형태와 크기에 따라 Collider를 생성하기 때문에 물리 엔진이 더 정확하게 작동할 수 있도록 도와줍니다. 영상 3초부터 11초를 보시면 물리 ..

• format_list_bulleted Unity/Assets
• · 2023. 9. 24.
• textsms