잰니의 성장블로그✈

00:00:00 Start Stop Reset

웹 프로그래밍의 구조 네트워크는 Client(서비스를 요청하는 쪽)-Server(서비스를 제공하는 쪽) 구조와 P2P(Peer to Peer) 구조(서로가 동등한 위치로써 어느 한쪽이 서비스를 제공하면 그 순간 서버가 되고, 반대로 서비스를 요청하면 그 순간 클라이언트가 되는 구조)인데 웹 서비스를 제공하기 위해서는 서버 컴퓨터와 서버에서 동작하는 여러 프로그램들이 필요하다. 이런 서버를 Thick Network라고 부른다. 서버에서 동작하는 프로그램 영역을 백엔드(웹 서버 소프트웨어, 웹 프레임워크, 데이터베이스 등)라고 한다. 그리고 서비스를 이용하는 쪽은 클라이언트라고 하는데 클라이언트는 스마트폰, 데스크탑 등이 될 수 있고 최근에는 자동차, TV, 냉장고(Embeded System) 등에서도 인터..

자바스크립트 객체 자바스크립트에서는 숫자, 문자열, 함수, 배열, 날짜 등의 데이터뿐만 아니라 HTML 요소와 브라우저에 관련된 모든 것이 객체 기반으로 되어 있다. 여기서 객체와 속성, 메써드를 정의해서 객체를 생성해본다. 객체에는 문서 객체 모델(DOM)과 브라우저 객체 모델(BOM)로 나눈다. 객체란 자바스크립트는 객체(Object) 기반의 언어이며 자바스크립트를 이루고 있는 거의 모든 것이 객체이다. 숫자, 문자열, 함수, 배열 등도 모두 객체이다. 자바스크립트의 객체는 객체에 속한 변수인 속성(Property)와 객체에 속한 함수인 메써드(Method)로 구성된다. 하나의 객체는 데이터를 의미하는 속성과 데이터를 처리하는 기능을 가진 메써드의 집합으로 볼 수 있다.

더보기 - 책값 : - 원 - 할인율 : - % - 배송비 : - 원 ------------------------------------ 지불금액: - 원 거스름돈 계산하기 더보기 글씨 색상 변경하기 배경색 바꾸기

변수 스코프(scope) - 지역변수와 전역변수 사용자 함수 내 (서브루틴) 에서 사용되는 변수를 지역변수라고 하고 메인루틴에서 사용되는 변수를 전역변수(Global Variable)이라고 한다. 변수 선언에서 var 예약어를 사용했을 때 사용되는 영역(Scope)을 가지고 있기 때문에 재할당과 재선언을 할 수 있다. 함수가 다르면 동일한 함수를 재선언하고 값을 재할당해서 사용해도 된다. 하지만 잘못 사용하면 오류가 발생할 수 있기때문에 가급적 var를 사용하지 않도록 한다. 전역변수(함수 밖에서 선언하는 변수와 상수변수)는 최소한으로 사용하고, var 변수는 함수의 시작 부분에서 선언하며, for문에서는 var 보다 let를 사용해서 변수를 선언해주는 것이 좋다. 그리고 ES6 이상을 사용한다면 var..

함수 값 반환 자바스크립트에서 사용되는 함수는 변수와 마찬가지로 할 일을 수행한 뒤 결과로 나온 값을 함수 값 반환을 통해서 함수를 호출한 곳으로 값을 보낸다. document.write(), alert()와 같이 구체적인 행동 명령이 있는 함수의 경우 return 제어문은 필요없다. 그 이유는 함수는 원래 종료되면 호출 위치로 자동 복귀한다. 메인루틴과 서브루틴 : 자바스크립트를 포함해서 프로그래밍 언어에서 메인루틴은 서브루틴, 즉 함수 정의와 같이 프로그램의 부가적인 영역을 제외한 프로그램 흐름의 중심이 되는 부분을 의미한다. 프로그램은 메인 루틴의 처음 부분에서 시작되어 중간 서브루틴을 실행한 뒤 최종적으로 메인루틴에서 종료된다. ex) 첫번째 입력값부터 두번째 입력값까지의 합계 구하기 ex) 숫자..

함수(Function)란? 프로그램 원래 위에서 아래로 순차적으로 하나씩 실행되는데 제어문으로 실행 순서 로직을 변경할 수 있다. 그리고 프로그램의 기능별로 묶어서 원하는 기능만 프로그램해서 코드의 묶음(이를Code Block)을 만들어서 필요한 기능만 따로 실행하게 하는 것을 함수라고 한다. 자바스크립트 함수는 그 기능이 자체에 내장되어져 있는 내장함수와 사용자가 직접함수를 정의해서 사용하는 사용자(정의)함수로 나뉜다. 변수나 데이터를 정의해 둔 함수에 매개변수를 지정해서 함수를 호출하므로써 실행시키는데 함수의 실행으로 얻어진 결과 값을 호출 함수에 되돌려주기도 한다. 함수에서의 지역변수와 전역변수의 개념도 있다. alert() 함수를 사용해서 자바스크립트의 실행 내용을 웹 브라우저에 띄우는데 이도 내..

반복문 반복문은 특정 문장을 반복해서 수행할 때 사용된다. 자바스크립트의 반복문에는 while 문, do ~ while문 , for문이있다. 반복문이 이중으로 사용되는 '이중for 문'도 있다. 또 반복 루프를 빠져나가는 break; 문과 해당 반복을 건너뛰는 continue 문도 있다. WHILE문 while (조건식) { 실행문1 ; 실행문2 ; ... } ex ) 1 ~ 10까지 합계 구하기 /*프로그램에서 초기화(initiative)한다는 것은 변수가 있었던 메모리상의 데이터를 지운다는 의미이다. 이전에 실행했던 프로그램이 사용했던 메모리에는 garbage collection을 종료 시 수행하지 않았다면 local variable(지역변수)의 값은 함수의 소멸과 함께 사라지지만 global var..

■ Switch 문 Switch 문은 if 문처럼 조건문인데 변수값이나 표현식에 따라서 수행해야 하는 코드를 달리할 때 사용된다. switch (변수) { case 1 :// 여기는 콜론: 실행문1;// 문장 끝을 표시하는 세미콜론 ; 실행문2; ... break;//순환(looping)을 막기 위해서 벗어남 case 2 : 실행문3; 실행문4; ... break; ... defalt : 실행문7; 실행문8; ... } //switch ( ) 안의 있는 변수의 값이 1이면 case 값1로 가서 실행문1, 실행문2, ...를 실행하고 break;에 의해 case 값1과 switch 문 //자체를 빠져나온다. 만일 변수의 값이 2이면 case 값2로 가서 실행문3, 실행문4, ...를 실행한 뒤 역시 bre..

■ 형변환 자바스크립트에서도 형변환이 있는데 변화시키고자 하는 데이터 타입을 앞에 써준다. var num = Number( prompt("숫자를 입력하세요") ) /* "숫자를 입력하세요"라는 메시지에 10을 입력했을 때 이를 숫자로 확실히 변형한다면, 앞에 숫자를 의미하는 Number()를 붙이면 입력하는 값이 숫자가 된다. */ =>정수형 숫자 2와 문자열 “2”는 서로 다르다. 정수형 2는 그냥 숫자로써 00000010이 되고, “2”는 문자열써 ASCII(American Standard Code for Information Interchange)에서 보면 00110010이다. 따라서 서로 다르다. ■ 조건문 조건문은 참/거짓에 따라서 실행되는 프로그램 코드를 달리 할 때 사용된다. 자바스크립트 조..