[HTML] div, span 태그 & 클래스와 아이디
·
React/HTML & CSS
오늘은 HTML의 기본이면서도 가장 많이 사용되는 div, span 태그와 class와 id속성에 대해 정리해볼 것임1. `div`와 `span`의 차이`div`와 `span`은 HTML에서 특별한 의미가 없는 '컨테이너'역할을 하는 태그임.다른 태그들과 달리 정해진 역할이나 필수 속성이 없고, 태그를 적용해도 다른 요소들의 모양이나 배치가 변경되지 않음.그래서 '비어있는 태그'라고도 부름 `div` -> 블록 태그한 줄 전체를 차지함자동으로 줄바꿈이 일어남레이아웃 구조를 나눌 때 주로 사용함`span` -> 인라인 태그필요한 만큼만 영역을 차지함줄바꿈 없이 같은 줄에 이어서 표시됨글자 일부에 스타일을 줄 때 자주 사용함정리하자면,`div`는 영역(박스)를 만드는 용도`span`은 글자 일부에 포인트를 ..
[Flutter / Dart] 객체지향 프로그래밍(클래스)
·
Flutter/Dart 언어
1. 클래스 객체지향 프로그래밍의 기본은 `class`임! 클래스를 정의하는 예제 코드를 먼저 보고 그거를 뜯어 보겠음!// class 키워드를 입력 후 클래스 명을 지정해 클래스를 선언.class Idol { // 클래스에 종속되는 변수를 지정 String name = "블랙핑크"; // 클래스에 종속되는 함수를 지정 // 클래스에 종속되는 함수는 메서드라고 부름 void sayName() { // 클래스 내부의 속성을 지칭하고 싶을 때는 this 키워드를 사용하면됨 // 결과적으로 this.name은 Idol 클래스의 name 변수를 지칭하는 것임. print("저는 ${this.name}입니다."); // 스코프 안에 같은 속성의 이름이 하나만 존재한..
[iOS / Swift] 구조체와 클래스의 개념 정리
·
Swift/Swift 문법 정리
Swift에서 구조체(struct)와 클래스(class)는 데이터와 기능을 캡슐화하기 위해 사용되는 기본적인 설계도임. 이번 포스팅에서는 구조체와 클래스의 기본 문법과 차이점을 정리해봄.1. 구조체의 기본 구조: 구조체는 값 타입(Value Type)으로, 데이터를 캡슐화하기 위해서 사용됨. Swift에서는 구조체가 기본적으로 설계도 역할을 함struct StructName { // property (속성) // method (메서드) // initializer (생성자) // subscript (서브스크립트)} struct Person { var name: String // 속성 var age: Int func speak() { // 메서드 print(..
[iOS / Swift] 클래스(Class)
·
Swift/Swift 문법 정리
Swift는 객체 지향 언어이기 떄문에 클래스의 사용이 필수적임. 또한 클래스의 사용으로 코드는 더 유연해지고 보기쉽게 됨.클래스(Class): Swift에서는 클래스를 정의하여 객체를 만들고 사용할 수 있음. 클래스를 하나 만든다면 클래스에서 생성된 객체인 인스턴스를 만들어 실제 작업에 쓰일 수 있게함. 클래스에 대한 예시코드를 보겠음.클래스를 선언하기 위해서는 아래 처럼 작성하면 됨.class '클래스이름' { /* 코드 부분 */}위 처럼 클래스를 선언하고 안에 name 변수와 my_name() 이라는 함수를 선언했음.Swift에서는 클래스 안에 변수를 속성이라고하고 함수는 메서드라고 함. 클래스 안의 변수 : 속성 (property)클래스 안의 함수 : 메서드 (method) 이렇게 클래스를 선..