데브마우스

배열(Array)의 요소 접근 방법 자바스크립트에서 배열의 요소에 접근하는 다양한 방법이 있습니다. for of, forEach, map 그리고 filter가 있습니다. for...of 배열의 요소에 순차적으로 접근합니다. for...of는 배열의 요소에 순차적으로 접근하는 방법입니다. for...in은 배열의 index 값을 가지니 for...of와 헷갈리지 않도록 조심하셔야 합니다. var dog = ['말티즈', '콜리', '진돗개']; for (var i in dog) { console.log(i); } var dog = ['말티즈', '콜리', '진돗개']; for (var i of dog) { console.log(i); } forEach() 배열의 요소에 순차적으로 접근합니다. forEach..

자바 스크립트의 배열 생성 방법 자바스크립트 배열 객체 생성 방법 1 var subject = new Array(1, 2, 'js'); 자바스크립트 배열 객체 생성 방법 2 var subject = [1, 2, 'js']; 배열의 객체 프로퍼티 객체 프로퍼티 설명 예제 코드 length 배열의 개수를 반환합니다. var subject = [1, 2, 'js']; subject.length; // 출력: 3 배열의 메서드 메서드 이름 설명 예제 코드 slice() slice(0,4)인 경우 인덱스 0번 부터 인덱스 3번까지의 배열을 반환합니다. var alphabet = ['a', 'b', 'c', 'd', 'e']; console.log(alphabet.slice(0, 3)); join() 특정한 문자를..

JavaScript의 String 객체는 무엇인가요?자바스크립트에서 String 객체는 텍스트 데이터를 나타내는 데 사용되며, 문자열과 관련된 다양한 작업을 수행하는 메서드를 제공합니다. JavaScript의 속성JavaScript의 속성으로는 length가 있습니다. String 문자열의 길이를 반환합니다. JavaScript의 메서드 정리메서드설명charAt(index)주어진 인덱스에 해당하는 문자를 반환합니다.concat(str1, str2)현재 문자열에 다른 문자열을 연결하여 새로운 문자열을 반환 합니다.indexOf(substring)주어진 부분 문자열이 처음 등장하는 인덱스를 반환합니다.lastIndexOf(substring)주어진 부분 문자열이 마지막으로 등장하는 인덱스를 반환합니다.incl..

SQL의 DDL / DML / DCL 정리 카테고리 목적 설명 예시 코드 DDL (데이터 정의 언어) 데이터베이스의 구조를 정의하고 관리합니다. 테이블을 생성, 변경, 삭제하는 명령어를 포함합니다. CREATE TABLE: 새로운 테이블을 정의합니다. CREATE TABLE 테이블 이름(필드 이름1 자료형1[, 필드 이름2 자료형2, ...]); ALTER TABLE: 기존 테이블 구조를 수정합니다. ALTER TABLE 테이블_이름 [ADD 필드이름 자료형 or DROP COLUMN 필드이름 or CHANGE COLUMN 기존_필드_이름 새_필드_이름 자료형]; DROP TABLE: 데이터베이스에서 테이블을 삭제합니다. DROP TABLE 테이블_이름; TRUNCATE TABLE: 테이블의 데이터를 삭..

구글 시트 행이나 열 삭제 방법 단축키: Ctrl + Atl + - (빼기 버튼으로 상단 숫자 키의 0과 + 가운데 있습니다.) 시트를 정리하다보면 처음에는 행이나 열이 필요했지만 나중에 필요 없어진 경우가 있습니다. 그럴 때 삭제하는 단축키입니다. 마이크로소프트 엑셀에서도 작동할지 확인이 필요합니다.

