* 연습문제 1 텍스트1 내용2 네이버 내용5 내용6 내용7 내용8 * 연습문제 2 내용1 내용2 내용3 내용4 * 연습문제 3 내용1 내용2 내용3 내용4

1. 프론트엔드 개발 Front-End HTML, CSS, 자바스크립트, 제이쿼리 등을 이용해 사용자의 눈에 보이는 부분까지 개발하는 것을 프론트엔드 개발이라고 한다. 그렇다면 백엔드 개발은 ASP, PHP, JSP 등 서버 언어를 사용하여 주로 화면에서 보이지 않는 부분을 개발한다. 즉, 백엔드 개발은 사용자가 입력한 데이터를 데이터베이스에 저장하거나 검사하는 등 눈에 보이지 않는 영역을 개발하는 것을 백엔드 개발이라고 한다. https://hyejin.tistory.com/79?category=1016456 1-2. 백엔드와 프론트엔드란? 예전에는 백엔드와 프론트엔드에 대한 단어 개념을 대충 백은 뒤에서 처리 프론트는 앞에서 보여지는 것. 이라고 생각만 하고 넘겼는데 기초부터 그냥 빠르게 알고 넘어가..

* 연습문제 1 할 일 목록 ✓할 일 1 ✓할 일 2 ✓할 일 3 ✓할 일 4 ✓할 일 5 * 연습문제 2 행과 열을 입력하면 테이블이 추가되도록 행 열 작성

* 연습문제 1 현재 시각 * 연습문제 2 현재 시각을 알려주는 팝업을 가운데에 띄우기 현재 시간 보기

1. 브라우저 관련 객체 웹 브라우저가 열리면 가장 먼저 window라는 객체가 만들어지고, 밑으로 하위 요소에 해다하는 객체들이 나타난다. window의 하위 객체로는 document, history 등이 있고, document의 하위 객체로는 area, image 등이 있다. window : 브라우저 창이 열릴 때 마다 하나씩 만들어지는 것으로 , 브라우저 창 안의 요소 중에서 최상위에 있다. document : 웹 문서마다 하나씩 있으며, body 태그를 만나면 만들어진다. navigator : 현재 사용하는 브라우저의 정보를 담고 있다. history : 현재 창에서 사용자의 방문 기록을 저장한다. location : 현재 페이지의 url 정보가 담겨있다. screen : 현재 사용하는 화면 정보..

1.자바스크립트 객체 1️⃣ DOM (문서 객체 모델) : 웹 문서 자체가 객체이기도 하고, 웹 문서에 포함된 이미지나 링크 , 텍스트 필드 모두 객체에 해당한다, 2️⃣ 브라우저 관련 모델 : 웹 브라우저에서 사용하는 정보도 객체로 나타낼 수 있다. (history, location, link...) 3️⃣ 내장 객체 : 웹 프로그래밍 할 때 자주 사용하는 요소로 자바 스크립트 안에 미리 객체로 정의 되어 있는 것을 내장객체라고 한다. 2. 객체의 인스턴스 만들기 자바스크립트에서 객체는 참조 형식으로 만들어서 사용해야한다. 즉 객체 자체가 아닌 인스턴스의 형태로 만들어서 사용해야한다. 자바스크립트의 객체가 틀이라면 그 틀을 기본으로 해서 계속 같은 모양으로 찍어 내는 것이 인스턴스이다. 객체의 인스턴스..

* 연습문제 1 두 수 입력 받아서 같으면 곱하고, 다르면 더하기 * 연습문제 2

1. 익명함수 익명함수는 함수의 이름이 없는 함수이다. 따라서 익명함수를 선언할때는 함수의 이름이 없다. 2. 즉시 실행 함수 즉시 실행 함수는 한번만 실행하는 함수를 정의하고 동시에 실행하는 함수이다. (function () { 명령 } () ); (function (매개변수) { 명령 } (인수) ); 3. 화살표 함수 (매개변수) => { 함수 내용 } 4. 이벤트 1️⃣ 마우스 이벤트 click : 사용자가 html 요소를 클릭할 때 이벤트 발생 dbclick : 사용자가 html 요소를 더블 클릭할 때 이벤트 발생 mousedown : 사용자가 요소 위에서 마우스 버튼을 눌렀을 때 이벤트 발생 mousemove : 사용자가 요소 위에서 마우스 포인터를 움직였을 때 이벤트 발생 mouseover ..

