728x90 반응형 전체 글274 [JavaScript] Console API 종류 (다양한 콘솔 API 모음) ✍️ Console Method 목록console.log(console); 콘솔 출력 - console.log( ... )인자로 전달된 값들을 화면으로 출력해준다. 콘솔 창 초기화 - clear단어 그대로 콘솔 창에 입력된 모든 것들을 초기화 시켜준다. 특정 시점부터의 디버깅이 필요한 경우 해당 시점의 맨 앞에서 실행시켜주면 콘솔 확인이 편리하다.console.log(document.body);console.clear();const data = { a: 1, b: 5 };console.log(data); 로그 레벨 - debug / info / warn / error레벨로 구분된 로그 정도로 생각하면 될 것 같다. 기본적으로 직관적 스타일이 적용된 로그를 볼 수 있다. console sidebar .. 2024. 7. 15. [Pay] 브랜드 페이 간편결제 로고 아이콘 공유 (애플 단축어 앱 활용) 🗂️ 압축 파일📁 PSD 원본 파일 🖼️ PNG 이미지카카오페이토스페이네이버페이애플페이페이코페이북국민페이우리페이하나페이신한페이 2024. 7. 5. [Apple] 아이폰 단축어로 에이닷 키패드 바로가기 🎯 Goal전화 아이콘 터치 시 메인 페이지 피드 화면이 아닌 원터치시 키패드 화면을 띄운다.⚙️ 설정 방법1. 단축어 앱 ▶ "+" 선택 2. 동작추가 ▶ "앱" 탭 선택 3. 에이닷 ▶ "키패드 열기" 선택 4. "홈 화면에 추가" 선택 5. "사진 선택" (아이콘 변경) 📝 애플 앱 아이콘https://aroundsketch.github.io/Apple-App-Icons Around SketchSet of icons masterfully recreated in Sketcharoundsketch.github.io 2024. 7. 4. [Apple] 컴퓨터 USB-C 에어팟충전 불가 현상 해결 방법 🎯 Goal컴퓨터 USB-C포트 에어팟 케이스 충전 안됨 해결⚠️ 문제 현상윈도우11에서 USB-C포트를 통해 연결하면 AirPods Pro가 몇 초동안 충전된 다음 멈춘다. 💊 해결 방법1. AirPods케이스 ▶ 컴퓨터 USB-C연결2. 제어판 ▶ 장치 및 프린트 3. AirPod Case 더블클릭 4. 하드웨어 탭 ▶ "HID 규격 공급업체 정의 장치" 선택 5. 설정 변경 6. 드라이버 탭 ▶디바이스 사용 안 함 ▶ 확인 7. USB케이블 선 분리 후 에어팟 다시 연결* 에어팟케이스에 불이 계속 꺼져서 충전이 안되는 것처럼 보이지만 핸드폰으로 확인해보면 충전이 잘 됩니다. 📝 조치 결과발생했던 오류가 해결된 모습을 확인할 수 있다. 2024. 7. 3. [IT] 약어 네이밍 정리 (DB테이블, 컬럼, 상수, 변수) 단위 항목 명영문 명영문 약어0세Age 0AGE01111000단위Ten Million UnitTMU1000만Ten Thousand 1000TT10001000만원10 Million WonMW10100만Ten Thousand 100TT100100만원A Million WonMW110개월10 MonthMNT1010분10 MinuteMN1010세Age10AGE1010월OctoberOCT10일Day 10DY1010점Point 10PNT1011개월11 MonthMNT1111월NovemberNOV11일Day 11DY11120일Day 120DY12012개월12 MonthMNT1212월DecemberDEC12일Day 12DY1213일Day 13DY1313차Sequence 13SEQ1314일Day 14DY1415개월15 M.. 2024. 7. 1. [JavaScript] 자바스크립트 콜백 함수(Callback Function) - 선언적 함수, 익명 함수, forEach(), map(), filter() 콜백 함수 (Callback Function)자바스크립트에서 함수도 하나의 자료형으로 본다. 그래서 매개변수로 함수를 전달할 수 있다. 매개변수로 전달하는 함수를 콜백함수라고 한다.콜백 함수 종류1. 선언적 함수2. 익명 함수 1. 선언적 함수// ▶ 함수 선언function callThreeTimes(callback) { for(let i=0; i 2. 익명 함수// ▶ 함수 선언function callThreeTimes(callback){ for(let i=0; i콜백 함수 활용 함수1. forEach()2. map()3. filter()1. forEach()forEach 함수는 배열이 가지는 함수로써 배열 내부의 요소를 사용해서 콜백 함수를 호출해 준다. 📝 forEach() 형태// 요소 : 배.. 2024. 6. 16. [JavaScript] 자바스크립트 문서 객체 모델(DOM) - DOM Tree, DOM API, DOM 노드 접근, DOM 노드 탐색, DOM 노드 조작, DOM 이벤트 처리 문서 객체 모델 DOM (Document Object Model)DOM 이란 Document Object Model의 약자입니다. 번역하자면 문서 객체 모델인데요.여기서의 문서는 HTML 문서를 말한다. 브라우저는 웹 문서를 로드한 후, 파싱하여 DOM을 생성한다. DOM은 모든 요소, 속성, 텍스트를 객체로 만들어 이 객체들을 부자 관계에 따라 트리 구조로 구성한 것을 의미한다. 정적인 웹페이지를 변경하는 유일한 방법은 DOM을 변경하는 것이며, 이 때 필요한 것이 DOM API이다.DOM Tree 구성요소문서 노드(Document Node) ➡️ 최상위 트리이자 접근의 시작점이다.요소 노드(Element Node) ➡️ HTML 요소를 표현한다.속성 노드(Attribute Node) ➡️ .. 2024. 6. 16. [JavaScript] 자바스크립트 배열(Array) - 배열 생성(리터럴, Array 생성자 함수), 배열 요소 접근, 배열 메서드(Array.prototype 메서드), 배열 반복문(for of 문, forEach 문) 배열(Array)자바스크립트에서 배열은 여러개의 값을 저장하고 관리하는데 사용되는 아주 기본적인 자료구조이다. 자바스크립트 배열은 타입이 고정되어 있지 않아서, 서로 다른 타입의 원소들을 적재할 수가 있다. 그리고 배열은 동적으로 크기가 변할 수 있어 자바(Java)와는 달리 크기를 지정할 필요가 없다. 📍 배열(Array) 용어배열(array) : 이름과 인덱스로 참조되는 정렬된 값의 집합배열 요소(array element) : 배열을 구성하는 각각의 값인덱스(index) : 배열에서의 위치를 가리키는 숫자배열 생성 방법1. 배열 리터럴2. Array() 생성자 함수// 배열 리터럴let 배열명 = ['요소', '요소', '요소',...];// Array() 생성자 함수let 배열명 = new Ar.. 2024. 6. 15. [JavaScript] 자바스크립트 객체(Object) - 객체 생성(리터럴, Object 생성자 함수), 객체 접근, 객체 반복문(for in문), 객체 this 키워드 객체(Object) 자바스크립트 객체는 {} key:vlaue가 모여 있는 Map 형식이다.자바스크립트 객체 형식 : { K: V, K:V, K:V } 객체내 Value에는 String, Number, Boolean, Array, Object, null, 함수까지 다양한 자료형이 올 수 있다.객체의 key는 무조건 String으로 저장된다.자바스크립트 객체 모양의 문자열을 JSON(JavaScript Object Notation, 자바스크립트 객체 표기법) 한다.JSON의 형식 : "{ K:V, K:V, K:V }" 📍 프로퍼티(property)란?객체는 프로퍼티의 집합이며, 프로퍼티는 키와 값으로 구성된다.이름과 값으로 구성된 정렬되지 않은 집합프로퍼티는 함수도 저장할 수 있음 ➡️ 프로퍼티 메서드.. 2024. 6. 15. 이전 1 ··· 9 10 11 12 13 14 15 ··· 31 다음 728x90 반응형
