티스토리

배워보자

검색하기

블로그 홈

배워보자

jmkang1984.tistory.com/m

thinkingofnickname 님의 블로그입니다.

구독자: 0

방명록 방문하기

반응형

주요 글 목록

2024.09.20. 추상클래스, 추상메서드, final, block * 추상메서드 (Abstract Method) - 메서드 구현부 (=바디{})가 없는 메서드 (미완성 메서드) - 메서드의 동작을 기술하는 구현부가 없는 추상메서드는 실행할 수 있는 코드가 없으므로 외부로부터 호출되면 안됨 => 따라서, 추상메서드를 갖는 클래스는 반드시 추상클래스로 선언되어야 한다! - 메서드 정의 시 선언부의 접근제한자 뒤에 abstract 키워드를 붙여서 정의 => abstract 키워드가 붙은 메서드는 추상메서드 이므로 바디를 가질 수 없다! (따라서, 메서드 선언부 마지막에 바디{} 대신 세미콜론(;)으로 끝냄) - 서브클래스에서 반드시 오버라이딩 하도록 강제성을 부여해야하는 메서드는 슈퍼클래스에서 추상메서드로 선언하면 서브클래스에가 무조건 오버라이딩 필수! =.. 공감수 2 댓글수 1 2024. 9. 23.
2024.09.19. 형변환 polymorphism class A {}class B extends A {}class C extends A {}class D extends B {}class E extends B {}class F extends C {}class G extends C {}class H extends F {}...public static void main(String[] args) { A a = (A)new D(); B b = (B)a; // O D d = (D)b; // O // E e = (E)d; // 같은 레벨은 아예 안됨.} * 동적 바인딩 - 컴파일(번역) 시점에서 실행될 것으로 예상되는 코드와 실제 실행 시점에서 해당 객체의 타입 기준으로 메서드가 달라지는 것.- 동적 바인딩 현상은 메서드에만 일어남. public s.. 공감수 0 댓글수 1 2024. 9. 23.
2024.09.13. ref casting 참조형변환 * 레퍼런스 형변환- 참조형(레퍼런스타입) 끼리의 형변환 (상속 관계에서만 사용 가능) - 참조형 변수를 사용하여 다른 타입의 인스턴스(객체)를 참조하기 위해 변환하는 것. - 업캐스팅(Up casting)과 다운캐스팅(Down casting)으로 분류됨 1. 참조데이터타입에서의 묵시적(자동) 형변환 = 업캐스팅 2. 참조데이터타입에서의 명시적(자동) 형변환 = 다운캐스팅 => 이전에 이미 업캐스팅 된 인스턴스를 다시 다운캐스팅 하는 경우 * 클래스들의 관계 (Has - a, Is - a)1. Has-a (포함관계) - 어떤 객체가 다른 객체에 포함되는 관계 - 대부분의 클래스들의 관계는 Has-a 관계가 적용됨 - 자동차 has a 타이어, 스마트폰 has a 스피커, 영웅 has a 무기.. 공감수 1 댓글수 0 2024. 9. 16.
2024.09.13. super * 상속에서 생성자 - 생성자는 상속되지 않음 - 서브클래스의 객체(인스턴스) 생성시, 먼저 슈퍼클래스의 인스턴스를 생성한 후 서브클래스의 인스턴스가 생성됨 => 이떄, 서브클래스의 생성자 내에서 먼저 자동으로 슈퍼클래스의 기본생성자 호출 (생성자 super() 코드가 생략되어 있을 경우에도 암묵적으로 호출됨) => 슈퍼클래스의 생성자 내에서 작업이 모두 끝나면 다시 서브클래스의 생성자로 돌아와서 다음 코드들을 실행하게 됨 즉, 슈퍼클래스의 생성자의 코드가 먼저 실행된 후 서브클래스 생성자 코드가 실행됨. - 슈퍼클래스에 기본생성자가 꼭 있어야함. 만약에 없으면 오버로딩된 형식대로 맞추든지 부모 클래스 기본 생성자를 만들어줘야한다. * 이클립스에서 슈퍼클래스를 .. 공감수 1 댓글수 0 2024. 9. 16.
2024.09.13. CSS - 배경색과 배경이미지 background 1. background-clip 속성: 배경색이 칠해지는 범위조절 - background-clip: border-box; (테두리 영역까지, 기본값이다. = 아무것도 안적으면 border-box 적용됨.) - background-clip: padding-box; ( 패딩 역역까지 ) - background-clip: content-box; ( content 영역까지 ).desc { width: 100px; height: 100px; border: 5px dotted black; padding: 20px; color: #fff;}#clip-border { background-color: red; background-clip: border-box;}#clip-padding { backgrou.. 공감수 0 댓글수 0 2024. 9. 16.
2024.09.10. 상속, 오버라이드,접근제한자 * 상속 (Inheritance) - 이클립스 단축키 : Alt + Shift + S -> V- 슈퍼클래스(부모)의 모든 멤버를 서브클래스(자식)에서 물려받아 선언없이 사용하는 것 - 중복코드 없애려고 => 상속을 받은 서브클래스에서 별도의 선언 및 정의 없어도 슈퍼클래스가 가진 멤버변수나 메서드 등을 자신의 멤버처럼 사용가능 => 상속을 활용하면 코드 중복이 제거되며, 유지보수에 용이해진다. - 슈퍼클래스 (Super Class) = 부모클래스, 조상클래스 = 상위 클래스 서브 클래스 (Sub Class) = 자식클래스, 자손클래스 = 하위클래스 = 파생클래스 - 서브클래스 정의시 버스클래스명 뒤에 extends 키워드를 사용하고, extends 키워드 뒤에 슈퍼클래스의 이름을 .. 공감수 0 댓글수 0 2024. 9. 10.
2024.09.09.조건문 반복문 연습 public static void main(String[] args) { /* * Q5) * 반복문과 조건문을 사용하여 다음 모양을 출력하는 프로그램을 만들어 보세요. * * * * *** * ***** * ******* * ***** * *** * * * */ int line = 7; // 총 라인 int star = 1; // 시작하는 별 갯수 int space = 3; for (int i = 0; i 공감수 0 댓글수 0 2024. 9. 9.
2024.09.04.영역객체의 속성과 범위(Scope) * 영역객체의 속성과 범위(Scope)JSP 의 4대 영역 : page, request, session, application [ 영역 객체의 유효 범위(= 속성(데이터) 저장 시 전달(공유) 가능한 범위) ] 1) page 영역(pageContext 객체) : 현재 페이지에서만 유효(= 페이지 이동 시 객체 제거됨) 2) request 영역(객체) : 클라이언트 요청에 대한 응답까지 유효(= 새로운 요청 발생 시 객체 제거됨) 3) session 영역(객체) : 세션 유지 조건까지 유효(= 세션 제거 조건 충족 시 객체 제거됨) 4) application 영역(객체) : 서버 동작 시까지 유효(= 서버 중지 시 객체 제거됨) - 각 영역 객체에 속성값 저장하는 공통 메서드 : setAttribute(.. 공감수 1 댓글수 1 2024. 9. 8.
2024.09.03. response * response 객체(HttpServletResponse) : JSP 내장객체 중 response 객체(HttpServletResponse)는 HTTP 응답 정보를 관리하는 객체이며 - response 객체의 sendRedirect() 메서드를 호출하여 파라미터로 전달받은 페이지(URL)로 이동 가능 => 리다이렉트는 일반적인 페이지 이동과 개념이 조금 다르지만 일단 이동한다는 점에서 동일함 => 기본 문법 : response.sendRedirect("이동할 URL 또는 파일명"); - 클라이언트 요청에 대해 서버가 응답하는 데이터에 리다이렉트가 포함될 경우 응답데이터에 HTTP 상태코드 302를 포함하여 클라이언트 측으로 응답데이터를 전송한다. 다만, response.sendRed.. 공감수 1 댓글수 6 2024. 9. 8.
2024.09.02. 주석, form 태그 *JSP 주석 : HTML 주석은 요청처리후 디버그 창에 내용이 보인다. test1.jsp 2024-09-03 12:04:00 현재 시각은 시 분 초 입니다. 실행해서 응답을 받았는데 html 주석을 쳐놓은 경우 응답내용이 표시된다. => 주의!! 이떄, jsp 코드가 서버에 실행될 때 코드 내용에 따라 서버상에서 오류가 발생할 수있다. --> 현재 시각 : --> 해당 주석부분 자체를 서버가 아예 무시하기 때문에 처리도 안되고 클라이언틀 전송 주석 단축키를 누르면 jsp 주석으로 자동처리됨 또한 서버상 요류가 발생할 수 있는 코드를 jsp 주석으로 처리하면 오류발생 없다. -->현재 시각 : --%> [ 결과화면 및 디버그화면 ] * JSP 스크립트요소 (선언문(Declarat.. 공감수 0 댓글수 0 2024. 9. 8.
2024.09.05.import, static * import문 - 특정 패키지 또는 패키지 내의 클래스를 현재 클래스 내에 포함시키는 키워드 - 자신과 동일한패키지에 존재하는 클래스가 아닌 다른 패키지의 클래스는 직접 이름만으로 접근이 불가능하며, 반드시 패키지 명을 포함하여 지정해야 함. ex) new java.util.Scanner() => 원래 클래스명을 지정할 때 [패키지명.클래스명] 형태로 지정해야하지만 패키지명을 생략하고 싶은 경우 해당 패키지명은 import문으로 등록시키면 해당 패키지명을 생략하고 클래스명만으로 사용 가능해짐 ex) new Scanner() - package 문과 달리 여러번 사용할 수 있으며 package 문 아래쪽 다른 코드들보다 위쪽에 위치해야함. - 클래스명 지정 시 자동 완성 기능을 사.. 공감수 4 댓글수 1 2024. 9. 8.
2024.09.04. 데이터정의어(DDL) - View - 뷰(view)란? 하나이상의 테이블을 기반으로 생성은 되었으나 물리적으로 존재하지 않고 DB사전에 정의만 되어 있는 가상의 논리적인 테이블- 뷰 사용 목적 : 보안성, 공간 효율성, 편의성- 뷰와 관련된 DDL : create view, alter view, drop view (1) 뷰 생성(create view)[문법] create view 뷰명 as select 컬럼1, 컬럼2, 컬럼3 from 테이블명 where 조건문; - 뷰 생성 예제 : employee 테이블에서 원하는 컬럼뽑아와서 view 생성하기(department_id가 200이상만 가져옴.)create view deptvuas select * from departmentswhere department_id > 200; - 뷰를 .. 공감수 0 댓글수 0 2024. 9. 8.
2024.09.04. 테이블정의어(DDL) - table, 제약조건 * 데이터정의어(DDL) - Table- 데이터 정의어(DDL)란?? 테이블 자체를 생성,수정,삭제함.- object(table, view, index 등등)를 생성, 수정, 삭제하는 명령어- Table과 관련된 DDL구문 종류 : create table, alter table, drop table, truncate table (1) 테이블 생성(create table) [문법] create table 테이블명 ( 컬럼명1 데이터타입(컬럼사이즈), 컬럼명2 데이터타입(컬럼사이즈) [default 기본값], 컬럼명3 데이터ㅏ입(컬럼사이즈) [제약조건], 컬럼명n 데이터타이(컬럼사이즈)); - 데이터타입 종류 1) 숫자 - 정수형 : int, bigint .. 공감수 1 댓글수 0 2024. 9. 8.
2024.09.06.CSS - 박스모델 * 둥근테두리 border-radius속성 : 박스모델의 둥근테두리를 지정border-radius: 50%; /*원형으로 테두리를 표시하는 방법1. div의 높이와 너비가 같아야 한다.2. % 사용. */ * 박스모델 여백지정(안쪽/바깥쪽)* 가로방향 가운데 정렬하기/* top, bottom : 0px left, right: 자동으로 바깥 여백 조정 , 브라우저 크기를 바꿔도 정중앙에 있음. *//* auto: 가로방향에서 정중앙에 오게하는 키워드 */margin: 0 auto;(==)margin-left: auto;margin-right: auto;* 박스모델 안의 글자 세로방향 가운데 정렬.#box4 { width:200px; height:100px; line-height: 100px;/* di.. 공감수 0 댓글수 0 2024. 9. 7.
204.09.03.비정형인자. 기본형변수와 참조형변수. 패키지 * 비정형인자(=가변인자 , Variable Arguments)- 메서드 파라미터 갯수가 정해져 있지 않을 때 다양한 갯수의 파라미터를 모두 전달받을 수 있는 인자. - 메서드 정의 시 매개변수 데이터타입과 변수명 사이에 ... 기호를 붙여서 표기 - 전달되는 모든데이터는 해당 변수명으로 된 "배열"로 관리디며 0개 이상의 파라미터를 전달할 수 있음 - 메서드 정의 시 가변 인자 타입으로 매개변수를 선언하면 갯수 제한 업이 0개부터 무한대의 파라미터를 한꺼번에 전달 받을 수 있다. - 가변인자 사용시 주의사항!! 가변인자는 꼭 마지막 파라미터로 사용되어야 한다. 가변인자는 단 한번만 사용가능. 둘중에 하나만 선택해서 사용하여야 한다.( = 마지막 파라미터로 사용되어야 한다는 사유에 포함됨.)cl.. 공감수 0 댓글수 0 2024. 9. 3.
2024.09.02. 제약조건. alter. * tabld에 선언된 제약조건 조회하는 방법 * primary key 조합값에 선언하기 - pk는 테이블당 한번만 한번만 선언할수있지만 하나만 선언하는 것이 아니다. => 여러컬럼의 조합값에 pk 선언가능하다.- 조합값에 pk를 선언할때는 무조건 테이블레벨의 문법을 사용해야한다.* foreign key - 컬럼2개의 조합값에 fk 선언을 해야한다. (그러면 부모컬럼도 조합값을 참조해야한다.)- mysql 에서는 fk만 테이블 레벨 문법을 애용하고, 나머지 제약조건들은 컬럼레벨의 문법을 많이 활용한다.- 외래키 제약조건으로 자기 자신 테이블이나 다른 테이블의 특정 컬럼(pk, uk)을 참조하는 제약조건- fk 제약조건이 선언된 컬럼 : 자식 컬럼- fk 제약조건이 참조하는 컬럼 : 부모 컬럼- 자.. 공감수 0 댓글수 0 2024. 9. 3.
2024.08.29.JS - jQuery 사용하기 https://jquery.com/ jQueryWhat is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.jquery.com1. 다운로드 후 저장해서 사용 (다운로드 후 원하는 페이지에 다운로드 주소를 넣으면 됨.)2.CDN 활용하기 (코드 복사하여 원하는 페이지에 붙여서 사용함.* ready() 메서드 활용하기.. 공감수 0 댓글수 0 2024. 9. 1.
2024.08.28.JS - 날짜 * Date 객체- 날짜 및 시각 정보를 관리하는 객체 - 제공되는 다양한 메서드를 통해 날짜 및 시각 정보 확인 및 처리 가능- new Date() 형식으로 Date 객체 생성 후 메서드 호출을 통해 처리 1.new Date() : 현재 시스템(클라이언트 = PC)의 현재 날짜 및 시각정보를 기준으로 Date 객체 생성 let date1 = new Date(); document.write(date1 + ""); // 화면 : Wed Aug 28 2024 15:56:49 GMT+0900 (한국 표준시) // 세계 날짜 및 시각 표준 표기법으로 출력됨. 2. new date.. 공감수 1 댓글수 4 2024. 9. 1.
2024.08.27.JS - 카카오우편번호 API 사용하기 카카오우편번호 API 사용하기https://postcode.map.daum.net/guide Daum 우편번호 서비스우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다.postcode.map.daum.net 위의 주소에 가서 스크립트 코드를 복사하여 가지고 온 후에 주소검색 버튼 onclick 함수(openAddr)에 연결 시켜준다. 주소검색창 주소 주소검색 홈페이지에서 조금 아래로 내려가면 속성값을 가지고 올수있게 항목 이름들을 표로 만들어 놨다. 나는 우편코드(zonecode)와 기본주소(address), 건물명(buildingName)만 사용해 보겠다. 공감수 0 댓글수 2 2024. 9. 1.
2024.08.27.JS - 셀렉트박스 * 셀렉트박스 값 가져오기. 사과 포도 바나나 과일을 선택하세요 사과 딸기 바나나 window.onload = function() { // 전송버튼(submit)이벤트 핸들링 => 해당폼의 onsubmit 속성 활용하여 submit 이벤트로 핸들링 document.fr.onsubmit = function() { // 현재 셀렉트박스 선택항목이 "과일을 선택하세요"일 겨우 // "과일 선택 필수!" 경고창 출력하고 셀렉트 박스에 포커스 요청 // 1. 셀렉트박스 value 속성값이 널스트링("")인지 판별하기 if(document.. 공감수 1 댓글수 2 2024. 9. 1.
2024.08.29. 트랜잭션, 트랜잭션 제어어(TCL) * 트랜잭션과 트랜잭션 제어어(TCL)* 트랜잭션이란? 하나의 논리적인 작업단위- 하나이상의 DML이 모여서 하나의 트랜잭션이 구성됨.- 트랜잭션제어어(TCL) 1. commit : 변경작업을 저장 2. rollback : 변경작업을 취소 3. savepoint : 트랜잭션 진행 중 되돌아갈 지점(기점)- 첫번째 DML이 시작되면 새려운 트랜잭션이 시작됐구나 생각하면된다. 내가 select하면 임시데이터를 보여주고 다른 사람은 원본 데이터를 보게됨. 내가 commit을 하면 임시가 아니라 모든 사람이 수정데이터를 보게됨. commit 하고나면 돌이킬 수 없다.- 워크벤치에 Auto-commit transaction 기능이 켜져있다. 그럼 DML이 시작디자마자 오토커밋이 바로 시작되면서 명령어 하나에.. 공감수 0 댓글수 3 2024. 9. 1.
2024.08.28. 데이터조작어(DML) - insert, update, delete * 데이터 조작어(DML)란?- 테이블에 데이터를 삽입, 수정, 삭제하는 명령어- DML의 종류 : insert, update, delete (1) 데이터 삽입(insert) [문법] insert into 테이블명 [(컬럼1, 컬럼2, 컬럼3, ...)] values (값1, 값2, 값3, ...); - insert 작업시 테이블명 뒤에 컬럼리스트를 생략한 경우에는 values 절 뒤에 기본컬럼 순서대로 모든 값을 나열해야한다.- insert into 에서 컬럼명 생략하는 경우 : values에서 desc나 select * 실행시 나오는 컬럼순서대로 모두 작성해야한다.- insert 작업시 테이블명 뒤에 컬럼리스트를 작성한 경우 : values의 값 리스트와 순서/개수 등이 일치해야 함.- insert.. 공감수 0 댓글수 2 2024. 9. 1.
2024.08.30.CSS - 박스모델(블럭요소,인라인요소,그림자효과) * 박스모델(box model)- 블럭요소(block element)와 인라인요소( inline element)가 있다. 1. 블럭요소(block element) : 자신만의 너비(width), 높이(height)를 가진다. - 자동으로 줄바꿈이 일어나는 태그- 너비(width)를 줄여도 한줄을 다 차지하는 것은 똑같다. 2. 인라인 요소(inline element) : 줄바꿈이 일어나지 않는 태그. - 자신만의 너비와 높이를 가질 수 없다.(입력되어 있는 내용 너비만큼만 공간을 차지할 수 있다.)- span은 width, height가 아예 먹히질 않음. 글자만큼만 자리를 차지함. (span을 div에 담아서 사용) * box-sizing: content-box; / box-sizing: borde.. 공감수 0 댓글수 0 2024. 9. 1.
2024.08.27. 생성자, this * 이클립스 : 생성자 자동 생성 단축키 : Alt + Shift + S -> O * 생성자 :- 클래스의 세번째 구성요소.(1. 멤버변수 인스턴스 생성 시 최초로 사용된다.- 생성자는 인스턴스를 생성(new 객체)하면 호출된다. - 생성자를 아무것도 정의 하지 않으면 컴파일러에 의해 자동으로 기본 생성자가 생성됨. - 기본생성자: 파라미터 없음,중괄호 블록내에 아무 코드도 없음 => 아무것도 전달받지 않으며,아무 작업도 수행하지 않음. public class Ex1 { public static void main(String[] args) { new Person(); // 이거만 해도 생성자가 호출되면서 syso가 찍힌다. }}class Person { //멤버변수 String name; .. 공감수 0 댓글수 0 2024. 8. 27.
2024.08.26. JS - 익명함수사용, onload 이벤트, 라디오-체크박스 값출력 * 스크립트 코드 실행 시점문제- html 파일내에 있는 img 태그의 1.jpg 사진을 스크립트를 실행하여 2.jpg로 바꾸려고 하는데 실행이 안됨. test3.jsp /* test3_study.js */function myFunction(){ document.getElementById("img1").src = "../images/2.jpg";}문제점 : => 현재 test3.js 파일을 로딩하는 위치가 태그 내이므로 현재 스트립트가 실행되는 시점에는 태그 내의 요소들이 로딩되기 전이다. => 따라서, 해당 요소들에 접근하는 코드사용시 요소에 대한 객체가 없으므로 null 값이 리턴되고 이 객체에 접근하기 위한 코드가 실행 될때 null 값을 통한 접근이 불가능하여 오류 발생함. => img1 객.. 공감수 0 댓글수 0 2024. 8. 27.
2024.08.26.클래스, 인스턴스 * 클래스 정의- 객체를 나타내는 (생성하는, 찍어낼) 설계도! - 표현하려는 대상 객체의 이름을 지정하여 클래스를 정의함.- 클래스 내의 멤버변수는 인스턴스 생성 시 각 인스턴스마다 별도의 공간을 할당 => 이때, 각 멤버변수는 자동으로 기본값으로 초기화가 수행됨. - 클래스 내의 메서드는 인스턴스 생성 후 호출을 통해 작업을 수행하게 됨. - 클래스 정의 후에는 반드시 인스턴스화를 통해 메모리 상에 실제 객체를 생성해야 함. [ 기본문법 ] [접근제한자] class 클래스명 { 멤버변수(= 객체의 정보를 저장할 변수 = 속성 = 필드) 생성자(= 객체 생성 시 객체의 정보를 초기화하는 역할) 메서드(= 객체의 수행할 동작 = 기능) }*클래스의 구성요소1. 멤버변수(필드) .. 공감수 0 댓글수 0 2024. 8. 26.
2024.08.23. CSS - 목록 스타일 * 목록 표시 스타일 변경 3가지 속성1. 목록 표시 변경 속성 : list-style-type 속성 list-style-type: none; /*square-사각,disc-검은원,circle-빈원,none-없음2. 목록 표시를 이미지로 변경하는 속성 : list-style-image 속성 list-style-type: none; /*none, upper-alpha-대문자 알파벳,upper-alpha 대문자 로마자 등등.3. 목록의 들여쓰기 변경 속성 : list-style-position 속성 - CSS 에서 이미지 가져오기 : url("경로") 함수사용 list-style-image: url("image2/dot.png"); - 목록 들여쓰기 속성 지정 .. 공감수 0 댓글수 0 2024. 8. 25.
2024.08.23. CSS - 바깥쪽 여백(margin)과 안쪽(padding) 여백 div { background-color: red; width: 200px; height: 200px; /* 위아래는 10px이고 오른쪽 왼쪽은 auto로 맞춰라.= 중간으로 보내라.*/ margin: 10px auto; }#d1 { background-color: green; font-size: 5em; font-weight: 900; border: 3px solid black; /* 안쪽에 여백이 늘어나면서 상자가 커지게 된다. */ padding: 40px;}1234 *div는 전체 공간을 차지하므로 한개에 한줄씩 차지한다. (인라인요소)*magin은 바깥쪽 여백이므로 div 끼리 원래 붙어있었는데 10px 만큼 떨어져 버렸다. ** 블럭요소인 im.. 공감수 0 댓글수 0 2024. 8. 25.
2024.08.23. CSS - 텍스트 관련 스타일 * 텍스트정렬(text-align속성) - text-align: left, right, center, justify;* 줄간격 지정 (line-height 속성) - line-height :em, px, % * 텍스트에 선만들기(text-decoration 속성) : text-decoration: none, line-through(취소선), overline(윗줄),underline(밑줄); - 하이퍼링크에서 밑줄 없앨 때 많이 사용함.* 텍스트에 그림자 만들기 (text-shadow 속성) : -형식)text-shadow: 가로거리 세로거리 번짐정도 그림자 색상 - 수평거리 : 양수 - 오른쪽, 음수 - 왼쪽 .. 공감수 0 댓글수 0 2024. 8. 25.
2024.08.22. CSS(Cascading Style Sheet), 웹폰트와 아이콘폰트 CSS(Cascading Style Sheet) :HTML 문서에 있는 요소(tag)들에 선택적으로 스타일(서식)을 적용할 수 있는 기능이다. * 사용자 스타일 지정 형식 3가지 : 1.인라인 스타일, 2.내부 스타일, 3.외부 스타일 1. 인라인 스타일 형식 : 간단하게 스타일을 적용2. 내부 스타일 형식 : 적용할 스타일들을 문서내부에 한곳에 모아놓고 스타일을 적용 head 영역내에 style 태그로 지정 내부 속성 지정 형식)선택자 { 속성1: 속성값1; 속성2:속성값2...... }3. 외부 스타일 형식 : 적용할 스타일들을 문서외부에 별도의 파일(*.css)로 저장해 놓고 필요한 HTML 문서(파일)로 가져와서 스타일 적용 외부 스타일 연결 형식) * CSS 기본 선택자 (selec.. 공감수 0 댓글수 0 2024. 8. 22.

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.