개발자꿈나무

alert, prompt, confirm 사용하기 1. alert - 사용자가 확인 버튼을 누를 때까지 메시지를 보여주는 창을 띄움 - 모달 : 페이지의 나머지 부분과 상호작용이 불가능하다 - 모달 창을 띄우기 때문에 모달 창 바깥에 있는 버튼을 누르거나 다른 행동 불가 - alert("..."); 2. prompt - 텍스트 메시지와 입력 필드, 확인 및 취소 버튼의 모달 창의 띄워줌 - title : 사용자에게 보여줄 문자열 default : 입력 필드의 초깃값(선택값) result = prompt(title, [default]); // default는 선택값으로 필수는 아님, 사용자가 입력한 값이 입력되는데 Internet Explorer에서는 항상 기본값을 넣어줘야함 let test = promp..

Hello, world! - 웹 페이지에 스크립트 삽입 방법 1. 'script' 태그 : 2. 외부 스크립트 - 코드 양이 많은 경우에는 파일로 소분하여 저장 - 분해해 놓은 각 파일은 src 속성을 사용해 html에 삽입 // 절대경로 // 상대경로 // url도 가능 ! 코드 구조 1. 문 - 어떤 작업을 수행하는 문법 구조와 명령어 - 서로 다른 문은 세미콜론으로 구분 - 한 줄에 입력도 가능하지만 서로 다른 줄에 작성한는 것이 일반적 alert('Hello'); alert('World'); alert('Hello'); alert('World'); 2. 세미콜론 - 줄 바꿈이 있다면 세미콜론 생략 가능(줄 바꿈이 있으면 암시적으로 세미콜론으로 해석) - 대부분의 경우는 세미콜론을 의미하지만 [ ]..

CH.1 글꼴 속성 1. font-style 속성 - 글자를 이탤릭체로 표시하는 속성 font-style: normal ; italic ; oblique /* 기본값 ; 이탤릭체 ; 이탤릭체 */ 2. font-weight 속성 - 글자 굵기를 조절하는 속성 font-weight : normal ; bold ; bolder ; lighter ; 100 ~ 900 ; /* 기본값 ; 굵게 ; 원래보다 더 굵게 ; 원래보다 더 가늘게 ; 100~900 사이 굵기. 100 가늘게 900 굵게 */ CH.2 웹 폰트 사용하기 1. font-family 속성 사용하기 font-family : font ; initial ; inherit ; /* family-name or generic-family ; 기본값으로 ..

1. 스타일 형식 알아보기 - 선택자 { 속성1 : 속성값1; 속성2: 속성값2 } - 중괄호 { } 사이에 스타일 규칙 나열 - 규칙이 여러 개일 경우 세미콜론(;)으로 구분 p { text-align:center; color:blue; } p { text-align:center; color:blue; } /* 한줄로도 표현가능 */ 2. 스타일과 스타일 시트 - 브라우저 기본 스타일 브라우저에서 기본으로 적용하는 스타일 웹 문서에서 아무 스타일도 적용하지 않고 HTML만 사용해도 그 기능에 따라 크기에 맞게 보여줌 - 인라인 스타일 스타일 시트를 사용하지 않고 스타일을 적용한 대상에 직접 표시 스타일을 적용하고 싶은 태그에 style속성을 사용해 스타일 적용 - 내부 스타일 시트 웹 문서 안에서 사용..