본문 바로가기
728x90

분류 전체보기259

[HTML] Style 속성 스타일(style) 속성 스타일 속성은 해당 태그에 여러 외적인 요소를 입혀주는 속성이다. 스타일 속성에서 쓰는 구문은 CSS(Cascading Style Sheet) 구문이고 CSS 파일은 .css 확장자를 가진다. CSS 구문은 property와 그에 해당하는 값으로 구성되어 있고, 한 쌍(property : value)이 끝날 때마다 세미콜론을 통해 끝났음을 알려야 한다. p { /* property : value ; */ color : red; background : blue; font-size : 15px; } 스타일은 어디에서 선언해주냐에 따라 총 3가지 방식으로 구분된다. Inline style sheet inline style sheet은 이름 그대로 태그 안에 스타일 속성을 지정해주는 방.. 2023. 10. 20.
[HTML] 속성(Attribute) 속성 (Attribute) HTML에서 같은 tag라도 다른 동작을 할 수 있도록 속성을 지정해 줄 수 있다. 예를 들어 아래와 같이, h1 태그 2개가 선언되어 있다고 해보자. 초록색 글씨 빨간색 글씨 이 때에, h1 태그의 글자색을 파란색으로 바꾼다 하였을 때 head의 style 태그를 통해 값을 변경해 줄 수 있다. 초록색 글씨 빨간색 글씨 아래와 같이 h1 태그 모두 파란색 글씨로 바뀐다. 하지만, 위의 h1태그는 초록색, 아래 h1 태그를 빨간색 글씨로 바꾸고 싶다면 어떻게 해야 할까? 위의 예시에서는 모든 h1 태그가 똑같은 h1 태그로 취급한다. 하지만 각각의 h1 태그의 속성을 부여한다면 서로 다른 h1 태그로서 지정해 줄 수 있다!! 속성을 부여하여 코드를 다음과 같이 변경하였을 때, .. 2023. 10. 19.
[HTML] HTML 문서 정보 태그 HTML 문서 정보 HTML문서는 웹 문서 자체의 정보와 브라우저에게 알려주어야 하는 정보 등 여러 가지 정보를 가지고 있어야 한다. 이러한 정보는 head 태그 안에 명시되어 사용자에게는 보여지지 않는다. Title 태그 타이틀 태그는 웹 페이지의 제목을 명시하여 주는 Tag이다. 타이틀 태그는 다른 태그와는 다르게 사용자가 웹 페이지를 통해 확인 할 수 있는 태그이다. 제목 태그 타이틀은 아래 그림에서 보이는 것처럼 브라우저의 TAB 부분에서 확인할 수 있다. Meta 태그 : 메타 태그는 Empty Tag 로서, 웹페이지에 관한 정보(표시 방식, 제작자(소유자), 내용, 키워드 등)를 검색엔진이나 브라우저에 제공하는 태그이다. Link 태그 : 외부 문서를 연결할 때 사용하는 태그이다. Style .. 2023. 10. 19.
[HTML] TAG - Heading Heading Tag 책을 보면 큰 제목(ex. Chapter1)가 있고 소제목(ex. Chapter1-1)이 있듯이 웹문서에서도 이러한 제목을 태그를 통해 나타낼 수 있다. 바로 h 태그( : heading, headline)를 통해서 나타낼 수 있고, h 태그는 크기에 따라 1 ~ 6까지의 숫자가 붙는다. heading 1 heading 2 heading 3 heading 4 heading 5 heading 6 아래와 같이 사이즈에 따라 다른 크기로 나온 것을 확인할 수 있다. SEO heading 태그는 웹 문서 검색시 SEO 와도 중요한 관련이 있는 태그이다. SEO(Search Engine Optiomization)이란 검색 엔진 최적화로서, SEO 점수가 놓으면 웹 문서가 검색엔진에 의해 더 .. 2023. 10. 19.
[HTML] TAG - Paragraph(with. Entity) 태그 HTML에서 문단을 나타내는 태그는 를 사용하여 나타낸다. 태그를 사용할 경우 브라우저는 자동으로 요소의 위쪽과 아래쪽에 여백을 추가한다. 이런 여백은 CSS의 margin 속성을 사용하여 조정할 수 있다. 태그는 다음과 같이 사용한다. paragraph tag : p 태그 특징 태그는 요소가 끝날경우 줄바꿈한다. 첫번째 문단 두번째 문단 아래와 같이 줄바꿈되어서 나온 것을 볼 수 있다. 태그는 요소 안에서 아무리 Enter를 여러번 치고 Space를 여러번 입력해도 모두 1칸 띄어쓰기로 처리한다. Enter Enter Enter space space 아래와 같이 모두 1칸 space로 처리되어 출력되는 것을 볼 수 있다. 그렇다면, 공백과 스페이스는 어떻게 넣어주어야 할까? 스페이스의 경우에는 태.. 2023. 10. 19.
[HTML] 기본 작성 문법 - DTD, Tag HTML 기본 작성 문법 HTML은 웹페이지의 구조를 설계하는 언어이다. HTML 문서는 사용자에게 보여지는 구조 이외에도, 이 웹페이지가 어떤 스크립트 파일을 참조하고 있는지, 웹페이지의 인코딩은 어떤 형식인지 등 사용자에게 보여지지 않는 정보들 또한 담고 있어야 한다. 이런 여러 정보들을 막무가내로 작성하게 된다면, 보여주어야 할 것은 안 보여지게 되고 보여줄 필요 없는 정보들은 보여주는 등의 난잡한 웹페이지가 만들어 질 것이다. 이를 위해 HTML은 어떻게 작성되어야 하고 그를 위한 문법에는 무엇이 있는지를 알고 있어야 한다. 위의 경우와 같이 난잡한 웹페이지를 만들지 않기 위해서 웹페이지 자체에 대한 정보는 head 영역에 사용자들에게 보여주는 구조와 컨텐츠는 body영역에 담아야 하는 것이다. .. 2023. 10. 19.
[HTML] HTML이란 HTML이란 HTML은 Hyper Text Markup Language의 약자로, HyperText(웹 페이지에서 다른 페이지로 이동할 수 있도록 하는것) 기능을 가진 문서를 만드는 언어이다. HTML = Hyper Text Markup Language 즉, HTML은 프로그래밍 언어가 아닌 웹 페이지의 구조를 만드는 Markup 언어로, 하이퍼 링크 시스템을 가지고 있다라고 할 수 있다. Web이란 그렇다면 HTML을 통해 구조를 설계하는 웹 페이지란 무엇일까? 우리가 흔히 Web이라고 부르는 것은 인터넷의 동의어로써 많이 사용한다. 하지만, 엄연히 Web과 인터넷은 다른 개념이다. 인터넷이란 용어는 '네트워크의 네트워크'를 구현하여 모든 컴퓨터를 하나의 통신망 안에 연결(Inter Network)하고.. 2023. 10. 19.
[자바/Java] File 클래스 File 클래스 자바에서 파일 또는 디렉토리에 대한 파일 객체를 생성하여 다양한 메소드를 사용할 수 있게 해주는 클래스이다. 파일의 해당 경로, 절대 경로 등 여러 편리한 메소드를 제공하고 있다. File 클래스 생성자 File 클래스는 파일, 디렉토리에 대한 객체를 생성하기 때문에 생성한 객체가 파일 일 수도 있고 디렉토리 일 수도 있다. File 클래스 메소드 일반 메소드 File 객체의 상대 경로, 절대 경로 등을 제공하는 메소드이다. File 생성/수정/삭제 메소드 파일이나 디렉토리 등을 생성, 수정, 삭제하는 메소드도 제공하고 있다. File 체크 메소드 파일인지 디렉토리인지, 파일이 존재하는 지 등을 체코하는 메소드이다. File 권한 메소드 파일의 권한을 설정, 변경할 수 있는 메소드이다. .. 2023. 10. 18.
[자바/Java] 시스템 속성(property) 시스템 속성 시스템 속성(property)는 JVM(Java Virtual Machine)이 동작할 때 자동으로 설정되는 시스템 값이다. 키(Key)와 값(Value)로 구성되어 있으며 운영체제에서 사용되는 파일 경로, 구분자, 운영 체제의 종류 및 자바 프로그램을 실행시킨 사용자 아이디, JVM 버전 등이 여기에 해당한다. 이런 시스템 속성은 애플리케이션에서 사용이 되는데, getProperty(key), setProperty(key, value)를 통해서 사용할 수 있다. 또한 setProperty의 경우 런타임에서 조작이 가능하기 때문에, 계정 정보와 같이 보안에 민감한 내용은 코드에 직접 작성되기 보다는 서비스나 운영체제 값은 런타임 환경의 시스템 '속성'에 저장할 수 있다. 이후, 코드에서는 g.. 2023. 10. 18.
[자바/Java] 파일 I/O - PrintWriter + 인코딩 설정 PrintWriter 파일 입출력에서, 파일에 데이터를 쓸 때, System의 print관련 메서드를 사용하는 것처럼 파일에 쓸 수 있도록 편리한 기능을 제공하는 클래스(extends Writer)이다. PrintWriter 클래스는 Writer 클래스를 상속 받은 클래스로, 메소드로는 위에서 언급했던 System의 print 관련 메소드처럼 작동하는 메소드를 지원하고 있다. import java.io.PrintWriter; public class Main { public static void main(String[] args){ //System.out -> console창에 출력 PrintWriter pw = new PrintWriter(System.out); String str1 = "Hello"; .. 2023. 10. 18.
[자바/Java] 파일 I/O - Object입출력 https://codingralro.tistory.com/entry/%EC%9E%90%EB%B0%94Java-%ED%8C%8C%EC%9D%BC-IO-%EA%B8%B0%EB%B3%B8 [자바/Java] 파일 I/O 파일 입출력(I/O) 키보드에서 값을 입력(Scanner) 받고, 콘솔 창에 값을 출력(System.out.println)하는 과정은 익숙하다. 그렇다면 파일에서 값을 읽어오고(입력) 저장(출력)하려면 어떻게 해야 할까? 파일 codingralro.tistory.com Object 입출력 파일 입출력을 공부하면서, 바이트, 캐릭터 타입의 데이터 입출력, 기본 타입의 데이터 입출력을 배웠다. 이번 글에서는 객체를 파일에 읽고 쓸 수 있는 Object 입출력에 대해서 다루겠다. 객체는, 클래스로의 .. 2023. 10. 18.
[자바/Java] 파일 I/O - Data 입출력 https://codingralro.tistory.com/entry/%EC%9E%90%EB%B0%94Java-%ED%8C%8C%EC%9D%BC-IO-%EA%B8%B0%EB%B3%B8 [자바/Java] 파일 I/O 파일 입출력(I/O) 키보드에서 값을 입력(Scanner) 받고, 콘솔 창에 값을 출력(System.out.println)하는 과정은 익숙하다. 그렇다면 파일에서 값을 읽어오고(입력) 저장(출력)하려면 어떻게 해야 할까? 파일 codingralro.tistory.com Data 입출력 이전에 배웠던 File I/O(위의 링크 참조)는 직접적으로 파일에 스트림을 연결하여 읽고 쓰는 클래스에 대해 다룬다. 이러한 클래스들은 바이트 기반, 문자 기반 스트림으로 문자 또는 바이트 형식으로만 읽고 쓰는것.. 2023. 10. 18.
728x90
반응형

티스토리툴바