전체 글 (265) 썸네일형 리스트형 [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, 즉 .. [CSS] 선언 방식 ▶ CSS 선언 방식 1. 인라인(Inline) 방식 - HTML 요소(태그)의 style 속성에 직접 작성하는 방식. - 직접 작성하기 때문에 선택자를 작성할 필요가 없음. - 사용 예시 /* HTML */ hello - 반복적인 사용이 많은 경우나 유지보수 등에서 위와 같이 직접 입력하는 방식은 좋은 방법이 되지 못함. - 사용 빈도를 떠나 직접 입력하는 행위는 지양하는 것이 좋음. 2. 내장(embedded) 방식 - HTML 문서의 안에 작성하는 방식. - 사용 예시 /* HTML */ hello 3. 링크(link) 방식. - HTML의 를 이용하여 외부 문서로 CSS를 불러와 적용하는 방식. - 사용 예시 /* HTML */ hello /* main.css */ div{ color:red; f.. [CSS] 기본 문법 ▶ CSS 기본 문법 - 문법 형식 선택자{속성: 속성값; 속성: 속성값;} - 먼저, HTML의 CSS를 연결할 때 사용하는 선택자를 작성. - 중괄호를 열고 닫은 범위 내에 특정한 CSS 명령인 속성과 그 속성에 해당하는 실질적인 값을 적음. - 속성과 값은 하나의 세트. - 하지만 위의 예시와 같이 옆으로 나열하여 작성하는 방식은 코드가 많아지면 가독성이 떨어짐. - 일부 경우를 제외하고는 아래와 같이 작성. 선택자{ 속성: 속성값; 속성: 속성값; } - 선택자(Selector)의 역할 - 속성과 값을 지정할 대상을 검색. - HTML의 특정한 부분을 검색해 연결해 줌. - 속성(property)과 값(value)의 역할 - 검색된 대상에 지정될 CSS 명령. - 예를 들어 글자색을 빨간색으로 하.. [HTML] 특수기호 - HTML Entities ▶ HTML Entities - 화면상에 'Hello world!'라는 문구를 출력하고 싶은 상황을 가정. - 이때 Hello와 world! 사이에 띄어쓰기를 여러 개 넣고 싶다면? - HTML에서 띄어쓰기는 여러 번 입력되더라도 화면상에는 한 번만 압축되어 출력됨. - 는 HTML의 특수기호로 한 번의 띄어쓰기를 의미함. - 원하는 만큼의 띄어쓰기가 들어갈 부분에 를 추가하여 처리할 수 있음. - 가 하나의 제목으로 출력되기 원하는 상황을 가정. - 가장 왼쪽 이미지의 코드는 화면상에 아무것도 출력되지 않음. 가 있는 부분의 코드가 HTML이 읽혀지는 실질적인 코드로 작성되어 있기 때문. - 꺽쇠괄호()가 열리고 닫히는 부분을 포함시켜 화면상에 출력시키고 싶다면 HTML Entities로 새롭게 작성 .. [HTML] 주석 - 주석 처리 시 브라우저는 해당 부분의 코드를 해석하지 않으며, 따라서 화면에 출력되지 않음. - 화면에 출력되지 않는 영역을 주석 또는 메모 처리할 수 있음. - 주석 처리를 담당하는 특수기호는 HTML, CSS, JS 등에서 모두 상이하게 나타남. - 하지만 주석 처리에 대한 단축키는 거의 모든 에디터에서 동일하게 사용. - 주석 처리할 영역을 드래그한 후 Ctrl+/(Windows) 또는 Cmd+/(macOS) 이전 1 ··· 22 23 24 25 26 27 28 ··· 34 다음
