본문 바로가기

반응형

Frontend

(74)
[jQuery] 새 창 / 새 탭으로 링크 열기 기존 링크를 클릭하면 사용 중인 페이지에서 링크가 열린다.링크 target="_blank"를 넣어주게 되면 새 창 / 새 탭에서 링크가 열린다고 한다.링크 html상으로는 새 창인지 새 탭인지 구분하기 어렵고 브라우저 설정에 따라 다르게 열린다고 한다.-> Why...?
[CSS] flexbox표현 방식 기존에 display: table로 표현했다가 height가 내용에 따라 달라지며 깨지는 부분이 발생해 이를 수정⬆️  before                     /                               after ⬆️  Before Code After Code
[HTML] 테이블 관련 요소 들 테이블 구성 요소  : 테이블을 만드는 태그  : 테이블의 헤더부분을 만드는 태그  : 테이블의 행을 만드는 태그  : 테이블의 열을 만드는 태그 기본적인 테이블 디자인 변경 요소테이블의 디자인을 바꿀 수 있는 방법은 다양한 방법이 있지만 아래의 요소들이 대표적속성의미예시 or 기능border테이블의 테두리(border="1") 숫자가 높을수록 테두리가 두꺼워짐bordercolor테이블의 테두리 색상(bordercolor="blue") default값은 검정width테이블 가로 크기(width=50px width=100%) 픽셀단위로 크기,비율로 변경 가능height테이블 세로 크기(width=50px width=100%) 픽셀단위로 크기,비율로 변경 가능align정렬테이블안에있는 값들을 정렬bgcolo..
[jQuery] 회고 7/8 1. jQuery 추가시 발생 에러이건 그냥 jQuery쓸줄만 알았지 추가할때 발생하는 에러가 무엇인지 무엇을 추가해야 했는지를 몰랐어서 발생했다. 기록을 위해 작성해본다. jQuery는 JavaScript의 라이브러리 중 하나로 CSS, JavaScript, Html을 보다 단순하게 구현하기 위해 사용한다.사용하는 방법은 간단하다. 라이브러리를 가져와서 JSP파일에서 불러와 사용하면 된다.공식홈페이지 ( https://jquery.com/download/ ) 에서 다운로드 가능하다. 내가 몰랐던 부분인데 map파일이 존재한다. 나는 잘 모르고 그냥 같이 사용하는 줄 알고 같이 넣었었다. because its MIME type ('~') is not executable  이 에러는 다음과 같은 원인으로 ..
[jQuery] 검색시 enter입력 방법 ... method1은 키보드의 번호로 입력을 받는 것이다.method2는 키보드의 엔터키로 이벤트가 발생함을 인지 하는 것이다.
[Tile&JSP] Template 및 Tile에 Custom한 페이지 적용 기존에 국문으로만 작성된 페이지를 영문 페이지도 생성하는 작업을 하려고 한다.데이터 외에 메뉴 등 HardCording된 Text들만 먼저 수정해놓으려고 했다. ( 전체적인 컨셉 파악용)그러면서 페이지 구성을 뜯어보게 되어 기록에 남기려고 한다. 예시로 작성하는 코드들이라 참고만 하기 바란다. 먼저 Controller에서 페이지 불러오게 한다.// indexController.java/*** 영문 메인* @param locale* @param model* @return* @throws Exception */ @RequestMapping(value = "/en")public String indexEng(HttpServletRequest request, HttpServletResponse response, ..
[JSTL] ajax 사용시 변수 업데이트 "/> 프로그램 정보 프로그램 상세정보 수강자 정보 "/> 교육정보 교육명* ..
[JSTL] 옵션값 선택 선택 ${index} ${maxCOrder + 1} document.addEventListener('DOMContentLoaded', function () { var select = document.getElementById('curriculumAddOrder'); var options = select.options; console.log("Option list:"); for (var i = 0; i

반응형