본문 바로가기

전체 글522

USB를 이용해서 닌텐도 스위치 스크린샷과 영상을 mac으로 옮기기 안녕하세요. 박기린 입니다. 닌텐도 스위치에서 찍은 스크린샷과 동영상을 USB를 이용해서 쉽게 맥북으로 옮기는 방법에 대해 알아보겠습니다. (M1 맥북 에어 기본형을 사용했습니다.) 도입 닌텐도 스위치 게임 중 '모여봐요 동물의 숲' 관련 포스팅을 하려고 했습니다. 닌텐도 스위치의 USB-C 단자와 케이블을 이용해서 Windows PC에서는 쉽게 스크린샷과 동영상을 바로 옮길 수 있습니다. 하지만 맥북으로 연결을 하니, 맥북이 닌텐도 스위치를 인식하지 못하였습니다. 그 이유는.. 닌텐도 스위치는 안드로이드OS의 파일 전송 시스템을 사용한다고 합니다. 윈도우는 안드로이드 파일 전송 시스템을 기본적으로 지원하지만, macOS는 그렇지 않다고 합니다. 다행히 이에 대한 해결방안을 구글에서 마련해놓았고, 이 방.. 2022. 11. 5.
[macOS] AlDente - 맥북 배터리 보호 (Feat. 재부팅시 자동 켜짐 활성화 방법) 앱 사용기는 1. 블로그 작성자가 한 달 이상 직접 사용해본 후 2. 남들에게 추천해줄만한 프로그램일 때 설명을 드리기 위해 작성하는 글입니다. 본 글에 대해 어떠한 지원도 받지 않았음을 밝힙니다. 안녕하세요. 박기린 입니다. 맥북의 배터리 관리 앱 AlDente(알덴테)를 소개해드리겠습니다. 사용 동기. 맥북 배터리 성능 감소 작성자는 M1 맥북에어 기본형을 사용합니다. 2021년 3월 경에 구매를 하였는데, 사용한지 2년이 채 되지 않아서 배터리 성능 최대치가 79%가 되었습니다. 서비스를 받으라고 알림이 오지만, 애플케어 플러스를 따로 들지 않았으며, 맥북 배터리 비용이 비싸기 때문에 울며 겨자먹기로 사용해야 하는 처지가 되었습니다. 위의 사진에는 '최적화된 배터리 충전'이 꺼져 있지만, 원래는 켜.. 2022. 11. 4.
33. Spread Operator (전개 연산자) 안녕하세요. 박기린 입니다. 이번에는 Spread Opeartor(전개 연산자)에 대해 알아보겠습니다. Spread Operator - Array Spread Opeartor(전개 연산자)는 기본적으로 모든 Array 요소를 한 번에 풀 수 있습니다. 기존의 방식 const arr = [7, 8, 9]; const badNewArr = [1, 2, a[0], a[1], a[2]]; console.log(badNewArr); 기존 Array를 새로운 Array에 담기 위해서는 일일이 'ArrayName[Index]' 구조를 통해서 하나씩 지정을 해줘야 했습니다. 전개 연산자를 이용 const arr = [7, 8, 9]; const newArr = [1, 2, ...arr]; console.log(newA.. 2022. 11. 3.
32. Object Destructuring (객체 구조분해 할당, 비구조화) 안녕하세요. 박기린 입니다. 저번 Array Destructuring 소개에 이어서, 이번엔 Object를 Destructuring 하는 방법에 대해 알아보겠습니다. (Array Destructuring 방식을 미리 숙지한 후 이 글을 보시는 것을 추천드립니다.) 전제 Object Destructuring을 소개하기에 앞서, 설명에 사용될 object를 하나 선언해둔다고 가정을 하겠습니다. const restaurant = { name: 'Classico Italiano', location: 'Via Angelo Tavanti 23, Firenze, Italy', categories: ['Italian', 'Pizzeria', 'Vegetarian', 'Organic'], starterMenu: ['Fo.. 2022. 11. 2.
31. Array Destructuring (구조 분해 할당, 비구조화) 안녕하세요. 박기린 입니다. 이번에는 배열 구조를 뜯어서 각 배열 요소를 다른 변수에 저장하는 방식인 'Destructuring'에 대해 알아보겟습니다. Array Destructuring Destructuring은 ES6에 추가된 기능입니다. Array(배열)이나 Object(객체)에서 별도의 변수로 값을 푸는 방식을 말합니다. 그 중 배열을 Destructuring 하는 방법에 대해 알아보겠습니다. 1. 일반적인 배열 요소 접근 방식 const arr = [2, 3, 4]; const a = arr[0]; // 2 const b = arr[1]; // 3 const c = arr[2]; // 4 일반적으로는 배열에 [대괄호]를 붙인 후 index 넘버를 사용해서 배열 요소에 접근합니다. 그래서 각 요.. 2022. 11. 1.
30. Handling Keydown Events 안녕하세요. 박기린 입니다. 이전에 이벤트 핸들러에 대해서 설명을 드렸습니다. (해당 글 : https://arnopark.tistory.com/508) 마우스 클릭으로 이루어진 이벤트 핸들러(리스너)에 대해 중점으로 설명을 드렸습니다. 이번엔 자바스크립트 웹사이트에서 특정 키보드 입력이 생기면, 이에 맞춰서 특정 동작이 작동하게 하는 방법에 대해 알아보겠습니다. Action Type - keydown document.addEventListener('keydown', function(e) { console.log(e); }); addEventListener()는 첫 번째 인수로 action type을 받습니다. 키보드 입력을 받고 싶으면 'keydown'을 지정해주시면 됩니다. 그러면 handler(li.. 2022. 10. 31.
29. 자바스크립트로 HTML class를 추가/삭제하기 안녕하세요. 박기린 입니다. 이전에 DOM을 이용하여 HTML Elements를 조작하는 방법에 대해 알아보았습니다. (해당 글 : https://arnopark.tistory.com/506) 그 중에서 class attribute를 수정하는 방법에 대해 알아보겠습니다. HTML의 class를 추가/제거 위와 같은 HTML div 태그가 있다고 봅시다. div에는 'modal'과 'hidden'이라는 두 개의 클래스가 있습니다. class가 여러 개로 이루어져 list를 형성할 경우에는 classList property와 메소드를 이용해서 list 안의 class를 추가하거나 제거할 수 있습니다. const modal = document.querySelector('.modal'); const openMo.. 2022. 10. 30.
원신 3.1 이벤트 - [별을 찾는 여정] 별 모으기 안녕하세요. 박기린 입니다. 3.1의 마지막 이벤트 퀘스트인 [별을 찾는 여정]에서, 별의 위치에 대해 알려드리겠습니다. 1. 높이 떠오른 미래의 별 이 위치로 가시면 됩니다. 해당 위치로 가면 '관찰' 상호작용이 가능한 빛이 있습니다. '관찰' 상호작용을 하면 위처럼 하늘길이 생깁니다. 이 길을 따라 골렘 언덕을 올라가면 됩니다. 별은 골렘 언덕의 정상에 있습니다. 별의 모양은 씨앗처럼 생겼습니다. 2. 위험한 지역의 미래의 별 수메르 서쪽 맨 끝으로 가시면 됩니다. 1번 씨앗과는 다르게, 몬스터가 등장합니다. 몬스터를 전부 잡아줍시다. 몬스터를 전부 잡으면 두 번째 별이 등장하고, 모래폭풍이 일어나서 폭풍을 타고 올라가 쉽게 별을 주울 수 있습니다. 3. 똑똑한 미래의 별 이 위치로 가줍니다. 동그라.. 2022. 10. 28.
iPadOS 16 - 스테이지 매니저로 상하분할 멀티윈도우를 해보자 안녕하세요. 박기린입니다. iPadOS16과 스테이지 매니저 업데이트 최근에 iOS16에 이어서 iPadOS16과 macOS Ventura가 업데이트 되었습니다. 먼저 업데이트 된 아이폰과 그 이후에 업데이트 된 아이패드, 맥북의 차이점은 '스테이지 매니저'의 유무입니다. 아마도 스테이지 매니저 기능을 좀 더 보완하기 위해서 일부로 더 늦게 업데이트를 지원한 것으로 보입니다. 그리고 실제로 스테이지 매니저의 기능보완이 이루어졌었습니다. 그것은 바로 '지원기기의 확대'입니다. 원래 'M1 칩'을 탑재한 아이패드에서만 스테이지 매니저를 지원할 예정이었습니다. 하지만 iPadOS 16.1 베타 업데이트에서, '아이패드 프로 3세대 시리즈(A12X) 이후 기종' 지원하는 것으로 밝혀졌습니다. 해당 기사 : ht.. 2022. 10. 28.