Style7 3월 15일 JavaScript - 객체(Object) 객체 Object 객체 = 변수 + 메소드(함수) 객체 자체로의 완성품이기도 하면서 프로그램의 안의 구성물이 되기도 한다. 구조체 다음이 객체, 자바스크립트에서는 구조체가 없다. 객체는 한 가지 목적을 가지고 모아놓은 정보! 배열로 처리하기 어려움. 객체의 정보는 다양하다. 정보객체(정보를 저정하는 것을 목적으로 하는 객체) 변수만 묶어서, 메소드만 묶어서 객체를 표현할 수 있다. 메소드만 묶어서 객체를 표현하는 방법은 많이 없지만 변수만 묶어서 객체로 표현하는 경우는 많음. JSON(JavaScript Object Notation) 자바스크립트 객체 표기 형식을 빌어 데이터의 전송에 사용하는 문자열 작성 방식 {name: "홍길동", age: 20, adress: "인천시 미추홀구"} 객체를 직접 만들.. 2023. 3. 15. 과제 교육원 사이트 만들기(CSS 연습) css 파일 @charset "UTF-8"; * { margin: 0; padding: 0; } li { list-style: none; } header { height: 105px; } section { width: 960px; height: 1220px; margin: 0 auto; } footer { height: 205px; } div#h_top { height: 35px; background-color: gray; margin: 0 auto; } div#h_bottom { width: 960px; height: 70px; margin: 0 auto; } div#h_top>div#h_top_wrap { height: 35px; line-height: 35px; } div#h_top>div#h_to.. 2023. 2. 28. 2월 28일 영역별 레이아웃 만들기 정답 + 사이트 레이아웃 만들기 GIMP GIMP - The GNU Image Manipulation Program: The Free and Open Source Image Editor www.gimp.org 무료 그래픽 툴 선택자 지정 시 구체적으로 명확하게 명시해 주는 것이 좋다. 색이 지정되어 있지 않으면 그림판에서 색을 뽑아서 확인한다. 탑-다운 접근법 : 큰 문제를 쪼개서 시작하는 것이 필요하다 float 영역이 나누어져 있으면 서로 간섭을 하지 않는다. 개발자 도구를 통해서 똑같이 적용해 보는 연습 해 보기 오류를 찾을 때도 사용 CSS 파일 @charset "UTF-8"; /* 전체 요소에 대한 처리 */ * { padding: 0; margin: 0; } /* 리스트 요소 처리*/ li { list-style: none;.. 2023. 2. 28. 영역별로 레이아웃 만들기(이미지 포함) 똑같이 만들어 보기! 1. header header { background-color: yellow; border: 2px solid blue; margin-bottom: 10px; position: relative; } 2. nav nav { background-color: lime; border: 1px solid red; position: absolute; right: 5px; bottom: 5px; width: 300px; } 3. aside aside { float: right; width: 20%; background-color: orange; padding: 10px; } 4. section section { padding: 10px; border: 1px solid black; backgr.. 2023. 2. 28. 배경 이미지만 투명하게 처리하기 배경을 반투명하게 하면 내부 요소로 같이 반투명하게 된다. 하위 영역도 같이 적용이 되기 때문에 배경을 뒤로 처리해서 사용한다. content는 빈 내용으로 넣는다. 꼭 넣어주어야 한다! !important 꼭 적용하기 제목입니다. first second 2023. 2. 27. 테이블 스타일링 성 이름 연락처 김 길동 010-1111-2222 나 길동 010-2222-3333 박 길동 010-3333-4444 장 길동 010-4444-5555 최 길동 010-5555-6666 2023. 2. 27. 이전 1 2 다음
