어제 오늘 내일

Visual Studio Code (VSCode)의 에디터 창의 글자 크기를 조정하는 방법 2가지를 소개합니다. 1. 글자 크기 숫자로 지정하기 (1) 설정 메뉴에 들어갑니다. 다음 중 한가지 방법을 선택하여 설정 메뉴에 들어갑니다. File > Preperences > Settings 메뉴 이용 화면 왼쪽 하단의 톱니바퀴 모양의 '설정' 아이콘 이용 단축키 : Ctrl + , 이용 (2) User > Text Editor > Font > Font Size Font Size를 숫자로 지정합니다. 2. 마우스 휠로 조정하기 마우스 휠과 Ctrl키를 이용하여, 에디터 창의 글자 크기를 조정할 수도 있습니다. (1) Setting > User > Text Editor > Mouse Wheel Zoom (Mou..

정규식을 이용하여 문자열의 마지막에 콤마가 있을 경우, 콤마를 제거하는 방법을 소개합니다. 문자열에서 마지막 콤마 제거하기 const str1 = "apple, banana"; const str2 = "apple, banana,"; const str3 = "apple, banana, "; str1과 같이 문자열의 끝에 콤마가 없을 경우, 문자열을 그대로 유지하고, str2와 같이 문자열의 끝에 콤마가 있을 경우, 문자열에서 콤마를 제거하고, str3과 같이 문자열의 끝에 콤마가 있고, 빈 공백이 이어진 경우, 문자열에서 콤마를 제거하는 방법을 소개합니다. const str1 = "apple, banana"; const str2 = "apple, banana,"; const str3 = "apple, ba..

배열 첫번째 값 가져오기 const arr = [1, 2, 3, 4, 5]; const firstValue = arr[0]; document.writeln(firstValue); const firstValue = arr[0]; 배열의 첫번째 값을 가져오기 위해서 배열의 0번째 index 값을 읽었습니다. (배열의 index는 0부터 시작합니다.) 배열 마지막 값 가져오기 const arr = [1, 2, 3, 4, 5]; const lastValue = arr[arr.length - 1]; document.writeln(lastValue); const lastValue = arr[arr.length - 1]; 배열의 마지막 값을 읽어오기 위해서 (배열의 길이 - 1) 번째 index 값을 읽었습니다. 위..

HTML에서 목록을 표현할 때, , , 를 사용합니다. [HTML] 순서없는 목록 만들기 [HTML] 순서있는 목록 만들기 이번에는 HTML에서 목록을 표현하는 , , 에 동적으로 목록을 추가하고 삭제할 수 있는 방법을 소개합니다. 에 동적으로 추가하기 function addList() { // 1. 추가할 값을 input창에서 읽어온다 const addValue = document.getElementById('addValue').value; // 2. 추가할 li element 생성 // 2-1. 추가할 li element 생성 const li = document.createElement("li"); // 2-2. li에 id 속성 추가 li.setAttribute('id',addValue); // 2..

지난번에는 테이블 안의 글자를 정렬하는 방법을 알아보았습니다. [HTML/CSS] 테이블 글자 왼쪽, 오른쪽, 가운데, 위, 아래, 중앙 정렬하기 (가로, 세로 정렬) [HTML/CSS] 테이블 글자 왼쪽, 오른쪽, 가운데, 위, 아래, 중앙 정렬하기 (가로, 세로 정렬) HTML과 CSS를 이용하여 테이블 안의 글자를 정렬하는 방법을 정리하였습니다. 1. 글자 왼쪽, 오른쪽, 가운데 정렬하기 (가로 정렬) 2. 글자 위, 아래, 중간 정렬하기 (세로 정렬) 3. 정리 (가로 세로 모 hianna.tistory.com 이번에는, CSS를 사용해서 HTML 테이블을 가운데 정렬하는 방법입니다. 테이블 가운데 정렬하기 Product Price Apple 3000 Banana 2000 table { margi..