분류 전체보기 (26) 썸네일형 리스트형 [Javascript] Video 삽입 1. 이클립스 프로젝트에서 video를 저장할 폴더를 만든다. (ex. movie) 2. 퀀텀DB에서 video명(varchar)을 폴더명 삽입하여 정한다. (ex. movie/mv1.mp4) 3. a태그 href 안먹힐때 해결방법(1) 가끔가다가 a태그 href가 안먹히는 경우가 있습니다. 일반적으로 a태그를 레이아웃이 덮고 있어서인 경우가 많으므로 우선 a태그의 z-index를 최대치로 줘봅니다. 이때, z-index가 먹히려면 position의 값이 relative,fixed,absolute 셋 중 하나의 값을 가져야 합니다. (예시) 폰트어썸(Font Awesome) 이용하여 아이콘 가져오기 개인 프로젝트를 만들기 시작하면서, 아이콘의 중요성을 매초 실감하고 있습니다. 웹에 꼭 아이콘을 삽입해야 하는 건 아니지만, 확실히 UI 가 시각적 정보를 확연하게 잘 전달하는 것은 사실 ! 오늘은 부트스트랩(BootStrap)과 비견해서 깔끔한 아이콘을 제공하는 폰트어썸(Font Awesome) 사용법을 소개하려고 합니다. 1) 폰트어썸(Font Awesome) 사이트 Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com 2) 로그인 > 개인 Kit Code 복사 간단한 이메일 인증을 거쳐 회원가입을 하면.. Apache Tomcat 서버 에러: Port 번호 바꿔서 해결하기 이클립스에 톰캣 서버를 깔고 무리없이 사용하던 어느 날, 갑자기 아래와 같은 에러가 떴습니다. Port 8080 required by Tomcat v9.0 Server at localhost is already in use. The server may already be running in another process, or a system process may be using the port. To start this server you will need to stop the other process or change the port number(s). 대략, localhost의 Tomcat v9.0 서버에 필요한 포트번호인 8080이 이미 사용 중이라는 뜻. 즉, 서버가 이미 다른 프로세스에서 실행 .. [JSP] form, action form 태그 : 데이터나 요청을 전송 1) action 2) method : get방식 / post방식 (1) get방식 --주소통해 바로 접근 가능 --request되는 값들이 url에 노출됨. 따라서 보안이 중요치않은 검색 등은 get방식 사용 (2)post방식 --브라우저통한 접근 --request되는 값들이 u r l에 노출되지 않음. 따라서 로그인,파일업로드,insert,update 또는 대용량 데이터 보낼때 무조건 post방식 사용 --post방식은 한글이 무조건 깨지므로 처리해줘야함 --> (action 시 처리한다) form: test1.jsp 파일에서 작성 action: test2.jsp 파일에서 실행 test1.jsp 파일 코드 test2.jsp 파일 코드 [JSP] 이클립스에서 JSP 환경설정하기 1. 톰캣 다운로드 Apache Tomcat의 어느 버전을 깔아도 무방하나, 저는 최신의 한단계 아래인 9.0ver를 설치했습니다. 64-bit Windows zip 파일을 클릭합니다. 2. 이클립스에 톰캣 설정 톰캣 설치가 완료되었으면 이클립스-Dynamic Web Project-Apache에서 설치한 ver인 Tomcat v9.0을 클릭합니다. 경로는 톰캣 서버를 설치한 위치로 설정합니다. 원하는 Project name을 설정 후 Next>Finish 이클립스 하단에 No servers are available. Click this link to create a new server를 눌러 톰캣 9.0ver를 클릭>Next Available에 있는 프로젝트를 Configured로 이동시켜줍니다. 3. .. [jQuery] '좋아요' 하트버튼 구현 1. empty 하트를 클릭하면, full-red 하트가 되도록 구현 2. full-red 하트 클릭 시 다시 empty 하트로 되돌리기 [jQuery] 간단한 메뉴 구현 [디자인] [구현] [jQuery] each문 each문 : Tag 반복시 사용하는 함수 --형식: $("tag").each(function (index,element) { } ); --index : 0,1,2... --element: index에 해당하는 tag [jQuery] jQuery 기본함수_html(),text(),append(),addClass() 등 * 반드시 jQuery script를 적용 [1] jQuery의 $( function( ){ } ) == javascript의 window.onload( ) --head에서 script를 줄 때 반드시 사용 [2] jQuery에서 style값 얻어오거나 변경 시 - css / 속성값 얻어오거나 변경 시 - attr [3] 그 외 jQuery 기본함수 --html( ) : javascript의 innerHTML --text( ) : javascript의 innerText --append( ) : 속성 추가 --addClass( "classname" ) : classname이라는 이름을 가진 클래스 추가 --removeClass( "classname" ) : classname이라는 이름을 가진 클래스 제거 .. 이전 1 2 3 다음
