반응형 Language252 특정 화면에만 CSS 스타일 변경방법 NewFile.css 파일에서 test class를 가져와 버튼에 적용시키는 코드인데 css 파일에서 width와 height를 400으로 주는 바람에 버튼이 너무 큰 것 같다 그래서 width와 height를 100으로 바꾸려고 하는데 문제는 css 파일을 바꾸면 안된다 이 화면에서만 width와 height를 변경해야 하는데 이럴 때 해결방법은 해당 화면에 style을 작성한 뒤에 동일한 이름으로 class를 작성하면 해당 화면에서 작성한 style이 우선되기 때문에 타 화면에서는 width, height가 400이지만 해당 화면에서는 100으로 변경되어 적용되게 된다 예제에 사용한 코드는 아래와 같다 2020. 6. 29. CSS HTML 연결방법 정리글 CSS 파일을 HTML로 연결하는 방법은 두 가지 방법이 있는데 차례대로 알아보자면 여기서 경로는 css 파일이 위치한 폴더를 지정해주는 것으로 WebContent 안에 폴더 없이 css를 넣어놨다면 경로 없이 CSS파일명.css만 작성해주면 되고 WebContent 안에 css라는 폴더를 작성하고 그 안에 css 파일을 넣어놨다면 css/CSS파일명.css가 되는 것이다 마지막으로 두 방법 중에 주로 사용하는 방법은 2020. 6. 29. 자바스크립트 값 JSON 형태로 만들기 및 파싱방법 정리 자바스크립트에서 JSON 형태로 값을 변환할 때에는 JSON.stringify(값) 을 해주면 변환이 되고 반대로 JSON에서 Javascript 형태로 파싱해서 읽을 때에는 JSON.parse(값) 을 해주면 된다 변환되는 형태는 위에 3줄이 자바스크립트에서 JSON으로 바뀐 것이고 그 다음 3줄은 JSON에서 자바스크립트로 바꾼것데 배열도 어떻게 넘겨주느냐에 따라 다르게 들어간다 2020. 6. 25. 자바스크립트 현재 년월일시분초 요일 가져오는 방법 자바스크립트에서 new Date를 사용해 현재 날짜 정보를 가져올 수 있는데 var date = new Date;는 현재 날짜 정보를 date 변수에 넣는 것이 되겠다 한번 넣어두면 날짜가 지난다고 date에 반영되지 않기 때문에 10시 1분에 date 객체를 생성하고 10시 10분에 date 객체의 분을 가져오면 10분이 아닌 1분이 나오게 된다 date를 찍어보면 전체 날짜정보가 나오며 년월일시분초 요일로 따로 잘라오고 싶으면 년 > date.getFullYear() 월 > (date.getMonth() + 1) 일 > date.getDate() 시 > date.getHours() 분 > date.getMinutes() 초 > date.getSeconds() 요일 > date.getDay() 이렇게 .. 2020. 6. 24. 자바스크립트 올림 내림 반올림 자리수 반올림 방법 소수를 무조건 올릴 때는 Math.ceil(값) 소수를 무조건 내릴 때는 Math.floor(값) 소수를 반올림 할 경우에는 Math.round(값) 소수를 특정 자리수 까지만 반올림 하려는 경우에는 값.toFixed(소수_자리수)를 사용해주면 된다 2020. 6. 24. 자바스크립트 style 추가 변경 삭제방법 자바스크립트를 이용해 검색 버튼의 width를 400px로 설정한 것이 너무 큰 관계로 검색 버튼을 눌렀을 경우 초기값으로 변경하려고 하는데 코드를 보면 search_btn을 onclick 했을 경우 style의 width를 변경하는 내용이다 style 추가 변경 삭제는 한 방법으로 할 수 있는데 document.getElementById("ID값").style = ""; 추가와 변경은 style = ""에 값을 넣어주면 되고 삭제는 style = ""를 해주면 style이 모두 지워지므로 삭제가 된다 위 코드를 실행한 결과 검색 버튼을 누르니 style이 삭제되어 width가 기존 사이즈로 변한 것이 보인다 예제 코드는 아래와 같다 2020. 6. 23. 이전 1 ··· 18 19 20 21 22 23 24 ··· 42 다음 반응형
