본문 바로가기
728x90
반응형

분류 전체보기

 (245)
[CSS] 가상 요소 선택자(Pseudo-Elements Selectors) ▶ 가상 요소 선택자(Pseudo-Elements Selectors)- CSS를 통해 HTML에 가상 요소를 생성해서 제공. - 가상 요소 선택자의 기호는 :: 1. before - E 요소 내부의 앞에 내용, contents를 삽입. - 사용 방법 E::before - 가상 요소를 삽입하는 것. - 가상 요소 선택자 사용 시에는 content 속성을 반드시 작성해야 함. - 작성하지 않을 경우 위의 예시와 같이 아무것도 적용되지 않음. - 내용을 적지 않더라도 필수로 사용해야 함. - 별도의 내용을 적지 않을 경우 content: "";와 같이 작성. 2. after - E 요소 내부 뒤에 내용, contents를 삽입 - 사용법 E::after ※ before/after의 경우 앞뒤에 가상의 요소를 ..
[iReport] 동일 밴드(band) 가로/세로로 나눠서 출력하기 •리포트 우 클릭 -> Properties -> Page size / Columns •Page size에서 리포트 크기를 원하는 크기로 줄일 수 있음 •디테일 밴드는 세로 출력이 기본이나 Columns를 수정하여 원하는 형식으로 변경 가능 •Print order를 Horizontal로 변경 및 Columns를 2로 설정하여 이미지가 가로로 2개씩 출력되도록 설정
[iReport] 바코드(Barcode) 사용하기 • Palette 클릭 후 Bacode를 드래그 앤 드랍. • 원하는 바코드 형태를 선택. • 바코드 클릭 -> Properties -> Code Expression의 …을 클릭. • 사용할 필드 값을 넣어줌. 완료 한 후에 프리뷰를 누르면 바코드가 정상적으로 출력됩니다. 스마트폰 바코드 앱 혹은 바코드 스캐너를 이용하여 해당 바코드를 스캔할 경우 지정한 필드 값이 뜨는 것을 확인할 수 있습니다.
[iReport] DB에 Binary Data로 저장된 이미지 출력 • Palette에서 이미지 드래그 앤 드랍 • 특정 파일을 불러오지 않고 취소 버튼 클릭 • 쿼리문 작성 • 아이리포트에 이미지를 사용하기 위해서는 해당 데이터를 encode 해야 함. • 아이리포트의 쿼리문도 변경하여 적용. •이미지 클릭 -> Properties 클릭 -> Expession Class를 java.io.inputStream으로 변경 • Image Expression에 다음과 같이 넣어 줌. • net.sf.jasperreports.engine.util.JRImageLoader.getInstance(new SimpleJasperReportsContext()).loadAwtImageFromBytes(javax.xml.bind.DatatypeConverter.parseBase64Binary..
[Java] byte 배열을 물리적인 파일로 변환 public void writeToFile(String filename, byte[] pData){ if(pData == null){ return; } int lByteArraySize = pData.length; System.out.println(filename); try{ File lOutFile = new File("C:/madev/"+filename+".jpg"); FileOutputStream lFileOutputStream = new FileOutputStream(lOutFile); lFileOutputStream.write(pData); lFileOutputStream.close(); }catch(Throwable e){ e.printStackTrace(System.out); } }
[CSS] 가상 클래스 선택자(Pseudo-classes Selectors) ▶ 가상 클래스 선택자(Pseudo-classes Selectors) - Pseudo는 가상, 가짜를 의미함. 가상/가짜 클래스를 제공하는 개념. - 기본 선택자에 붙여 사용. - 가상 클래스 선택자 기호는 : - 가상 요소 선택자 기호 ::와 혼동하지 않도록 주의. 1. hover - 요소 E에 마우스 포인터가 올라가 있는 동안에만 E 선택. 마우스 오버 시에만 동작함. - 사용법 E:hover - E 자리에는 기본 선택자 4가지(전체 선택자, 태그 선택자, 아이디 선택자, 클래스 선택자) 중 하나를 사용. 2. active - 요소 E를 마우스로 클릭하고 있는 동안에만 E 선택. 클릭하고 있는 동안에만 동작. - 사용법 E:active 3. focus - E가 포커스된 동안에만 E를 선택. - 사용법..
[CSS] 복합 선택자(Combinators) ▶ 복합 선택자(Combinators) 1. 일치 선택자(Basic Combinator) - 조건 E와 F를 동시에 만족하는 요소 선택 시 EF - 일치 선택자는 기본 선택자 4개 중 둘 이상을 붙여서 작성함. - 두 조건을 동시에 만족하는 요소를 찾음. 2. 자식선택자(Child Combinator) - HTML에는 부모 요소와 자식 요소라는 개념이 있고 이들은 상대적임. - E의 자식 요소 F를 선택 시 E>F - 실질적으로는 마지막 부분에 있는 선택자만 찾는 것이고 앞 부분의 선택자는 일종의 조건에 해당함. - 위의 예시에서 결과적으로는 .color-red라는 요소를 찾는 것인데 그 조건이 ul 태그의 자식이어야 한다는 것. 3. 후손(하위, 자손) 선택자(Descendant Combinator) ..
[CSS] 기본 선택자(Basic selectors) ※ 선택자(Selectors)? html과 css를 연결. ▶ 기본 선택자(Basic Selectors) 1. 전체 선택자(Universal Selector) - 요소 내부의 모든 요소를 선택. - 전체 선택자를 의미하는 기호는 * - 전체를 선택하기 때문에 활용도가 떨어질 수 있음. 2. 태그 선택자(Type Selector) - 태그 이름으로 검색하는 것. - 태그 이름이 E인 요소 선택하려는 시 태그 선택자로는 E 사용. - 태그 이름을 그대로 사용. - 앞뒤로 기호가 없는 경우 태그 선택자로 해석됨. - 태그 선택자는 이 HTML 문서에서 사용한 모든 태그들을 전부 선택하기 때문에 활용도가 떨어질 수 있음. 3. 클래스 선택자(Class Selector) - HTML의 전역 속성 class, 즉 ..
728x90
반응형

티스토리툴바