Javascript (5) 썸네일형 리스트형 [211102] 자바스크립트 개인실습 버튼에 링크를 걸려면 을 쓰면 안 되고 버튼 태그안에 onclick = "location.href = '#' "을 넣어줘야 한다. 새창으로 열기 kakao 가입하기 px 적으면 안되고 width height 연결은 , 으로 해야 한다. window 속성 width : 팝업창 가로길이 height : 팝업창 세로길이 toolbar=no : 단축도구창(툴바) 표시안함 menubar=no : 메뉴창(메뉴바) 표시안함 location=no : 주소창 표시안함 scrollbars=no : 스크롤바 표시안함 status=no : 아래 상태바창 표시안함 resizable=no : 창변형 하지않음 fullscreen=no : 전체화면 하지않음 channelmode=yes : F11 키 기능이랑 같음 left=0 : 왼.. [211101] BOM(Browser Object Model) & 이벤트 cf. "문자열에 글자 관련 태그 적용".bold(); '문자열에 글자 관련 태그 적용' "문자열에 글자 관련 태그 적용".small(); '문자열에 글자 관련 태그 적용' "문자열에 글자 관련 태그 적용".italics(); '문자열에 글자 관련 태그 적용' "문자열에 글자 관련 태그 적용".anchor(); '문자열에 글자 관련 태그 적용' "문자열에 글자 관련 태그 적용".link() '문자열에 글자 관련 태그 적용' 시간 관련 var date = new Date(); 새 창으로 열기 width=320,height=200 -> 열릴 창의 크기 지정 형태 옵션 (브라우저에 따라 쓸 수 없는 속성 있음) height 윈도우 높이 값 width 윈도우 너비 값 location 주소 입력 창 yes |.. [211029] DOM(Document Object Model), 로또 번호 생성기 실습 DOM 객체 : Document Object Model "HTML 문서에서 사용하는 Tag Element 를 객체화하고 구조화하여 자바스크립트로 다룰 수 있게 제공하는 객체 모델" 객체 모델 -> 메서드와 속성 사용 가능 - document 문서의 태그 이름으로 요소 찾기 document.getElementsByTagName("body"); HTMLCollection [body.text-center] 0: body.text-center length: 1 [[Prototype]]: HTMLCollection - document 문서의 클래스 이름으로 요소 찾기 document.getElementsByClassName("text-center"); HTMLCollection [body.text-center] .. [211028] 제어문, 배열, 함수 제어문(조건문, 반복문, 분기문), 배열 if 문 예제. ex1 실행 for 문 예제. ex2 실행 ex3 실행 while 문 예제. ex4 실행 switch 문 예제. ex5 실행 배열을 이용한 반복문(for ... in) ex6 실행 배열을 이용한 반복문(for ... of) ex7 실행 객체를 이용한 반복문(for ... in) ex8 실행 // 한 줄 주석 /* 여러줄 주석 */ var v1; // 지역변수 생성 v2 = 10; // var 생략하여 전역변수 생성. 전역 변수 -> window 객체의 멤버 변수 // v3; // 에러 console.log(typeof '1'); console.log(typeof 1); console.log(typeof 1.1); console.log(typeof .. [211027] 자바스크립트 기초 클라이언트 - 서버 구조 프로토콜 - HTTP : 하이퍼 텍스트 전송 규약 (웹통신) - FTP : 대량을 파일을 전송/수신하기 위한 파일 전송 규약 - TELNET : 원격지에서 서버 컴퓨터를 원격 제어하기 위한 규약 클라이언트 주요 언어 - HTML : 하이퍼 텍스트를 구현하기 위한 뼈대가 되는 핵심적인 기술 마크업 언어 - CSS : HTML이 뼈대라면 CSS는 꾸미기 위한 옷의 기능 - 자바스크립트(Javascript) : 기능, 로컬의 브라우저에서 실행되는 인터프리터 방식의 프로그래밍 언어 - 제이쿼리(jQuery) : 존 레식 창안, 자바스크립트 기반 라이브러리 중 하나 자바스크립트 코드가 길어지면 사용하기 복잡한 단점 개선 서버 주요 언어 - JSP : 운영체제의 구애를 받지 않으며 실행 톰.. 이전 1 다음
