웹 개발자 도전기

객체 지향 프로그래밍 개요 객체 지향 프로그래밍 (Object-Oriented Programming)객체 지향 프로그래밍은 '객체' 간의 상호작용을 중심으로 데이터를 처리하는 프로그래밍 개발 방법이다.현실 세계가 다양한 객체들의 상호작용으로 운영되듯이 프로그램도 여러 개의 독립된 단위인 '객체' 들의 모임으로 파악하고자 하는 프로그래밍 방식이다.객체 지향 프로그래밍은 현실 세계를 모방한 것이다.객체 (Object)실생활에 존재하는 명사형의 모든 실체(사람,사물,개념 등)를 말한다.예 : 자동차, 도서, 학생, 학과, 성적, 수강, 회원, 상품, 장바구니, 주문, 은행계좌 등객체의 특징 :식별 가능한 이름이 있으며 관련된 상태정보(속성)와 행위를 가진다.속성 : 예를 들어, 학생의 이름, 학과 , 학번 등..

함수 선언문 (Function Declaration)    기본 형식 :function 함수이름(매개변수){// 기능 구현    return 반환값;}    호이스팅이 되어 함수 선언 전에 호출할 수 있다.함수 표현식 (Function Expression)    기본 형식:let 변수 = function(매개변수){// 기능 구현    return 반환값;};    호이스팅되지 않아 선언 후에만 호출 가능합니다.화살표 함수 (Arrow Function)    기본 형식:const 함수 = (매개변수) => {// 기능 구현    return 반환값;};    간결한 문법으로 ' this ' 값을 상속받으며 생성자 함수로 사용할 수 없습니다.즉시 실행 함수 (IIFE)    기본 형식:(function()..

함수 ( function ) 란 ? 프로그램 개발 시 자주 사용하는 기능들을 여러 개의 명령들로 묶어 놓은 서브 프로그램을 말한다.기능별로 독립된 실행 코드 블록으로 묶어 놓으면 필요할 때마다 원하는 기능을 실행할 수 있고 같은 기능이 필요한 다른 곳에서도 다시 사용할 수 있는 장점이 있다.또한 에러 발생 시 에러 요신을 빠르게 유추할 수 있으며 유지보수가 수월하다.  함수 사례 일정 관리 프로그램 개발일정 추가 함수 : [추가] 버튼을 클릭하면 일정 목록에 추가하는 기능일정 목록 함수 : 목록을 화면에 표시하는 기능일정 수정 함수 : [수정] 버튼을 클릭하면 일정을 수정하는 기능일정 삭제 함수 : [삭제] 버튼을 클릭하면 목록에서 삭제하는 기능  함수 선언 및 사용 함수를 선언할 때는 function ..

제어문 이란? 프로그램의 실행 순서를 개발자가 원하는 방향으로 바꿀 수 있도록 해주는 문장을 말한다.모든 프로그램은 기본적으로 위에서 아래로 , 좌에서 우로 순차적으로 실행하는 흐름을 가진다.어떤 조건에 따라 명령 실행 순서를 바꾸거나 특정 구문만 계속 반복 실행하려면 조건문이나 반복문을 사용해야한다.조건을 체크하기 위해 비교 연산자나 논리 연산자가 중요하게 사용된다.  조건(분기)문 if문 , if ~ else 문 , if ~ else if문 , swich ~ case 문  반복문 while문 , do ~ while 문 , for 문  이동문 break , continue , return  if 문 if 다음에 소괄호를 사용해서 조건을 지정하고 조건 결과값에 따라 true이면 블록( {...} ) 안에..

연산자 란? 프로그램에서 특정한 동작을 하도록 지시하는 기호를 연산자라 한다.대부분의 프로그래밍 언어가 사용하는 연산자는 동일한 의미를 가진다.연산자 종류  산술 연산자산술 연산자는 이미 우리가 알고 있는 수학적 계산을 위해 사용하는 연산자이다.피 연산자가 두 개인 대표적인 이항 연산자로 사칙연산 및 나머지(%) 연산을 수행한다.  할당( 대입 ) 연산자할당 이라는 것은 = 연산자를 기준으로 오른쪽의 값을 왼쪽의 변수에 저장한다는 의미이다.복합 대입 연산자  증감 연산자(++ , --)변수의 앞이나 뒤에 붙어서 변수의 값을 1 증가시키거나 또는 1 감소시키는 단항 연산자이다.주의사항연산자가 어느 위치에 있는가에 따라 연산이 수행되는 시점이 다르기 때문에 앞뒤의 문맥을 잘 파악해서 사용해야 된다.연산자가 ..

변수란 ? 프로그래밍에서 값(문자열 , 숫자 등)을 저장하기 위해 사용하는 메모리 저장 공간이다.의미 있는 이름이 부여된 상자에 비유할 수 있다.변수를 통해 프로그램은 메모리의 특정 번지에 데이터를 저장하고 읽을 수 있다.   JavaScript 변수 선언 : let 과 const  자바스크립트는 변수 선언 시 데이터 타입을 명시하지 않고 let , const 키워드를 사용하여 선언할 수 있다. ` let ` 키워드특징 : 블록 범위 변수를 선언합니다.용도 : 값이 변경될 수 있는 변수를 선언할 때 사용합니다. ` const ` 키워드특징 : 블록 범위 상수를 선언합니다.용도 : 값을 변경할 수 없는 변수를 선언할 때 사용합니다. 상수로 선언된 변수는 재할당이 불가능합니다.   자바스크립트 변수의 특징 ..

자료형 ( Data type ) 이란 ? 프로그램에서 처리할 수 있는 자료의 형태를 말한다.컴퓨터에게 일을 시킬 때는 자료가 문자열("100")인지 숫자(100)인지 처리할 자료의 유형을 지정해야 한다.자바스크립트에서 사용할 수 있는 다양한 자료의 종류는 아래와 같다. 숫자형 ( number ) 숫자형은 모든 프로그램에서 가장 기본이 되는 자료형으로 일반적으로 정수(integer)와 실수(Floating point)로 나눌 수 있다.일반적인 프로그래밍 언어에서는 정수와 실수를 명확히 구별하지만 자바스크립트는 정수와 실수를 함께 묶어서 '숫자형' 이라고 한다.자바스크립트에서는 큰따옴표 없이 입력하면 숫자형으로 인식한다.숫자형 자료들은 기본적으로 사칙연산이 가능하다.  문자열 ( string ) 문자열은 작..

코드 작성 및 실행  1) 프로그램 기본 구조 및 개발 과정 이해를 위해 콘솔창에 간단한 메시지를 출력하는 프로그램을 작성한다. 2) Hello.js 파일은 텍스트 형식의 소스 파일이며 VSCode 에서 작성한다.JavaScript 소스 코드에서 하나의 실행문(명령)이 끝날 때에는 실행문이 끝났음을 나타내기 위해 세미콜론(;)을 입력한다.# 1 소스 파일 작성 # 2 실행  주석 [ Comments ] 주석은 프로그램 실행과는 상관 없이 본인이 작성한 코드에 대해 설명을 제공할 목적으로 소스 코드에 추가하는 문장이다.코멘트를 활용해서 각 기능이 어떤 의도로 작성되었는지 , 주의해야할 점이 무엇인지 등을 적어주면 코드의 가독성을 높여줄 수 있다.너무 남발하면 좋지 않으며 상황에 맞게 적절한 코멘트를 작성한..