Back-end 68

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 ■ 접근제어자와 캡슐화, 예약어

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

Java ■ 상속

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

Java ■ 생성자, this, this()

◈ 생성자 ◈ 객체를 생성할 때 호출되며, 객체를 초기화하는 메소드 * 멤버 변수들을 기본값으로 초기화 • 생성자 호출 아래와 같이 이미 자신도 모르게 생성자를 호출해왔음 • 참고 생성자를 따로 만들지 않았는데, 위와 같이 사용이 가능했던 이유는 컴파일 시 생성자가 하나도 없을 경우 자동으로 생성자를 만들어줌 • 생성자 규칙 1. 클래스 이름과 동일해야 함 2. 리턴값이 없음 (void 없음) -> 생성자의 경우 항상 반환되는 값이 없기 때문에 void를 생략하고 사용함 3. 모든 클래스는 최소 1개 이상의 생성자를 가져야 함 -> 이러한 이유로 컴파일 시 생성자가 하나도 없다면 자동으로 생성해줌 • 생성자의 종류 생성자에는 기본 생성자와 매개변수가 있는 생성자가 있으며 기본 생성자는 매개변수가 하나도 ..

Java ■ 호출 스택과 기본형,참조형 매개변수

◈ 스택 vs 큐 ◈ • 스택(Stack) 쌓아 올리는 형태를 가진 자료구조이며 후입선출(LIFO, Last In First Out)의 구조 ex) 1. 데이터 0을 꺼내기 위해서는 데이터 1, 2를 모두 꺼내야 함 2. 데이터 1을 꺼내기 위해서는 데이터 2를 꺼내야 함 • 큐(Queue) 줄을 서서 기다리는 형태를 가진 자료구조이며 선입선출(FIFO, First In First Out)의 구조 ex) 1. 데이터 0을 바로 꺼낼 수 있음 2. 데이터 1을 꺼내기 위해서는 데이터 0을 먼저 꺼내야 함 ◈ 호출 스택(Call Stack) ◈ 메소드 호출과 관련된 정보를 저장하는 메모리 영역으로 후입선출(LIFO) 구조를 가짐 • 설명 main 메소드가 호출되어 스택에 올라가있는 상태 • 설명 main 메..