전체 글 88

HTML ■ 목록 태그

◈ 목록 관련 태그의 종류 ◈   • ol 태그순서가 있는 목록을 나타내는 태그 • ul 태그순서가 없는 목록을 나타내는 태그 • li 태그목록에서 각 항목을 나타내는 태그로써, ol 또는 ul 태그 안에서 사용됨 • dl 태그정의 목록을 나타내는 태그 ◈ 목록 태그의 사용 방법 ◈  • ol 태그 --------------------------------------------------------------------------------------------------------------  • ul 태그  ◈ ol 타입의 속성 ◈  • type 속성ol 태그에서의 type 속성은 목록의 숫자 유형을 나타내는데 사용됨  • start 속성목록의 시작 번호를 지정하는데 사용되며, type의 옵션과는 무..

Front-End/HTML 2024.05.10

HTML ■ 이미지,하이퍼링크 태그 활용하기

◈ 이미지 태그 ◈   • img 태그웹 페이지에 이미지를 삽입할 때 사용되는 태그로써, src 속성을 통해 이미지 파 일의 경로를 지정하여 사용 가능 ex)  ◈ 이미지 태그 속성 ◈  • alt이미지 파일이 로드되지 않았을 경우 대체 텍스트를 제공하는 속성ex)  • width이미지의 가로 크기를 지정하여 기본값은 픽셀(px) 단위로 되어있음 • height이미지의 세로 크기를 지정하여 기본값은 픽셀(px) 단위로 되어있음 ex)  • 픽셀(px)과 퍼센테이지(%)의 차이픽셀(px)은 이미지의 크기를 고정시키며, 퍼센테이지(%)를 사용할 경우브라우저 창의 크기에 따라 유연하게 조절되어 반응형 웹 디자인을 구현하는데 유용함단, 이미지의 원본 크기가 작음에도 %를 사용하여 이미지 크기가 강제로 늘어질 경..

Front-End/HTML 2024.05.09

HTML ■ 텍스트 태그 활용하기

◈ 개행과 가로선 ◈  • br 태그문장을 개행(줄바꿈)할 때 사용 • hr 태그가로로 밑줄을 그어 상/하단을 구분하기 위한 용도로 사용  ◈ 제목 ◈ • h 태그제목을 입력할때 주로 사용되는 태그로써, 뒤에 붙는 숫자에 따라 폰트의 크기가 달라짐h6 -> h5 -> h4 -> h3 -> h2 -> h1 : 숫자가 작아질수록 폰트가 커짐   ◈ 문자 강조 ◈ • strong, b 태그문자를 굵게 표시하여 강조할 경우 사용 • 차이점b 태그는 시각적으로 효과를 나타내기 위해 사용하며, strong 태그는 중요한 부분이나 강조되어야 하는 내용을 나타내거나 스크린 리더 등의 사용자에게 중요한 내용임을 알려주기 위한 태그. 즉, 둘의 차이점은 용도에 의한 차이이다. • 예시  ◈ 작은 글씨 ◈  • small ..

Front-End/HTML 2024.05.01

HTML ■ HTML(HyperText Markup Language)

◈  HTML ◈ 웹 페이지를 작성하기 위해 사용되는 마크업 언어  ◈ 웹에서의 통신 흐름 ◈ • 서버들의 종류DNS: 도메인 주소의 IP를 사용자에게 알려주는 서버WEB : 사용자로부터 HTTP 요청을 받아 정적인 컨텐츠(HTML, CSS, …)를 응답해주는 서버WAS : DB와 통신하여 동적인 컨텐츠를 처리하기 위한 서버DB : 데이터를 관리하기 위한 서버 • WEB vs WAS의 언어WEB : HTML, CSS, JavaScript, …WAS : JAVA, PHP, Python, …    ◈ HTML5 ◈ • HTML5 요소의 종류1. 제목 요소 : h1, h2, h3, h4, h5, h62. 단락 요소 : p3. 링크 요소 : a4. 이미지 요소 : img5. 목록 요소 : ul, ol, li6...

Front-End/HTML 2024.04.30

Java ■ 제네릭과 컬렉션

◈ 제네릭(Generic) ◈ 데이터 타입을 외부에서 지정함  미리 데이터 타입을 지정해두지 않고 외부에서 사용할 때 지정하는 데이터 타입으로 유동적으로 변경하여 지정해줌 • 사용 방법1. 클래스에 와 같이 제네릭을 설정한 후, 필드의 데이터 타입을 T로 지정2. 객체를 생성할 때 클래스명을 지정3. 설정한 데이터 타입으로 사용이 가능한지 확인 * 즉, 외부에서 어떠한 데이터 타입으로 만들어 사용할 지 모르는 필드 또는 매개변수 등에 주로 사용됨  • int 대신 Integer를 사용하는 이유Person 위치에 있는 데이터 타입은 참조형만 올 수 있음 기본형 타입은 올 수 없기 때문에 int의 wrapper class인 Integer를 사용해야 함 * 제네릭은 참조형 변수, 즉 객체를 필요로 하며 기본형..

Java ■ 예외

