코린이4 CODO Day6_Java Script_Dom(속성&이벤트) Document Object Model Java Script에서는 문서 내 객체를 가져와 속성을 다루는 역할을 함 *document 내 Tag를 가져와 opacity와 color 속성을 변경하는 과정 DOM으로 가져오기 객체(Object)의 속성(Attribute)을 다루기 위해서는 우선 객체를 가져와야 한다. HI TAG 1 HI TAG 2 HI TAG 3 HI TAG 4 HI TAG 5 H2 Tag 1 H2 Tag 2 H2 Tag 3 H2 Tag 4 H3 Tag Element 내의 속성 활용 하기 가져온 Element(요소)에서 Attribute(속성)을 다룰 수 있다. 다룰 수 있는 속성은 사용자 속성과 기본속성으로 나눌 수 있다. 링크 클릭 링크 클릭 링크 클릭 2023. 2. 8. CODO DAY5_Java Script(Switch문&반복문&제어문&함수&배열) Switch(Case By Case) 특정 case마다 특정 내용을 실행 switch는 if처럼 복잡한 조건을 다루지 못하는 한계가 있음(단순한 조건) 중요한 내용을 다룰 경우 사용 속도가 빠르지만 메모리를 많이 차지함 var item = '콜라'; switch(item){ //코드는 코드블록에서 시작하면 끝까지 실행해야됨 case "콜라": console.log(item + '가 나왔습니다'); break; //break가 없다면 끝까지 내려가게 됨 case "생수": console.log(item + '가 나왔습니다'); break; //break는 진행중인 내용을 코드블록 밖으로 탈출시켜줌 case "오렌지주스": console.log(item + '가 나왔습니다'); break; default: .. 2023. 2. 7. 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. 이전 1 다음
