본문 바로가기

분류 전체보기

(350)
JavaScript logMessage 등록
JavaScript KeyboardEvent.key (키보드 이벤트) https://developer.mozilla.org/ko/docs/Web/API/KeyboardEvent/key KeyboardEvent.key - Web API | MDNKeyboardEvent 인터페이스의 읽기 전용 속성인 key 는 키보드 로케일과 레이아웃뿐만 아니라 Shift와 같은 보조 키의 상태까지 고려하여, 사용자가 누른 키의 값을 반환합니다.developer.mozilla.org
JavaScript 배열 메서드 정리 JavaScript에서 배열은 데이터를 저장하고 처리하는 데 매우 중요한 역할을 합니다. 다양한 배열 메서드를 활용하여 데이터를 추가, 제거, 검색, 정렬할 수 있습니다. 이 글에서는 JavaScript의 주요 배열 메서드를 정리하였습니다.배열 조작 메서드1. push(element1, ..., elementN): 배열 끝에 요소를 추가let arr = [1, 2, 3];arr.push(4); // [1, 2, 3, 4]2. pop(): 배열 끝에서 요소를 제거let arr = [1, 2, 3];arr.pop(); // 3, 배열은 [1, 2]3. unshift(element1, ..., elementN): 배열의 시작 부분에 요소 추가let arr = [1, 2, 3];arr.unshift(0); //..
JavaScript 문자열 메서드 정리 JavaScript에서 문자열 처리를 위한 다양한 메서드를 활용하여 문자열을 검색, 변환, 조작할 수 있습니다. 이 글에서는 주요 문자열 메서드를 간단한 예제와 함께 정리해 보겠습니다.문자열 검색 메서드1. charAt(index): 지정된 인덱스의 문자를 반환합니다.let str = "Hello";console.log(str.charAt(1)); // "e" 2. charCodeAt(index): 지정된 인덱스의 UTF-16 코드(숫자)를 반환합니다.console.log("A".charCodeAt(0)); // 65 3. indexOf(searchValue, fromIndex?): 특정 문자열을 처음 찾은 위치의 인덱스를 반환합니다.let str = "JavaScript";console.log(str...
VSCode Extensions VSCode Extensions최종 업데이트 2022년 10월 15일해당 확장들은 제가 사용하는 확장 중 일부입니다.모든 확장을 반드시 설치하실 필요는 없습니다.단, Live Server 는 반드시 설치하세요.Extensions (확장) 설치하는 방법VSCode 설치 (https://code.visualstudio.com/download)VSCode 왼쪽 메뉴 아이콘 중 5번째 Extenstions (확장) 아이콘 선택원하는 확장의 이름 검색 후 InstallExtensions구분 이름 설명선택Korean Language Pack에디터 한국어 적용필수Live Server 선택Auto Rename TagHTML 태그 자동 수정선택Color Highlight컬러 코드 강조선택CSS PeekCSS ID와 Cl..
스마트폰으로 인물 사진 비율 좋게 잘 찍는 방법 1. 카메라는 양손으로 잡아 균형 맞추기 2. 카메라를 눈높이가 아닌 배꼽에 위치 3. 위쪽이 뒤로 오게 각도를 살짝 기울이기 4. 하단에 1~2mm 정도 여백을 두고 찍기 5. 날씬하고 예쁜 몸매 준비 1. 카메라 렌즈 선택하기아이폰 15 Pro Max는 3개의 후면 카메라 렌즈(0.5x 초광각, 1x 메인, 2x/3x 망원)를 제공해요.전신 사진: 1x 기본 렌즈 또는 2x/3x 망원 렌즈를 사용하면 왜곡 없이 다리와 몸의 비율이 자연스럽게 나옵니다.TIP: 망원 렌즈(3x)는 피사체를 더 압축해서 보이게 해 다리가 길어 보이는 효과를 줄 수 있어요.단체 사진: 0.5x 초광각 렌즈를 사용하면 더 넓은 범위가 나오지만, 너무 가까이서 찍으면 왜곡될 수 있으니 멀리 떨어져 찍으세요.2. 인물 모드(포트..
JavaScript ES6 공부하기(ES5 Base) feat.ChatGPT ChatGPT에게 물어 보았습니다.Q. javascript es5만 알고 있는데 es6를 쉽게 공부할 수 있는 방법이 있으면 알려 줘A. JavaScript ES5를 이미 알고 있다면 ES6를 배우는 것은 상대적으로 수월할 거예요.ES6는 기존 문법을 확장하면서 더 간결하고 효율적인 방법을 제공합니다.다음과 같은 단계를 통해 ES6를 쉽게 공부할 수 있습니다:1. ES6 주요 개념부터 학습하기ES6는 큰 변화가 있지만, 몇 가지 핵심 문법만 이해하면 금방 적응할 수 있습니다. 주요 ES6 문법은 다음과 같습니다:(1) let과 constvar 대신 let과 const를 사용해 변수와 상수를 선언할 수 있어요.let x = 10; // 값 변경 가능const y = 20; // 값 변경 불가능(2) 화살..
허리 디스크 환자의 생활규칙, 의자 않을 때 자세 1) 허리 디스크가 있다면 반드시 지켜야하는 5가지 생활규칙https://www.youtube.com/watch?v=xSoy5hdmxnE2) 자세에 따라 달라지는 허리디스크 압력에 대하여https://www.youtube.com/watch?v=-OFDmvJMIM83) 의자에 앉을때 허리 건강을 위해 지켜야하는 단 한가지 원칙 ft. 허리 디스크https://www.youtube.com/watch?v=Bl1rHbV0Qj44) 의사가 알려주는 재활운동 함부로 하면 안되는 이유https://www.youtube.com/watch?v=D9c6Z4729rM5) 근육통, 관절통, 신경통 구별법https://www.youtube.com/watch?v=KL9dO4re2Ek 6) 허리가 안아픈 사무 의자 조절 방법(개인..