◈ 예외처리(Exception) ◈ 특정 오류가 발생했을 때 무시하고 싶거나, 오류에 따라 적당한 작업을 처리할 수 있도록 해주는 것 • 예외처리를 하는 이유프로그램의 비정상적인 동작으로 인해 발생하는 예외를 미리 대비하고, 프로그램을 정상적 으로동작할 수 있도록 사전에 방지하고자 사용함 • 에러 종류  • 예외 종류  • 예외 구조  • try-catch문자바에서의 예외처리는 try-catch문을 사용하며 try에서는 예외를 감지할 코드그리고 catch에서는 특정 예외가 발생 시 실행할 코드를 작성함* try에 있는 코드를 실행할 때 예외가 발생한다면 이후의 코드는 실행되지 않음    • 실습배열의 범위를 벗어나게 하여 OutOfBounds를 발생시켜 확인하기  • try-catch-finally문fi..

Java ■ 추상화

◈ 추상화 (abstract) ◈ 구체적인 사실들을 일반화시켜 기술하는 개념으로써 필요한 공통점을 추출하고 불필요한 공통점을 제거하는 과정1. 복잡한 시스템을 단순화하고 모델링이 가능  • 추상 클래스 (1) - 추상 클래스(abstract class)미완성된 클래스로써, 구현부 {} 가 없는(미완성인) 메소드를 가지고 있음 - 추상 클래스와 메소드 예시  • 추상 클래스 (2) - 추상 클래스(abstract class)미완성된 클래스 - 추상 메소드(abstract method)구현부 {} 가 없는(미완성인) 메소드 - 추상 클래스와 메소드 예시 • 추상 클래스 (3) - 추상 클래스를 사용하는 이유똑같은 부모 클래스(추상 클래스)를 상속 받지만, 자식 클래스들의 메소드가모두 다른 기능을 수행할 것으..

Java ■ 다형성(Polymorphism)

◈ 다형성 ◈ 여러가지의 형태를 가질 수 있는 개념 (오버로딩, 오버라이딩, …) 1. 코드의 재사용성을 높이고, 중복을 최소화 2. 계층적인 구조를 통해 객체 간의 관계를 나타낼 수 있음 • 오버라이딩 vs 오버로딩 오버라이딩 -> 부모 클래스에서 상속받은 메소드를 재정의 하는 행위 오버로딩 -> 같은 클래스 내에서 메소드의 매개변수 타입/위치를 종류별로 만드는 행위 • 다형성을 통한 객체 참조 (1) 객체를 생성할 때 부모 클래스의 타입으로 객체 생성이 가능 이를 통해 동일한 타입(부모 클래스)을 가진 여러가지 하위 클래스 객체를 생성할 수 있음 • 다형성을 통한 객체 참조 (2) 부모 클래스가 가지고 있는 필드를 활용할 수 있으나, 내가(Dog) 가진 필드는 일반적인 방법으로 사용할 수 없음 • 참..

Java ■ 접근제어자와 캡슐화, 예약어

◈ 접근제어자 ◈ 이름 그대로 접근을 제한하며, 캡슐화(정보은닉)의 개념 중 하나 아래 표에서 클래스를 제외한 필드와 메소드의 제어자는 같다. ◈ 클래스 접근제어자 ◈ • 클래스 default 같은 패키지에서만 접근이 가능하므로 에러 발생 ◈ 멤버변수&메소드 접근제어자 ◈ • 멤버변수&메소드 default 같은 패키지에서만 접근 가능하므로, 다른 패키지일 때 자식 클래스이더라도 접근 불가 • 멤버변수&메소드 protected 다른 패키지에 있는 자식 클래스에서 사용 가능 default 또는 private으로 할 경우 불가 ◈ 캡슐화 ◈ 변수와 메서드를 클래스로 묶어 독립적으로 동작하지 않도록 하거나 불필요한 정보를 노출시키지 않는 개념 1. 코드의 유지보수성을 향상 2. 객체의 내부 구현을 외부로부터 숨..

Java ■ 상속

◈ 상속 ◈ 다른 클래스가 가지고 있는 멤버(필드, 메소드)들을 상속받아 재활용하는 것 부모와 자식간의 관계로 나타냄 • 장점 1. 코드를 재활용함으로써 코드의 중복을 제거하고, 코드의 양이 줄어듬 2. 공통된 코드를 관리할 수 있기 때문에 코드의 유지보수(추가/변경)에 좋음 ◈ 상속의 종류 ◈ • 다중 상속 여러 개의 부모 클래스를 가질 수 있는 상속 • 단일 상속 한가지의 부모 클래스만 가질 수 있는 상속 * 자바에서는 단일 상속만을 지원함 ◈ 다중 상속 ◈ • 다중 상속의 문제점 1. 모호성 -> 상속받은 부모 클래스들끼리 같은 이름을 가진 메소드나 변수가 있을 경우 어떤 부모 클래스에서 호출 해야하는지 알 수 없는 모호성이 발생 2. 복잡성 -> 다중 상속을 사용하면 클래스 간의 관계가 복잡해지고..