분류 전체보기 (123) 썸네일형 리스트형 [200508.51일차] JavaScript 1 JavaScript 이클립스에서는 자동완성, 오류 확인을 할 수 없다 => 브라우저에서 F12로 오류를 확인 자동 완성 => 이클립스 마켓플레이스 코드믹스 검색 document.write() => 현재 페이지에 출력 스크립트 오류 발생 시 * 주의 : Script에서 오류가 나면 그 하위 줄은 다 실행이 되지 않는다. => 아무것도 출력되지 않음 F12 => 오류 확인 스크립트 위치 스크립트 내에서 html 처리가 가능하다. button 이벤트 처리 => ""와 '' 헷갈리지 않게 주의 .js 파일 불러오기 script 내용 ex.js 파일에 복붙 => 함수로 만들어줌 => html 내에서 스크립트를 불러주고, 함수를 호출함 => 보통 스크립트는 head에 먼저 불러 미리 변수들을 만들어준다. 변수 자바.. [200507.50일차] CSS 3 position static : 순차적으로 나열 (명시 안했을때 기본값) relative : 윗줄 태그를 기준으로 absolute: 바디를 기점으로 static relative absolute 둘다 바디 기준 fixed => 고정 위치. 스크롤을 내려도 그 위치에 고정 absolute => 절대 위치. 스크롤을 내리면 사라짐 z-index z-index를 이용해 앞에 있는 순서를 정할 수 있다. 덮어서 클릭이 안됨 문제 모바일 / PC 용 CSS 만들기 모바일용 - 320px , 태블릿 - 768px, pc - 960,1024px 기본틀 인포메이션 영역 모바일 PC 헤더 영역 flex-flow: column => 세로 정렬 (order:1=>인포메이션, order:2=>헤더) font-size: 2.0e.. [200506.49일차] CSS 2 여백 padding => 내부 여백 margin => 외부 여백 스타일 적용 순서 => 마지막 스타일 적용 외곽선 border 그림자 특수 효과 bs1 => 뿌옇기 bs2 => ","로 중첩 넘쳤을때 overflow: auto overflow: hidden box-sizing: border-box 문제 flex => 종속되어 있는 값들을 정렬시켜준다. 문제 문제 강사님 코드 [200504.48일차] CSS 1 Project 생성 + html 파일 생성 Style 태그 => 안에 작성 전체 선택자 *{} => 전체에 스타일 적용 주석 처리 class 선택자 .class명 => class를 부여해 스타일을 적용 ID 선택자 #id명 => 아이디를 부여해 스타일을 적용 가상 클래스 선택자 transition all 1.5s => 1.5초안에 다 행동 linear => 0.5초 있다가 행동 하위 선택자 = 후손 선택자 = 자손 선택자 => 하위의 모든 자손들에 스타일을 적용 문제 구조적 가상 클래스 선택자(Structural pseudo-classes) CSS 파일 적용 문제 만든거 이전 1 ··· 16 17 18 19 20 21 22 ··· 31 다음