본문 바로가기

전체 글329

[JavaScript] 웹 페이지에 시간 출력하는 방법 현재 시간 : 오후 00시00분00초 ▼ 위와 같이 웹 페이지에 JavaScript로 시간 출력하는 방법 #time{ text-align:center; } function showTime(){ now = new Date(); hours = now.getHours(); //현재 시간 오후 1시일 경우 13이 hours 변수에 들어감 if(hours>=12){ clock = "현재 시간 오후 " + (hours-12) + "시" } else{ clock = "현재 시간 오전 " + hours + "시"; } minutes = now.getMinutes(); if(minutes 2022. 4. 1.
[CSS] 더듬더듬... 확고의 기억 더듬기 (CSS 기초 편 - 선택자①) 작업 대상 선택자 적용 hwak gogo sing * 분홍 em : div 자식 선택자 * 하늘 em : span 자식 선택자이면서 div 자손 선택자 ① $('div em').css('background-color','pink'); → div 하위 태그 em 전부 다 스타일 적용시켜라 hwak, gogo, sing에 분홍색 배경 적용됨 ※ 태그 사이에 스페이스바는 앞 태그의 자손을 선택할 때 사용 여기선 div 태그 안에 있는 em 태그 전부 ② $('div > em').css('background-color','pink'); → div 바로 밑에 있는 자식 태그 em에만 스타일 적용시켜라 hwak, sing 분홍색 배경 적용됨 (div 태그 입장에서 바로 밑에 있는 em 태그는 자식 태그, span .. 2022. 4. 1.
[JQuery] jquery.js 파일 - css 함수 ※ jquery.js 파일 안에 있는 css 함수 정의해 있는 걸 가져다가 사용하므로 js 파일 추가 및 위치 설정 필요 함수 구분 설명 사용 예시 객체.css('속성','값'); 객체에 스타일 적용 ① $("div em").css('border', '1pt solid #000000'); → div 태그 안 하위 태그 em 자리에 테두리 1pt 사이즈로 검은색 실선 스타일을 적용해라 ② $("div em").css('font-size','20pt'); → div 태그 안 하위 태그 em 자리에 글자 크기 20pt 사이즈로 스타일을 적용해라 ※ ① ~ ②와 같이 작업 대상이 같을 경우 연결해서 사용 가능 $("div em").css('border', '1pt solid #000000').css('font-.. 2022. 4. 1.
[JQuery] 더듬더듬... 확고의 기억 더듬기 (J쿼리 기초 편①) 내용 설명 $(document).ready(function(){ alert(1); }); document 영역이 준비되면 괄호 안 내용을 실행해라(alert으로 1을 띄움) $(document).ready(exam); function exam( ){ alert(1); } document 영역이 준비되면 exam함수를 실행해라 exam 함수는 alert으로 1을 띄움 2022. 4. 1.
[JQuery] jquery.js 파일 - addClass 함수 ※ jquery.js 파일 안에 있는 addClass 함수 정의해 있는 걸 가져다가 사용하므로 js 파일 추가 및 위치 설정 필요 함수 구분 설명 사용 예시 객체.addClass('클래스명'); 객체에 클래스를 추가 ① $('div').addClass('exam'); → div 태그 자리에 exam 클래스를 추가해라 (div 태그 자리에 직접 class="exam" 쓴 것과 같음) ② $('#exam1').addClass('hwakgo'); → id가 exam1인 곳에 hwakgo 클래스를 추가해라 ※ id를 불러올 땐 #을 사용 ③ $('.exam2').addClass('gogo'); → class가 exam2인 곳에 gogo 클래스를 하나 더 추가 ※ class를 불러올 땐 점(.)을 사용 ▼ js .. 2022. 4. 1.
[Python] Anaconda 프로그램 설치 및 이클립스 프로젝트 생성 Anaconda는 Python만 설치하는 것보다 훨씬 더 많은 패키지를 제공한다 설치 방법은 아래와 같다 [설치 방법] (1) 사이트 접속(https://www.anaconda.com/) 후 첫 화면에 다운로드 클릭 Anaconda | The World's Most Popular Data Science Platform Anaconda is the birthplace of Python data science. We are a movement of data scientists, data-driven enterprises, and open source communities. www.anaconda.com (2) Next 이동 → I Agree 이동 → Just Me 체크 이동 (3) 저장 경로 지정 (폴더 이.. 2022. 4. 1.
[JSP] 웹 이미지 파일 업로드 작업 웹서버 폴더에 이미지 파일 업로드 작업할 때 필요한 작업 1 form태그 속성 추가(1) enctype="multipart/form=data" 2 form태그 속성 추가(2) method="post" (get방식 X) 3 MultipartRequest 객체 생성/임포트 등 String configFolder = config.getServletContext().getRealPath("img"); int maxSize = 1024 * 1024 * 5; //최대 5메가까지 하겠다 String encType = "UTF-8"; MultipartRequest mr = new MultipartRequest( request, //요청정보 configFolder, //웹서버폴더 위치 maxSize, //최대 크기 en.. 2022. 3. 31.
[JSP] 연도 오름차순/내림차순(Core 라이브러리 활용 - forEach) [연도 오름차순] 1 2 3 4 5 6 7 ${i } Colored by Color Scripter cs [연도 내림차순] 1 2 3 4 5 6 7 8 9 10 11 12 13 ${currentyear-i+1900} Colored by Color Scripter cs 2022. 3. 31.
[JSP] Java 배열 반복문(Core 라이브러리 활용 - forEach) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ${cty[i]} ${i} Colored by Color Scripter cs 2022. 3. 31.
728x90
반응형

티스토리툴바