이레

strict 모드란 ES5에 추가된 키워드입니다. 자바스크립트를 엄격하게 문법검사 하겠다는 의미입니다. ⭐️ strict 모드 선언하기 "use strict"; 스크립트 최상단 또는 함수 본문 앞에 작성해 줍니다. 함수 앞에 사용할 경우 해당 함수만 엄격모드로 실행됩니다. ⭐️ strict 모드 - 코드의 문제를 더 빨리 알리고 디버깅이 쉬워집니다. - strict 모드의 코드는 비 strict 모드 코드보다 빠르게 수행될 수 있습니다. - 발생 가능한 에러를 예방합니다.

1) 기본구조 잡는 것과 css 기본 잡는 것은 A-1과 비슷합니다. A-1을 참고해주세요. 2) 이번 nav영역은 background가 깔립니다. 구조를 작성할 때 까먹지 말고 함께 해주세요. 재단소개 설립취지 연혁 찾아오시는길 후원하기 국내후원 국외후원 맞춤후원 자료실 서식자료실 사진자료실 후원양식 스토리 웹진 보고서 나의후원 .header {position:relative;display:flex;width:100%;height:100px; align-items:center;justify-content:space-between;} .logo {width:200px;height:40px;} .nav {margin-top:40px;} .nav-menu-group {display:flex;width:600..

1) html의 기본 구조를 잡은 후 요구사항에 적혀있는 것들을 토대로 css 기본을 잡아줍니다. @charset "UTF-8"; * {margin:0;padding:0;background-color:#fff;color:#333; font-family:'맑은고딕', sans-serif;font-size:16px;box-sizing:border-box;} ul,ol,dl {list-style:none;} a {text-decoration:none;} img {border:none;} 2) 와이어 프레임에 맞게 태그를 작성합니다. 브라우져 전체 넓이에 1200px 넓이로 가운데 정렬, 높이값을 각각 맞춰 계산해서 css를 작성합니다. #wrap {width:1200px;height:700px;margin:0..

데이터를 입력 후 엔터키를 이용해 처리하는 방법입니다. 엔터키의 키 코드를 알고 있어야 하는데, 엔터의 키 코드는 13입니다. 버튼에 적용하는게 아닌 input 태그에 onkeyup으로 적용시켜줍니다. function fnEnterkey() { if (window.event.keyCode == 13) { //엔터키로 실행시킬 기능작성 } }

클로저 함수란? 함수 내부에 만든 지역변수가 사라지지 않고 계속해서 값을 유지하고 있는 상태를 말합니다. 클로저 함수는 일종의 '현상' 이기 때문에 정해진 규칙은 없습니다. ⭐️ 예제 function basic(){ var count = 0; count++; return count; }; document.write(basic()+' '); //출력값 : 1 function closure(){ var count = 0; function countSample(){ count++; return count; } return countSample; } var counter = closure(); document.write('1, count' + counter(),' '); document.write('2, cou..

반복문이란? 특정 구문을 여러 번 반복해서 실행할 때 사용하는 제어문입니다. ⭐️ 반복문 종류 1, for문 2, while 문 ⭐️ for문 반복 횟수가 정해진 경우 주로 사용합니다. //단일 for문 for(초기값; 조건식; 증감){ 실행구문; } //다중 for문 for(초기값; 조건식; 증감){ 실행구문; for(초기값; 조건식; 증감){ 실행구문; } } for문의 제일 중요한 부분은 반복 횟수입니다. 조건식에 들어가는 값이 반복 횟수입니다. 스크립트 예제로 많이 나오는 '별찍기' 도 for문으로 만듭니다!