728x90
반응형

 

 

모든 프로그래밍 수업을 학교에서 듣다보면 기초로 코딩하는 대표적인 예제중에 하나인 구구단을 자바스크립트로 구현해 볼 것이다.

 

구구단                                                                                        

 

맨처음 console.log("자바스크립트로 구구단 코딩하기");은 꼭 써주지 않아도 되지만 

 

그래도 내가 어떤것을 코딩하겠다 라는 제목정도라고 보면 될 것이다.

 

for(let i=1; i<=9 i++) 만 보면 알 수 있듯이

 

자바스크립트는 변수 선언을 let 을 사용해서 선언을 해준다.

 

1단부터 9단까지이니까 for문을 하나 더 써주고 9까지 곱하게 해준다.

 

그 결과의 출력을 console.log로 표현해 주기만 하면 

 

기존 프로그래밍 언어인 Java 나 C에서 코딩하던 것을 금방 응용할 수 있다.

결과는 아래와 같다.

 

-끝-

 

728x90
반응형
728x90
반응형



1.기본문법                                                                                   

◎숫자

기본적인 자료형

 연산자

설명 

덧셈 연산자

-

뺄셈 연산자 

곱셈 연산자 

나눗셈 연산자 

%는 나머지 연산자이다.



◎문자열

-문자의 집합

-문자열 생성시 큰 따옴표나 작은 따옴표를 사용한다.


-이스케이프 문자

따옴표를 문자 그대로 사용가능

문자열 줄 바꿈 할 경우 사용가능