var 변수는 여러가지 문제(?)를 발생시킬 수 있다. 만약 var 예약어를 빼먹으면 전역변수가 되어 의도치않게 여러군데에서 쓰이게 되어 원하는 값이 안나올 수도 있고, var 변수는 재선언과 재할당이 가능하여 코드 길이가 길어져 var 변수를 선언했었는지 모르고 같은 이름으로 재선언하거나 재할당하게 될 수도 있다. 이러면 또 사용자가 예상했던 값이 아닌 전혀 다른 값으로 출력될수도 있다. 따라서 ES6에서는 변수를 선언하기 위한 예약어로 let과 const가 새로 생겼다. 그리고 되도록이면 var 사용을 권장하지 않는다고 한다. ❗ var는 함수 영역의 범위에서 사용되고, let과 const는 블록 영역의 범위에서 사용한다. 1. let 1️⃣ 블록에서 사용 가능하다. let 예약어는 변수를 선언한 {..

1. 지역변수와 전역변수 자바스크립트에서 변수를 선언하고 사용할 때 변수가 적용되는 범위를 스코프라고 한다. 1️⃣ 지역변수 지역변수는 한 함수 안에서만 사용할 수 있는 변수로, 로컬 변수라고도 한다. 예약어 var와 함께 변수 이름을 지정한다. 2️⃣ 전역변수 전역변수는 스크립트 소스 전체에서 사용할 수 있는 변수를 전역 변수라고 하고, 또는 글로벌 변수라고 한다. 전역변수는 적용 범위를 제한하지 않고 쓸 수 있다. 2. var와 호이스팅 호이스팅이란 상황에 따라 변수의 선언과 할당을 분리해서 선언 부분을 스코프의 가장 위쪽으로 끌어올리는 것을 말한다. 이 함수의 실행 결과는 x is 10 과 y is undefined 이다. y 도 20이 나올 것이라고 예상했는데 undefined 인 이유는 호이스팅..

1. for문 for(초기값; 조건문; 증가식) { 명령 } 2. 중첩 for문 for문 안에 다른 for문을 넣어 사용하는 것을 중첩 for문이라고 한다. 3. while문 while(조건) { 명령 } while문은 조건이 true인 경우에만 해당 명령을 실행한다. 4. do~while문 do { 명령 } while(조건) do~while문은 while문과 다르게 조건문이 뒤에 붙기 때문에 조건문이 false여도 일단 명령을 한번은 실행한다. ❗ while문은 조건부터 체크하지만 do~while문은 일단 명령 실행한 후 조건을 체크한다. 5. break와 continue 1️⃣ break break문은 종료 조건이 되기 전에 반복문을 빠져나올 때 사용한다. 2️⃣ continue continue문은 ..

1. if, if-else, 중첩 if-else if(조건문) { 조건문 결과가 true 일때 실행되는 명령 } if(조건문) { 조건문 결과가 true 일때 실행되는 명령 } else { 조건문 결과가 false 일 때 실행되는 명령 } if(조건문1) { if(조건문2) { 조건문 결과가 true 일때 실행되는 명령 } else { 조건문2 결과가 false 일 때 실행되는 명령 }else { 조건문1 결과가 false 일 때 실행되는 명령 } 2. 조건연산자 (조건) ? true 일때 실행할 명령 : false 일때 실행할 명령 3. 논리연산자 1️⃣ OR 연산자 || 기호 사용하고, 하나라도 true 값 있으면 결과값은 true이다. 2️⃣ AND 연산자 && 기호 사용하고, 하나라도 false값..