HTML 9

ul li 각각 onclick tr td

-----상황------ 아래와같은 경우 ${resultSet.PAGE_NO} 를 클릭시 onclick="openPage();" 와 onclick="fnDetail(this);" 두 함수가 같이 실행 됨 여기서 ${resultSet.PAGE_NO} 를 클릭시 onclick="openPage();" 함수만 실행되게 하고싶음 ${resultSet.NO} ${resultSet.PAGE_NO} ${resultSet.CHECK_DT} ${resultSet.COMP_DT} 방법 : onclick=" event.cancelBubble = true;" 로 이벤트 번짐을 막아야하는데 태그에서 onclick에 해도되고 href가 아닌 onclick에서 이벤트 제어해야함 ${resultSet.NO} ..

development♥ 2023.03.28

자바스크립트 줄바꿈, 따옴표, 큰 따옴표, 역슬래시, 기본 출력 방법

자바스크립트 줄바꿈, 따옴표, 큰따옴표, 역슬래시, 기본 출력 방법 따옴표, 큰다옴표 출력방법 자바스크립트는 큰따옴표(“ ”)와 작은따옴표(' ') 모두를 문자열로 인식한다. 그래서 console.log("안녕하세요"); console.log('안녕하세요'); 둘다 가능하다 그렇다면 작은따옴표과 큰따옴표를 문자열로 표시하고 싶을때는 어떻게 해야할까? --> 해당문자 앞에 역슬래쉬(\) 를 입력하면 된다. ' 를 문자로 인식하게 하려면 자바스크립트에서는 \ ' 이렇게 작성해야함 " 를 문자로 인식하게 하려면 \ " 이렇게 작성해야함 예. 색깔은 "파랑"입니다. ==> 라고 입력하고 싶은경우 console.log("색깔은 \"" + "파랑\" " + "입니다."); 역슬래시 , 줄바꿈 출력 방법 역슬래시 (..

development♥ 2023.03.14

<%%> ,<c:forEach> , $ { } 차이

1. [Java Html안에서 사용할 때 ] 특징으로는 로 자바코드를 사용할 수 있다는 것이다. ​ HTML 상에 표시하기 위해서는 (스크립트릿) 안에서 out.println("출력할 컨텐츠") 으로 표시하거나, ​ 밖에서 (표현식) 로 HTML 상에 컨텐츠를 표시할 수 있다. ​ 예제에서는 ​ ​ 이런 식으로 사용하였다. 첫번 째 (스크립트릿) 에서 for 문이 끝나지 않았지만, 두번 째 안에 끝나지 않은 부분을 이어 붙이는 것이 가능하다. 2. 는 jstl 3. 제이쿼리 Jquery $ { }

development♥ 2022.12.24

Jquery 제이쿼리 attr 사용방법 및 예시

function fnSelectDeptSearchModal($select) { //db에 값저장 및 보여주기 var partId = $select.data('part_id'); var partNm = $select.data('part_nm'); console.log(partId,partNm); $('input[name=dept_nm').css("display",""); $('input[name=dept_nm').val(partNm); $('input[name=dept_id').val(partId); console.log(partId,partNm); //type값을 가져오는거 $('input[name=dept_id').attr('type') console.log($('input[name=dept_id')...

development♥ 2022.12.23

비주얼스튜디오 설치 및 기본설정 Visual Studio Tools 에디터 설정

비주얼스튜디오 다운로드 및 기본설정 아래 링크를 통해서 본인 컴퓨터에 맞는거로 다운로드 하시면 됩니다. 저같은 경우는 윈도우를 사용해서 윈도우에맞는거로 다운받았습니다. ↓ 비주얼스튜디오 다운로드 https://visualstudio.microsoft.com/ko/downloads/ 다운로드를 완료한 후에는 프러그인을 설치해야하는데요 --> 몇 프로그램을 통해서 코드작성시 조금 더 편리하게 작성하는거라고 생각하시면 됩니다 . 총7가지 플러그인을 설치할건데요! 1. Korean Language Pack -> 비주얼스튜디오 프로그램을 한글화 2. Meterial Icon Theme -> 탐색기에서 icon을 조금 더 명확하게 변경해줌3. One Dark Pro -> 에디터 색상을 변경해줌4. Live Serv..

development♥ 2022.10.27

textarea 태그 작성법

textarea태그의 placeholder 및 줄 바꿈 textarea태그는 input태그와 달리 여러줄 입력이 가능하다 :) textarea태그 특징 (1) -- 단일태그 X --- O (2) textarea코드 작성시 줄을 띄우면 안됨 예. [틀린예시] [맞는예시] -->한줄로 작성하기 input태그와 textarea태그 작성 차이 input태그 à textarea태그로 변경시 확인할것 --- 아래코드로 변경 ---코드설명--- 는 단일태그가 아닌 닫는 태그 필요 Type=”text” 삭제 Input 태그는 value를 사용하지만 textarea는 이것만 사용함 ***주의할 것**** textarea태그 사용시 줄을 띄우면안댐 아래 사진에보면 코드가 줄바꿈없이 되어있음 이유는 작성할 때 그런 줄바꿈같..

development♥ 2022.10.22
반응형