본문 바로가기

코딩도전기85

CSS_Test Notice 팝업하기 Opacity와 z-index를 활용해서 공지사항 띄워보기 HTML에서 배운 dialog를 활용 공지사항입니다. 공지사항 다음과 같은 사항을 공지합니다. 공지 내용1 공지 내용2 공지 내용3 닫기 Sprite image 여러장의 이미지를 하나의 이미지로 병합해 놓은 이미지 2D 도트게임에서 사용하는 개념으로 이제는 웹에서도 사용 여러 이미지를 적은 용량으로 효과적으로 사용할 수 있음 2023. 2. 6.
CODO Day3_CSS CSS(Cascading Style Sheets) : HTML을 보다 세련되게 표현 CSS 적용방법 : 해당 태그에 직접 설정 Style에서 자주 쓰는 태그 특정 영역을 지정하여 스타일을 줄 경우 사용 특정 문자열에 스타일을 줄 경우 사용 요약/상세보기 메뉴를 만들 때 사용(클릭하면 설명을 볼 수 있도록) 알림 팝업 효과를 주고 싶을 때 사용(open 속성 여부) DIV는 특정영역에 style을 주고 싶을 경우 사용한다 DIV는 특정영역에 style을 주고 싶을 경우 사용한다 DIV는 특정영역에 style을 주고 싶을 경우 사용한다 span은 특정문자에 style을 주고 싶을 경우 사용한다 details & summary details와 summarry태그 내용을 우선 보여주고 자세한 내용을 사용자가 직.. 2023. 2. 3.
CODO Day2_HTML 기본태그(basic tag) : 주석 : 툴팁(마우스 오버하면 설명을 띄워줌) : 볼드체 : 취소선 : 밑줄 : 이탤릭체 : 형광펜 : 쿼터태그("") : 아래첨자(아래 작은글씨) : 윗첨자(위 작은글씨) 우리가 배우는 과목은 HTML 입니다. HTML 은 웹에서 화면을 표시해 줍니다. 특정 단어에 취소선 또는 밑줄을 그어줄 수 있다. 또한 특정 단어에 이탤릭체 또는 마크 를 해 줄 수 있다. 쿼터 표현도 태그로 가능 하다. "그냥" 하는 방법 과 쿼터태그 를 사용하는 방법 아래첨자(X2), 윗첨자(X2) 2023. 2. 3.
CODO DAY1 - Front End Programing_HTML이란? Front-End Server Side Data Base 1. Front-End 사용자의 요청을 위한 화면 또는 결과를 보여주는 화면 구성 주요 언어 : Html, Java Script, CSS, J-Query 2. Server Side 요청에 대한 실제 처리 담당 주요 언어 : JAVA, PYTHON, Java Script, GO, PHP, C#, ... 3. Data Base 필요한 데이터를 저장하거나 가져옴 주요 언어 : My-sql, Oracle, Postgre, ... Front End의 주요 언어 HTML(Hyper Text Markup Language) : 웹 어플리케이션 뷰의 뼈대 구성 CSS : HTML 을 보다 세련되게 표현 JAVA SCRIPT : HTML에 동적기능을 구현 J QUE.. 2023. 2. 2.

티스토리툴바