의미론적 태그(Semantic tag)란 무엇인가요? HTML5에서 도입된 태그로써 각각의 태그 안에 어떤 정보를 담고 있는지 전달하기 위해 도입된 태그입니다. 처음 웹에는 각각의 요소의 구역을 div 태그로만 구분하였습니다. 하지만 HTML 문서를 사람만 읽는게 아닌 기계(봇)도 읽기 시작하였습니다. 바로 검색 엔진도 웹 문서를 읽기 시작한 것이지요. 그래서 이러한 정보를 더 잘 전달하기 위해서 의미론적 태그가 생겨났습니다. 의미론적 태그는 모두 블록 요소를 가지고 있으며 이는 보통 사용자 정의 태그가 inline 속성을 지니는데 비해 블록 요소를 가지고 있으며 이는 미리 정의된 태그라는걸 알 수 있습니다. 의미론적 태그(Semantic tag) 태그 이름 요소 설명 div 블록 요소들을 그룹으로 정의..

https://www.submarinecablemap.com/ Submarine Cable Map Copyright © 2023 TeleGeography www.submarinecablemap.com 각 나라의 해저케이블을 보는 사이트입니다. 하단 부분에 마지막 업데이트 날짜가 적혀있습니다. 2023년 12월 31일 기준 위 사이트의 마지막 업데이트 날짜는 Last updated Dec 16, 2023라고 적혀있습니다.

폼(form) 태그란 무엇인가요? 폼 태그는 입력을 받기 위한 입력 형태(form)를 정의하기 위해 사용됩니다. 폼 태그안에는 input 태그가 있으며 이에따라 다양한 입력(input)을 받을 수 있습니다. 하지만 로그인 페이지처럼 사용자로부터 입력을 받는다고 꼭 폼태그를 써야하는 것은 아닙니다. div 태그 안에 input 태그를 넣어서 해결 할 수도 있습니다. 그럼에도 폼 태그 덕분에 사용자로부터 입력을 받는 창을 더 쉽게 만들 수 있습니다. form 태그 태그 요소 분류 설명 form 블록 입력폼을 정의합니다. 한쌍을 이루는 태그이며 아래 예시처럼 많은 입력을 받을 수 있게 합니다. form 태그의 속성 속성 속성 값 설명 action URL 폼 안의 데이터가 서버로 제출될 때, 그 데이터가 도착할..

table 태그란 무엇인가요? 테이블 태그는 행과 열로 이루어진 테이블을 만들기 위해 사용하는 태그입니다. table 태그 태그 이름 요소 분류 태그 설명 table 블록 요소 셀(cell)을 행과 열로 표현합니다. table 태그의 하위 태그 table 태그의 하위 태그 table의 하위 태그 display 요소 설명 table-caption 테이블의 제목을 표시하기 위해서 사용됩니다. table-row 테이블의 한 줄(가로 줄)을 생성하기 위해서 사용됩니다. 행을 의미합니다. table-cell 테이블의 한 칸(cell)을 생성하기 위해서 사용됩니다. 열을 의미합니다. table-cell 테이블의 한 칸(cell)을 생성하기 위해서 사용됩니다. 제목을 표시하기 위해서 사용되며 bold처리가 되어 있습..

img(이미지) 태그 초창기 웹 사이트는 대부분 텍스트 위주였으나 멀티 미디어를 원했으며 img 태그가 등장하게 되었습니다. img 태그는 사진을 볼 수 있게 해주는 태그입니다. 간과하기 쉽지만 img 태그는 인라인 요소입니다. 그렇기에 세로로 쌓이지 않고 가로로 쌓이는 특징을 가지고 있습니다. 태그 설명 요소 분류 비고 img HTML 문서에 이미지를 삽입합니다. 인라인 요소 싱글 태그 img 태그의 속성 속성 속성 값 설명 alt 텍스트 이미지 로딩 실패 시 대체 텍스트를 설정합니다. border px(픽셀) 이미지에 검은색 테두리 두께를 지정합니다. 일반 숫자만 넣고 px를 적지 않아도 px로 인식합니다. height px(픽셀) 이미지의 세로 사이즈를 지정합니다. width px(픽셀) 이미지의 ..