Java/자바 기반 웹 개발자 과정 필기 (72) 썸네일형 리스트형 [200511.52일차] JavaScript 2 배열 => 데이터 타입과 상관없이 배열에 데이터를 저장할 수 있다. console.log 콘솔에 log를 찍음=> f12를 눌렀을때 확인할 수 있음 document.createElement("label") => 새 라벨 추가 labal.innerHTML="~~~~" => label에 데이터값 저장 document.getElementById("print").appendChild(label) => 뒤에 이어서 라벨을 추가함 Join => 문자열로 이어써주는 기능 concat & slice concat => 배열 맨 뒤에 데이터값을 이어서 추가함 slice(n1, n2) => n1번째부터 n2-1개 까지 자름 unshift & shift unshift => 배열 앞에 데이터 추가 shift => 첫번째 값을 .. [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 => 종속되어 있는 값들을 정렬시켜준다. 문제 문제 강사님 코드 이전 1 ··· 5 6 7 8 9 10 11 ··· 18 다음
