본문 바로가기
728x90

분류 전체보기976

[JQuery]로 테이블에 행 추가하는 방법 jQuery로 테이블에 행 추가하는 방법안녕하세요, 개발자 여러분! 오늘은 jQuery를 사용해서 테이블에 새로운 행()을 추가하는 방법을 알아보겠습니다. 초보자도 쉽게 따라 할 수 있게 간단한 예제와 함께 설명드릴게요!1. 기본 행 추가 방법jQuery에서는 append(), prepend(), after() 같은 메소드를 사용해서 테이블에 행을 추가할 수 있어요.append(): 테이블 마지막에 행 추가$("#myTable").append("새 행");prepend(): 테이블 처음에 행 추가$("#myTable").prepend("새 행");after(): 특정 행 뒤에 추가$("#myTable tr:first").after("새 행");2. 테이블 구조에 맞게 추가하기보통 테이블은 와 로 나뉘어 .. 2025. 3. 5.
[Jquery]로 특정 위치 태그에서 텍스트 가져오는 방법 jQuery로 특정 위치 태그에서 텍스트 가져오는 방법안녕하세요, 개발자 여러분! 이번 포스팅에서는 jQuery를 사용해 원하는 위치의 태그에서 텍스트를 가져오는 방법을 알아보겠습니다. 테이블 안의 특정 셀이나 리스트의 특정 항목 등, 다양한 상황에서 활용할 수 있으니 잘 살펴보세요!1. 기본 텍스트 가져오기jQuery에서는 text() 또는 html() 메소드를 사용해 태그의 내용을 가져올 수 있습니다.text(): 순수 텍스트만 가져옴let text = $("#myElement").text();html(): HTML 태그를 포함한 내용 가져옴let html = $("#myElement").html();2. 특정 위치에서 텍스트 가져오기특정 위치의 태그를 선택하려면 jQuery의 선택자나 인덱스를 활용.. 2025. 3. 5.
[Jquery]로 마지막 TR 제거 방법 jQuery로 테이블의 마지막 TR 제거하는 방법안녕하세요, 개발자 여러분! 오늘은 jQuery를 사용해서 테이블의 마지막 행()을 제거하는 방법을 간단히 알아보겠습니다. 여러 가지 방법이 있으니 상황에 맞게 활용해보세요!1. 기본 제거 방법가장 간단한 방법 두 가지를 먼저 소개합니다.:last 선택자 사용$("tr:last").remove();last() 메소드 사용$("tr").last().remove();2. 특정 테이블에 적용하기만약 여러 테이블 중 특정 테이블의 마지막 행만 제거하고 싶다면, 테이블의 ID나 클래스를 지정하면 됩니다.// ID가 'myTable'인 테이블의 마지막 행 제거$("#myTable tr:last").remove();// 클래스가 'table-class'인 테이블의 마지.. 2025. 3. 5.
리눅스 민트에서 디스크 정보 확인 하기 Linux Mint에서 디스크 정보 확인하기Linux Mint에서 시스템에 연결된 디스크 정보를 확인하는 방법을 정리했습니다. 각 명령어를 사용하여 디스크 및 파티션 정보를 쉽게 조회할 수 있습니다.1. 시스템에 연결된 디스크 확인lsblk 명령어 실행시스템에 연결된 모든 디스크와 파티션을 확인하려면 다음 명령어를 실행합니다.lsblk실행 결과 예시NAME MAJ:MIN RM SIZE RO TYPE MOUNTPOINTSsda 8:0 0 476.9G 0 disk ├─sda1 8:1 0 476.9G 0 part /media/user/DATA1sdb 8:16 0 476.9G 0 disk ├─sdb1 8:17.. 2025. 3. 3.
.split() 메서드를 이용하여 문자열을 분할하고, 배열에서 값을 선택하는 방법 안녕하세요, 코딩하는 늑대입니다! 이번 포스팅에서는 자바스크립트의 split() 메서드를 사용하여 문자열을 분리하고, 배열 값 중 특정 값을 가져오는 방법을 알아볼게요.먼저, 예제 코드는 다음과 같습니다:// 입력 문자열const inputString = "Hello,World,JavaScript,Developer";// 문자열 분리const array = inputString.split(",");// 특정 위치의 배열 값 가져오기 (예: 두 번째 값)const secondValue = array[1];// 결과 출력console.log(secondValue); // 출력: World 설명을 드리자면, 위 코드는 다음과 같은 과정을 거쳐요:inputString 변수에 문자열을 할당해요..split(.. 2025. 2. 18.
바닐라 자바스크립트로 클릭 이벤트 구성하기 바닐라 자바스크립트로 만 클릭 이벤트 구현하기 addEventListener 로 이벤트 연결 하면 클릭 이벤트 외 다른것도 가능하니 세부 내용은 주석 참고 하세요 2020. 10. 7.
728x90