Hello Jay's Programming World!

마우스 이벤트를 이용하여 개발을 하다보면 마우스 왼쪽 클릭인지 오른쪽 클릭인지 구분해서 개발해야할 때가 있습니다. 일반적으로 mousedown 이벤트를 추가하면 왼쪽 클릭을 해도 호출되고 오른쪽 클릭을 해도 호출이 되기 때문입니다. 오른쪽 클릭의 경우엔 mousedown 이벤트도 호출되고 메뉴바까지 나오게 됩니다.그렇다면, 마우스 왼쪽 클릭인지 오른쪽 클릭인지 판단하기 위해서는 어떻게 해야할까요? 아래 JSFiddle 샘플을 준비했습니다. 빨간색 Div를 왼쪽 마우스로 클릭하면 "Right mouse button was not clicked" 라는 alert이 뜨고 오른쪽 마우스로 클릭하면 "Right mouse button clicked" 라는 alert 창이 뜨는 것을 확인할 수 있습니다. mouse..

JavaScript은 여러가지 특징을 가지고 있는 언어이지만 그 중 하나를 말하라고 하면 함수가 일급(first-class)객체라는 것이 아닐까 생각합니다. 함수가 일급 객체로 취급 받아 변수에 대입하거나 매개변수로 전달할 수 있습니다. 그리고 JavaScript의 경우 var 키워드를 이용하여 변수를 선언하는데, 이 var 키워드로 생성된 변수는 타입에 상관없이 대입이 가능합니다. 아래 소스를 보면 a라는 변수는 처음에는 정수형으로 선언되었는데, 문자열로 대입되었다가 함수로 대입되었다가 실수로 대입되었다가 객체로 그리고 배열로 대입되며 그때 그때 다른 type 변수로 사용되고 있습니다. var a = 1; a = 'string'; a = function() { console.log('Function')..

VSCode로 개발을 할 때 라인 번호를 이용하여 라인으로 이동하는 단축키 입니다. Ctrl + g

배열에 데이터를 넣다보면 정렬이 필요할 때가 있습니다. JavaScript에서는 편리하게 정렬할 수 있도록 정렬 매서드를 지원합니다. JavaScript가 제공하는 sort 매서드를 한 번 사용해볼까요? 아래 배열에 sort 매서드를 사용해보도록 하겠습니다. var array = [1, 3, 10, 100, 2]; array.sort(); 결과는 어떨까요? JSFiddle을 이용해서 확인해보겠습니다. 결과는 어떤가요? OriginalArray: 1,3,10,100,2 SortedArray: 1,10,100,2,3 1, 2, 3, 10, 100으로 정렬될 줄 알았는데, 1, 10, 100, 2, 3으로 정렬이 되는 것을 확인할 수 있습니다. Array의 Sort 매서드는 기본적으로 유니코드 코드 포인트를 ..

코딩을 하다보면 마우스의 사용이 번거로울 때가 있습니다. 그래서 IDE의 단축키를 익혀놓으면 더욱 빠르고 편안한 코딩이 가능합니다. 오늘은 VSCode의 파일 이름으로 파일을 검색하는단축키를 알아보겠습니다. OS에 따른 단축키는 아래와 같습니다. windows: Ctrl + P macOS: Cmd + P 위 단축키를 누르면 텍스트 입력창이 나오는데, 검색어를 입력하면 검색어가 이름에 포함된 파일 리스트가 나오고 원하는 파일을 선택하면 됩니다.

IDE의 검색 기능을 이용하다보면 많은 검색 결과가 나타날 때가 있습니다. 결과 리스트를 확인하기 위해 일일히 검색결과를 클릭하면서 확인하는 것은 귀찮은 일이 아닐 수 없습니다. 좀 더 편하게 다음 검색결과로 이동하는 방법이 있습니다. 단축키를 사용하는겁니다. 단축키는 아래와 같습니다. 다음 찾기: F4 이전 찾기: Shift + F4 실제로 사용하면 아래 그림과 같이 움직이는 것을 확인할 수 있습니다.

얼마전 Github에서 메일을 하나 받았습니다. "You now have unlimited collaborators in private repositories"이라는 제목의 메일이었습니다. 내용은 아래 첨부합니다. 내용 중에서도 가장 눈에 들어왔던 건, "We introduced a new GitHub Free plan for teams with unlimited collaborators in private repositories" 라는 내용이었습니다. 즉, 팀을 위한 GitHub 무료 플랜을 소개하는데, private 저장소에 제한 없는 collaborator까지 가능도록 변경되었다는 말이었습니다. 현재 개인적으로 진행중인 토이 프로젝트가 세 가지정도 됩니다. 그 중 두 개의 프로젝트는 팀을 만들어서 ..

splice 메서드는 배열 요소를 변경하는데 사용됩니다. 존재하는 요소를 제거하거나 요소를 추가할 수 있습니다. 특히, 원하는 위치에 배열의 요소를 추가하고 싶다면, splice() 메서드를 사용해야합니다. splice() 메서드의 형태는 아래와 같습니다. array.splice(start, deleteCount [, item1 [, item2 [, ...] ] ]) start: 기준이 되는 배열의 index를 지정합니다. deleteCount: start index부터 몇 개의 요소를 제거할지 지정합니다. item.. : 삽입할 요소를 지정합니다. 그럼 실제로 어떻게 실행하는지 확인해보겠습니다. 간단하게 JSFiddle을 이용하여 구현해보았습니다. 배열의 초기 상태는 ['a', 'b']입니다. arra..

유니티 프로그램을 개발하면서 Tag를 사용할 때가 많습니다. 제가 현재 개발하고 있는 게임에서는 플레이어와 몹이 충돌했는지 여부를 판단하기 위해 태그를 사용하고 있습니다. 아래 소스와 같이 태그를 비교하기 위해 CompareTag 메서드를 사용했습니다. private void OnTriggerEnter2D(Collider2D collision) { if (collision.CompareTag("Monster")) { // Monster 충돌 처리 } } 사실 tag는 string 문자열이기 때문에 아래와 같이 비교해도 됩니다. private void OnTriggerEnter2D(Collider2D collision) { if (collision.tag.Equals("Monster")) { // Mons..

안녕하세요. Jay입니다. 오늘은 배열에서 최대값, 최소값 구하는 방법을 알아보도록 하겠습니다. 일반적으로 배열에서 최대값, 최소값을 구하기 위해서는 반복문을 사용합니다. 아마도 아래 소스와 같이 구현해야하지 않을까 생각합니다. 아주 간단한 소스임에도 불구하고 변수, 반복문, 조건문이 하나씩 들어가 있는 길다면 긴 코드가 구현이 되었습니다. var array = [1, 2, 3, 4, 5, 6, 7]; function getMax() { var max = array[0]; for(var i = 1; i < array.length; i++) { if(max < array[i]) max = array[i]; } return max; } function getMin() { var min = array[0]; ..