Hello Jay's Programming World!

안녕하세요. Jay입니다. 일반적으로 주기적으로 함수를 반복할 때 유니티에서는 Coroutine과 Invoke를 사용합니다. 그렇다면, 이 두 메서드는 각각 어떤 특징이 있는지 알아볼까요? Coroutine - 코루틴은 실행을 중지하여 Unity에 제어권을 돌려주고, 그러나 계속할 때는 다음 프레임에서 중지한 곳부터 실행을 계속할 수 있는 기능 - IEnumerator를 반환 값으로 가짐. - yield return 구문을 어딘가에 가짐 (참고로, yield return은 실행을 중단 시키고 다음 프레임에 이후 구문이 실행되도록 함). - 유니티에서는 IEnumerator 반환형은 명시할 필요는 없음. 일반적으로 코루틴은 yield를 실행한 바로 다음 프레임에서 재개되지만, 지연후 실행하기 위해서는 Wa..

안녕하세요. Jay입니다. 오늘은 Update() 매서드와 FixedUpdate()에 대해서 알아보도록 하겠습니다. Update() - 화면 갱신 주기에 맞춰서 실행 - Update는 불규칙한 호출임으로 물리엔진 충돌 검사등이 제대로 안될 수 있음. - 단순한 타이머, 키 입력 받을 때 주로 사용 FixedUpdate() - 물리 갱신 주기에 맞춰 실행 - *Fixed Timestep에 설정된 값(기본 값: 0.02초)에 따라 일정한 간격으로 실행 - RigidBody Object를 조정할 때 주로 사용 - 오차가 발생할 확률이 상대적으로 더 적음. *Fixed Timestep 설정 방법 Time 설정(메뉴: Edit -> Project Settings 로 이동한 다음 Time 카테고리 선택)을 통해 설..

안녕하세요. Jay입니다. 오늘은 원형 프로그래스 바를 구현해보겠습니다. 1. 먼저 투명 배경의 원형 이미지를 준비합니다. 해당 이미지를 유니티 assets 폴더에 넣습니다. 2. 캔버스를 추가합니다. 캔버스를 추가한 후, 캔버스의 자식으로 empty game object를 추가합니다. 그리고 empty game object를 'CircularProgressBar'로 이름을 짓습니다. 아래 이미지와 같은 구조가 됩니다. 3. Loading Bar를 추가합니다. 3-1. CircularProgressBar의 자식으로 이미지를 추가합니다. 이미지 이름은 LoadingBar로 짓습니다. 3-2. LoadingBar 이미지의 'Source Image'를 assets에 추가한 circle.png로 변경합니다. 3..

안녕하세요. Jay 입니다. 오늘은 JavaScript를 이용한 클래스 제어 방법에 대해서 알아보도록 하겠습니다. 먼저 Element.classList의 반환형은 'DOMTokenList'입니다. 이 DomTokenList의 메서드는 많은 것이 있지만, 오늘은 세가지만 살펴보려고 합니다. Element.classList.toggle toggle, 전등 스위치를 껐다 켰다 하는 행위 처럼, 0과 1이 반복되는 행위를 의미합니다. 즉, 기존 값이 0이었다면 1로 바뀌고 기존 값이 1이었다면, 0으로 바뀌게 됩니다. 그래서 toggle 메서드는 클래스가 존재한다면 클래스를 제거하고, 클래스가 존재하지 않는다면 클래스를 추가하는 메서드입니다. Element.classList.add 명시된 클래스를 추가하는 메서..

숫자만 입력 받을 수 있는 Input 요소를 만들기 위해 input type="number"로 지정하여 사용합니다. 안드로이드의 경우, type만 "number"로 지정하면 숫자 키보드가 뜨는데, iOS는 일반 키보드가 뜨는 것을 확인 할 수 있습니다. iOS에서도 숫자 키패드만 뜨도록 하기 위해서는 아래와 같이 패턴을 넣어주면 iOS 숫자 키보드가 뜨는 것을 확인할 수 있습니다.

Math Object는 수학적인 일을 수행한다. Math Object Properties Property 설명 E 오일러 수 값 (Euler's number, 약 2.718) LN2 자연로그 log2 값 (약 0.693) LN10 자연로그 log10 값 (약 2.302) LOG2E 2를 밑으로 하는 logE 값 (약 1.442) LOG10E 10을 밑으로 하는 logE 값 (약 0.434) PI PI 값 (약 3.14) SQRT1_2 루트 1/2 값 (약 0.707) SQRT2 루트 2 값 (약 1.414) Math Object Methods Method 설명 예제 예제 결과 abs(x) 절대 값을 반환한다. Math.abs(-10) 10 ceil(x) 가장 근접한 정수로 올림. Math.ceil(11...

Naming Convention Component 파일은 '.component'로 파일이름이 끝나야한다. 그리고 소문자와 dash('-')로 구성된 이름을 사용한다. ex) hero-detail.component.ts - component 파일의 구성은 다음과 같다. import { Component, Input } from '@angular/core'; @Component({ selector: 'my-hero-detail', template: ` {{hero.name}} details! id: {{hero.id}} name: ` }) export class HeroDetailComponent { } 1. Component와 Input을 import한다. 2. @Component 키워드를 사용해서 Com..

- ngFor를 이용해서 배열을 출력할 수 있다. ngFor를 쓸때는 반드시 앞에 *를 붙여줘야한다. {{hero.id}} {{hero.name}} - Style도 `를 이용하여 멀티 라인 텍스트로 사용가능하다. styles: [` .selected { background-color: #CFD8DC !important; color: white; } .heroes { margin: 0 0 2em 0; list-style-type: none; ... ... ... margin-right: .8em; border-radius: 4px 0 0 4px; } `] - ngIf를 사용하면 해당 데이터가 있을 때만, 보여주게 할 수 있다. ngIf 또한 앞에 *를 반드시 붙여줘야한다. {{selectedHero.nam..

1. 객체의 값을 보여주기 위한 단방향 데이터 바인딩을 위해서 이중 괄호 보간법을 사용한다. template: '{{title}}{{hero.name}} details!' 2. 멀티 라인 템플릿을 사용하기 위해서 ES2015의 템플릿 문자열을 사용한다. template:` {{title}} {{hero.name}} details! id: {{hero.id}} name: {{hero.name}} ` 3. ngModel을 이용하여 양방향 데이터 바인딩을 할 수 있다. '' 4. ngModel은 바인딩되어 있는 모든 곳에 변화를 전파한다.

Internet Explorer 11 주소 창에서 실행 2,047자 C# winForm 환경에서 WebBrowser Navigate 실행시 샘플 프로그램을 작성하여 테스트했습니다. 2,083자 FireFox >100 KB Opera >200 KB Chrome, Safari >100 KB 이러한 URL 길이에 대한 제한은 서버에도 영향을 끼치기 때문에 서버에 제한이 걸린 경우도 있습니다. Apache >128 KB 참고로, Tomcat으로 테스트해봤는데 위 사진과 같은 에러가 발생했습니다. "java.lang.IllegalArgumentException: 요청 헤더가 너무 큽니다." 이 에러가 발생하면 URL 길이가 너무 긴 것이 아닐지 확인해야합니다. IIS >16 KB Lotus Notes 4 KB 참..