목록자바스크립트/혼공 학습단 11기 (6)
코린이
기본 미션 p.315의 을 실행한 후 출력 되는 고양이 이미지 캡처 선택미션 p.352 누적 예제를 활용하여 본인의 할 일 목록을 만들어 캡처하기 할 일 목록 추가하기 벌써 마지막 주차가 되었습니다. 족장님이 이번주 기간을 여유롭게 주셔서 늦장 피우다가 이렇게 엄청난 지각을 해버렸네요ㅎㅎㅎㅎ 맨 처음 자바 공부를 하고 자바스크립트를 하니 만만히 봤는데 큰코다쳤네요(역시 쉬운 건 없어...) 벌써 마지막 주차가 되어서 아쉽지만 한편으로는 그래도 방학 때 뭐라도 했다에 큰 보람을 느낍니다ㅎㅎㅎㅎ 이번주에는 왜 개념 정리를 안했지 생각하실 수도 있으시겠지만(아니면 뭐... 김칫국을ㅎㅎㅎ) 자바스크립트를 공부하면서 이것 저것 만들어 봤습니다. 첫 번째 카페 주문 목록 menu.html 주문관리 || 메뉴관리 주..
객체의 기본 객체 실제로 존재하는 사물을 의미하고 이름과 값으로 구성된 속성을 가진 자바스크립트의 기본 데이터 타입으로 이야기할 수 있다. 자바스크립트에서 여러 자료를 다룰 때는 객체를 사용하는데 이전에 사용했던 배열도 여러 자료를 다룰 수 있다. 그 이유는 배열도 객체이기 때문이다. 배열에는 인덱스와 요소가 있는데 각 요소를 사용하려면 다음처럼 배열 이름 뒤 인덱스로 접근해야한다. 배열은 요소에 접근할 때 인덱스를 사용하지만, 객체는 키를 사용한다. 키 : 값 속성과 메소드 배열 내부에 있는 값을 요소라고 하고 객체 내부에 있는 값은 속성이라 한다. 객체의 속성도 배열의 요소와 같이 모든 형태의 자료형을 가질 수 있다. const object = { number: 273, string: '구름', bo..
5장 함수 함수를 사용하면 좋은 점 반복되는 코드를 한 번만 정의해 놓고 필요할 때마다 호출하므로 반복 작업을 피할 수 있다. 긴 프로그램을 기능별로 나누어 작성하면 모듈화로 전체 코드의 가독성이 좋아진다. 기능별로 수정이 가능해 유지보수가 쉽다. 함수의 기본 형태 함수 호출: 함수를 호출한다는 뜻 매개변수: 함수를 호출할 때는 괄호 내부에서 여러 가지 자료를 넣는다. 리턴값: 함수를 최종적으로 나오는 결과 익명 함수 함수는 코드의 집합을 나타내는 자료형 //함수의 기본형태 function(){} 익명 함수 선언하기 함수를 출력했을 때 별다른 이름이 붙어있지 않은 함수를 익명 함수라고 한다. // 익명 함수 선언 const addNumbers = function(x, y) { return x + y; }..
배열 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형으로 대괄호[]를 사용한다. 배열 내부에 있는 값을 요소라고 한다. let 변수 = [요소, 요소, 요소, 요소, 요소, 요소] //간단 배열 let value = [273, 'Hello', true, 43] 배열의 뒷부분의 요소를 추가할 때는 push() 메소드를 사용한다. 배열.push(요소) //push() 활용법 const todos = ['우유 구매', '업무 메일 확인하기', '필라테스 수업'] undefined todos (3) ['우유 구매', '업무 메일 확인하기', '필라테스 수업'] todos.push('저녁 식사 준비하기') 4 todos (4) ['우유 구매', '업무 메일 확인하기', '필라테스 수업', '저녁 식사 준비..
조건문 if 조건문은 조건에 따라 코드를 실행하거나 실행하지 않을 때 사용하는 구문이다. 이때의 조건은 2장에서 나온 불 자료형을 의미한다. 비교 연산자와 논리 연산자를 활용해 조건을 만들고, 조건 분기를 사용한다. if 조건문 if(불 값이 나오는 표현식){ 불 값이 참일 때 실행할 문장 } ex) let x = 5; if(x < 10){ document.write("TRUE"); } 위에 예제는 변수 x가 10보다 작으면 참을 나타낸다. ex) 오전 오후 구분하기 const date = new Date() //현재 날짜와 시간을 갖는 객체 const hour = date.getHours() //현재시간을 0~23사이의 값으로 출력하는 메소드 if(hour < 12){ document.write("오전..
1장 자바스클비트 개요와 개발환경 설정 자바스크립트는 웹 브라우저에서 사용하는 프로그래밍 언어이다. 자바스크립트는 자바와 비슷한 이름을 사용하는 마케팅 조약을 체결하였다. 자바와 자바스크립트는 이름이 비슷하지만 완전히 다른 프로그래밍 언어이다. 자바스크립트로 할 수 있는 것들 웹 클라이언트 애플리케이션 개발 예전 웹은 변하지 않는 정적인 글자들로만 이루어져 있었지만 웹은 점점 발전하여 애플리케이션 모습에 가까워졌다. 이처럼 기존의 웹 페이지보다 다양한 기능을 가진 웹 페이지를 웹 애플리케이션이라 부른다. 웹 서버 애플리케이션 개발 웹 클라이언트 애플리케이션을 자바스크립트로 개발하고, 웹 서버 애플리케이션은 자바, 파이썬 등의 프로그래밍 언어로 개발했다. 하지만 Node.js가 등장하면서 자바스크립트도 웹..