(ex console.log("동해물과 백두산이 \n 마르고 닳도록")


이렇게 줄바꿈이 되어서 출력 됩니다.

이스케이프 문자 

설명 

\t 

수평 탭 

\n 

줄바꿈 

\' 

작은따옴표 

\" 

큰 따옴표 

\\ 

역슬래시 



◎문자열 합하기

+ 연산자는 문자열 연결 연산자이다.


결과는>> 동해물과 백두산이 마르고 닳도록 애국가 >> 이다.


◎문자 선택 연산자

-문자열[숫자] 이다.

console.log("안녕하세요"[0]); 이라고 쓰고 실행시키면 어떤결과가 나오게 될까??


안녕하세요의 문자열 중 0번째 문자열을 선택하는 것 이므로


"안" 이라는 결과가 실행된다.


◎참과 거짓의 표현

-true 와 false

연산자 

설명 

== 

같다. 

!= 

다르다. 

왼쪽이 더 크다. 

오른쪽이 더 크다. 

>= 

왼쪽이 크거나 같다. 

<= 

오른쪽이 크거나 같다. 


◎논리 연산자

연산자 

설명 

논리 부정 연산자 

|| 

논리합 연산자 

&& 

논리곱 연산자 


논리 연산자가 많이 사용되는 부분은 '범위  판단' 이다.


◎변수

-값을 저장할 때 사용하는 식별자로 변수 선언 후 변수 에 값을 할당한다.


변수 선언

=> let 식별자;


연산자 

설명 

변수++ 

기존 변수 값에 1을 더한다.(후위) 

++변수 

(전위)기존 변수 값에 1을 더한다. 

변수-- 

기존 변수 값에 1을 뺀다.(후위) 

--변수 

(전위)기존 변수 값에 1을 뺀다. 



◎undefined 자료형.

- 말그대로 정의가 되어있지않는 자료형, 변수를 선언했으나 초기화 하지 않았을때 결과로 undefined가 나온다.











728x90
반응형
728x90
반응형


1.기본                                                                                  

◎표현식과 문장

-표현식이 하나 이상 모일 경우, 마지막에 종결 의미로 세미콜론(;)을 써준다.

프로그램은 문장이 모이면 프로그램이 된다.


◎식별자

-이름을 붙일 때 사용하는 단어로 변수와 함수 이름등으로 사용한다.

단, 식별자를 쓸때에는 키워드는 사용을 할 수 없고, 특수문자는 _와 $만 허용된다.

그리고 숫자로 시작하면 안되고 공백또한 입력해서는 안된다.


식별자 사용 규칙으로는 

1.생성자 함수의 이름은 항상 대문자로 시작한다.

2.변수,함수,속성 메소드의 이름은 항상 소문자로 시작한다

3.여러 단어로 된 식별자는 각 단어의 첫 글자를 대문자로 한다.


◎주석처리

-주석은 프로그램의 진행에 영향을 주지 않는 코드로

한 줄 주석 처리는 // 주석

여러 줄 주석 처리는 /*  주석  */ 을 사용한다.


◎출력 메소드

-console 객체의 log() 메소드를 사용한다.

console.log("문자열")



첫 줄은 출력 메소드를 사용해서 Hello world를 출력하고

두번째 줄은 주석처리를 사용해서 Hello world를 출력하지 않았다.



728x90
반응형
728x90
반응형




1.자바스크립트의 발전                                                                                                

◎세계에서 가장 오해를 많이 받는 프로그래밍 언어

-> 자바스크립트를 부수적인 프로그래밍 언어로 취급한다.


그러나 자바스크립트는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장객체에도 접근할 수 있는 기능을 가지고 있다.

또한 Node.js 와 같은 런타임 환경과 같이 서버 사이드 네트워크 프로그래밍에도 사용되고 있다.

자바스크립트가 썬 마이크로 시스템즈의 자바와 구문이 유사한 점도 있지만 

이는 사실 자바스크립트와 자바 모두 C언어의 기본 구문을 바탕으로 제작되었기 때문이고 자바와 자바스크립트는 직접적인 관련성이 없다.



2.자바스크립트로 할 수 있는 일                                                                                    

◎웹 클라이언트 애플리케이션 개발

-> 웹 브라우저에서 실행되는 웹 클라이언트 애플리케이션 개발이 목적이다.

-> 웹 브라우저에서 실행할 수 있는 유일한 프로그래밍 언어이다.


◎웹 서버 개발

-> 기존에 웹 개발은 두가지 이상의 프로그래밍 언어가 필요했지만 Node.js 가 등장하면서 웹 서버도 자바스크립트로 개발이 가능하다.

-> 웹 페이지를 출력하지 않아도웹 프로토콜(HTTP 또는 HTTPS)을 활용하면 웹서버로 칭한다.

->Node.js 는 웹 개발과 관련해서 간단한 모듈들만 제공해서 데이터 처리와 예외처리등이 조금 복잡한 경우가 있지만 , 빠르다는 장점을 가지고 있다.


◎모바일 애플리케이션 개발

-> 네이티브 애플리케이션 개발을 할 수 있다.

스마트폰에서 인식할 수 있는 프로그래밍 언어로 만든 애플리케이션이다.

대표적으로 페이스북의 React Native가 있다.( 자바스크립트로 네이티브 애플리 케이션을 개발- 내부적으로 프로그래밍 언어를 변환함)





◎데스크톱 애플리케이션 개발

->일렉트론 모듈: 자바스크립트로 개발 전용 텍스트 에디터를 만들어 배포하고 , 본격적으로 데스크톱 애플리케이션 개발에 힘썻다.


◎게임 개발

-> 원래 게임은 서버와 클라이언트 모두 속도문제로 C++로 제작을 하였다.

그러나 스마트폰이 활성화 되면서 한번에 여러 스마트폰 운영체제에서 실행할 수 있는 애플리케이션을 개발하는 것을 경제적 목표로 삼았으며 그 결과로 자바스크립트 기반의 유니티 게임엔진이 등장하였다.




◎데이터 베이스 관리

-> 데이터를 저장할 때 사용하는 프로그램:NoSQL

MongoDB:데이터베이스를 관리할 때 자바스크립트를 활용하는 NoSQL





728x90
반응형

+ Recent posts