전체 글(312)
-
[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의 경우 앞뒤에 가상의 요소를 ..
2020.09.03 -
[iReport] 동일 밴드(band) 가로/세로로 나눠서 출력하기
•리포트 우 클릭 -> Properties -> Page size / Columns •Page size에서 리포트 크기를 원하는 크기로 줄일 수 있음 •디테일 밴드는 세로 출력이 기본이나 Columns를 수정하여 원하는 형식으로 변경 가능 •Print order를 Horizontal로 변경 및 Columns를 2로 설정하여 이미지가 가로로 2개씩 출력되도록 설정
2020.09.02 -
[iReport] 바코드(Barcode) 사용하기
• Palette 클릭 후 Bacode를 드래그 앤 드랍. • 원하는 바코드 형태를 선택. • 바코드 클릭 -> Properties -> Code Expression의 …을 클릭. • 사용할 필드 값을 넣어줌. 완료 한 후에 프리뷰를 누르면 바코드가 정상적으로 출력됩니다. 스마트폰 바코드 앱 혹은 바코드 스캐너를 이용하여 해당 바코드를 스캔할 경우 지정한 필드 값이 뜨는 것을 확인할 수 있습니다.
2020.09.02 -
[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..
2020.09.02 -
[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); } }
2020.09.02 -
[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를 선택. - 사용법..
2020.09.02