🌎 Web

[HTML] HTML에서 공간을 나누는 요소들

블록(block)과 인라인(inline) HTML에는 2가지의 display 속성이 있다. 블록(block) 인라인(inline) 블록(block) 타입의 요소 언제나 새로운 라인에서 시작하며, 해당 라인의 모든 너비를 차지한다. ex) , , 인라인(inline) 타입의 요소 새로운 라인에서 시작하지 않고, 해당 내용(content)만큼만 차지한다. ex) , , 요소 영역을 분리하여 담아주는 컨테이너 역할의 태그 요소 텍스트의 특정 부분을 컨트롤하기 위한 태그 레이아웃(Layout)과 시멘틱(Semantic) Header 영역 Nav 영역 Section 영역 Footer 영역 태그에 class값을 부여해서 레이아웃을 작성할 수도 있지만, HTML5에는 레이아웃만을 위한 의미론적(semantic) 요소..

[HTML] 태그(tag)의 역할과 사용방법

제목(Heading) - Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 제목을 나타내는 태그이다. ~ 숫자는 크기와 우선순위를 나타낸다. block 속성을 가지므로 단독적인 강조 표현이 가능하다. 컨텐츠들의 영역을 구분하는 기준점으로 사용할 수 있다. 검색엔진에 의해 수집되기 때문에 제목은 꼭 태그를 사용해 주는 것이 좋다. 서식(Text Formatting) - 굵은 텍스트 - 중요한 텍스트 - 기울임꼴 텍스트 - 강조된 텍스트 - 표시된 텍스트 - 더 작은 텍스트 - 삭제된 텍스트 - 삽입된 텍스트 - 아래 첨자 텍스트 - 위 첨자 텍스트 Inline 속성을 갖는 문자 포맷 관련 태그들은 고유의 기능을 부여하기 위해 자주 사용되기도 하지만 ..

[HTML] HTML이란?

HTML이란? HTML (Hypertext Markup Language, 하이퍼텍스트 마크업 언어) 하이퍼텍스트 : 연결된 문서 마크업 : 표기, 표현, 작성, 제작 웹페이지를 만들기 위한 표준 마크업 언어이다. 연산을 할 수 없기 때문에 프로그래밍 언어라고는 볼 수 없다. HTML 태그 // 시작 태그 // 종료 태그 HTML 태그는 태그 이름은 꺽쇠 괄호()로 감싸서 표현한다. 보통 시작 태그(start tag)와 종료 태그(end tag)의 한 쌍으로 구성된다. 태그에 따라 시작 태그만 있고 종료 태그가 없는 태그도 있다. 태그는 반드시 자기 영역을 가지고 있다. 태그를 사용하지 않고 띄어쓰기나 줄 나누기를 하면 웹 브라우저를 통해 나타나는 화면에는 아무 영향을 주지 못한다. 모든 태그는 미리 정의..

[Java] == vs equals

조건문 파트에서 잠시 다뤘던 ==(동등 비교 연산자)와 equals() 메소드의 차이를 자세히 알아보자. 먼저 데이터 타입과 메모리에 대한 이해가 필요하다. 원시 데이터 타입과 클래스 원시 데이터 타입(primitive) 자바에서 기본적으로 다루는 데이터 타입 boolean, byte, char, short, int, long, float, double 총 8개가 있다. 원시 데이터 타입의 변수는 선언되면 메모리(Stack)에 공간이 할당되고, 실제 값이 들어간다. 👉 원시 데이터의 경우, ==연산자는 변수가 가리키는 값을 토대로 비교한다. String같은 기본이 아닌 데이터 타입(non primitive) java.lang.Object 클래스를 비롯해 여기에서 파생된 다른 모든 클래스들을 포함한다. 클..

[Java] 조건문(Conditional Statement)

조건문 형식 if문 // if문의 기본 구조 if (조건식) { ; ; ... } else if(조건식) { ; ; ... } else { ; ; ... } 조건에 따라 참이면 if문을 수행하고, 거짓이면 else if문에 속한 조건을 판단해 참이면 else if문을 수행하고, 거짓이면 else문을 수행한다. if와 조건식은 필수 구성 요소이고, 나머지는 필수 요소가 아니다. 조건식에는 boolean 타입만 들어갈 수 있다. 조건문은 중첩할 수 있다. if와 else는 하나의 조건문에 딱 한 번만 가능, else if는 여러 개 가능 생각해보기 1) 조건문을 중첩해서 사용하는 것과 그렇지 않는 것은 어떤 장단점이 있을까요 조건문을 중첩하여 사용하면 코드의 연관성을 확인하기 힘들고, 중간에 다른 코드의 삽..

[Java] Boolean 데이터 타입

Boolean 데이터 타입이란? 참(true)과 거짓(false)을 표현하는 데이터 타입 true와 false 키워드를 직접 입력할 수도 있고, 메소드의 리턴값이나 비교 연산으로 도출할 수도 있다. public class BooleanApp { public static void main(String[] args) { // Data type 데이터 타입 System.out.println("One"); // String 문자열 System.out.println(1); // Integer 정수 // Boolean Data type System.out.println(true); System.out.println(false); } } Boolean 데이터 타입의 활용 contains() 메소드 String 객체의..

[Java] 제어문(Java Flow Control)

제어문(조건문, 반복문) 프로그램이란? 원하는 작업이 시간 순서대로 진행되도록 컴퓨터에게 명령하는 것 하지만 인간의 욕심은 끝이 없고, 그 이상의 작업을 기대하게 된다. 조건문 예) 사용자의 인증이 필요한 경우(로그인 기능) 👉 조건에 따라 실행되는 순서를 제어하는 조건문(Conditional Statement) 필요! 반복문 예) 1억건의 데이터에 대해 같은 작업을 처리하는 경우 👉 같은 작업을 반복적으로 처리하는 반복문(Looping Statement) 필요! 프로그램의 실행 = 물의 흐름 이라면? 코드가 시간 순서대로 실행되는 것 = 중력 제어문(조건문, 반복문) = 물의 흐름을 제어하는 댐, 보 Boolean 데이터 타입과 비교 연산 마음대로 로직의 흐름을 조작할 수 있는 제어문을 사용하기 위해서..