개발 언어 (Language)80 CSS 색상 COLORTomatoRGBAHEX 색상을 표현할 때는 다양한 방법이 있습니다. 2가지를 설명하자면CSS에는 미리 정의된 색상의 이름 tomato, red, green 처럼 이름으로 지정해서 색을 표현하는 방법이 있습니다.CSS에 원하는 색상의 값을 RGB로 표현하거나 16진수로 표현하는 방법이 있습니다.RGB에는 RGBA가 있는데 A는 투명도를 나타냅니다.rgb(red, green, blue)#rrggbbhsl( 색조 , 채도 , 명도 ) 배경색Hello WorldHTML 요소의 배경색을 설정할 수 있습니다.텍스트 색Hello World텍스트 색상을 설정할 수 있습니다. 테두리 색Hello World테두리의 색상을 설정할 수 있습니다: 출처W3school W3Schools.comW3Schools o.. 2024. 8. 4. CSS 기초 CSS3CSS란?CSS는 Cascading Style Sheets의 약자입니다.CSS는 HTML 요소가 화면에 표시되는 방식을 설명합니다.CSS는 많은 작업을 절약합니다. 여러 웹 페이지의 레이아웃을 한 번에 제어할 수 있습니다.외부 스타일 시트는 CSS 파일에 저장됩니다. CSS 구문p { text-align: center; color: white;}selector : 스타일을 지정하려는 HTML 요소를 가리키는데 코드에서는 p 가 selector입니다.Declaration : 여러 개의 CSS Declaration 은 세미콜론으로 구분하고, Declaration 블록은 중괄호로 묶습니다. properties, value : Declaration 에는 프로퍼티와 값으로 구성되면 콜론으로 구분됩니다.. 2024. 8. 4. HTML 클래스 속성과 ID 속성 클래스 속성 클래스 사용하기 class 속성은 종종 스타일 시트에서 클래스 이름을 가리키는 데 사용됩니다. JavaScript에서 특정 클래스 이름을 가진 요소에 액세스하고 조작하는 데에도 사용할 수 있습니다..class { //스타일부분 }클래스는 CSS에서 사용하기 위해서는 점( . )을 사용해야합니다.p1p2그리고 클래스는 한 태그 안에 여러 클래스를 사용할 수 있습니다. 한 태그에 여러 클래스를 사용할 때는 한 칸 띄고 클래스명을 적으면됩니다. 또한 한 클래스가 여러 태그에서 사용될 수 있습니다. ID 속성 아이디 사용하기 HTML 요소에 대한 고유한 ID를 지정합니다.id의 구문은 다음과 같습니다. 해시 문자(#)를 쓰고 그 뒤에 .. 2024. 8. 3. HTML 기본 소개 HTML이란? 문서 단락. HTML은 Hyper Text Markup Language의 약자입니다.HTML은 웹 페이지를 만드는 표준 마크업 언어입니다.HTML은 웹 페이지의 구조를 설명합니다HTML은 일련의 요소(Element)로 구성됩니다.HTML 요소(Element) 는 브라우저에 콘텐츠를 표시하는 방법을 알려줍니다.HTML 요소(Element) 는 "이것은 제목입니다", "이것은 문단입니다", "이것은 링크입니다" 등과 같이 콘텐츠에 라벨을 지정합니다.HTML의 태그들브라우저에 HTML 문서임을 알리는 지시어로 반드시 첫 줄에 나와야 하며 소문자로 사용해도 됩니다. 프로그래밍 언어에서 주석처리를 할 때 // 또는 /* */ 로 하는지만 HTML에서는 로.. 2024. 8. 3. 코틀린 접근 제한자 접근 제한자// publicclass Person { public var name: String = "John" // 모든 곳에서 접근 가능}// privateclass Person { private var age: Int = 30 // 클래스 내부에서만 접근 가능 private fun getAge(): Int { return age }}// protectedopen class Animal { protected fun makeSound() { println("Some sound") }}class Dog : Animal() { fun bark() { makeSound() // 상속받은 protected 메서드 접근 가능 }}/.. 2024. 8. 3. 문자열 클래스 문자열(String)String str1 = "Hello";String str2 = "Hello";System.out.println(str1 == str2); // trueString str1 = new String("Hello");String str2 = new String("Hello");System.out.println(str1 == str2); // false자바에서 문자열을 만드는 방법에는 두 가지가 있습니다.리터럴 방식("")new String("")두 가지 방법의 차이점그림을 보면 위 코드에서 == 을 했을 때 리터럴은 true가 되고 new String은 false가 나오는지 알 수 있습니다.== 연산은 문자열을 비교하는 것이 아닌 문자열의 참조값을 비교하여 true/false 값을 반환하.. 2024. 8. 3. 메소드 오버로딩(Method overloading) 메소드 오버로딩public class MathOL { // 두 정수의 합을 반환 public int add(int a, int b) { return a + b; } // 세 정수의 합을 반환 public int add(int a, int b, int c) { return a + b + c; } // 두 실수의 합을 반환 public double add(double a, double b) { return a + b; }}public class Main { public static void main(String[] args) { MathOL mathOps = new MathOL(); Syste.. 2024. 8. 3. 정보 은닉과 캡슐화 정보 은닉(Information Hiding)public class BankAccount { // private 필드: 외부에서 직접 접근 불가 private double balance; // public 생성자 public BankAccount(double initialBalance) { if (initialBalance > 0) { this.balance = initialBalance; } }} 정보 은닉(Information Hiding)은 객체 지향 프로그래밍(OOP)에서 중요한 개념 중 하나로, 객체 내부의 데이터와 구현 세부 사항을 외부로부터 숨기고, 객체가 제공하는 공개 인터페이스를 통해서만 접근하도록 제한하는 방법을 말.. 2024. 8. 2. 클래스와 생성자 클래스(Class)public class Car { // 필드(속성), 인스턴스 변수 private String model; private int year; private String color; // 생성자 public Car(String model, int year, String color) { this.model = model; this.year = year; this.color = color; } // 메소드(행동), 인스턴스 메소드 public void start() { System.out.println("Car is starting."); } public void stop() { .. 2024. 8. 2. 이전 1 ··· 3 4 5 6 7 8 9 다음
