프로그래밍 언어/Javascript :: Node.js :: ReactJS(10)
-
4. Javascript 기초4 <모듈>
1. Module1-1. 정의코드의 재활용성을 높이고, 유지보수를 용이하게 할 수 있는 다양한 기법이 존재한다. 그러한 기법 중 하나로 코드를 여러개의 파일로 분리 해놓을 것을 '모듈'이라 한다. 1-2. 모듈 사용의 장점코드의 재사용성로직 검색의 용이함메모리 낭비 최소화 2. 웹 브라우저에서의 모듈화모듈화를 통해 코드의 가독성을 획기적으로 높일 수 있다. ※ 호스트 환경에 따라 자바스크립의 모듈화 방법이 다르다. # main.html1234567891011121314 alert(welcome()); Colored by Color Scriptercs [Line 6] greetings.js 파일의 내용이 사이에 작성한 것과 같다. #greeting.js1234function welcome(){ return..
2018.12.03 -
3. JavaScript 기초 3 <객체>
객체 (Object)- 자바스크립트에서 객체는 다른 프로그래밍 언어들의 Map, Dictionary(python), Associated Array 등과 같다.- Key 와 Value 쌍으로 이루어져 있다.- 저장된 데이터에 대한 순서가 없다. (배열과 객체가 다른점 ) 1. 객체 생성의 기본 형태123 var gender = {}; cs 1-1. 객체 데이터 접근하기1234567 var gender = {'John': 'Male', 'Kate': "Female"} document.write(gender['John'] + " "); document.write(gender.John + " "); document.write(gender['Kate'] + " "); document.write(gender.Kat..
2018.12.03 -
2. Javascript 기초 2 <변수/연산자/제어문/함수/배열>
1. 변수 (Variables)변수의 기본 형태:var NAME = VALUE; 변수명은 CamelCase 방식으로 작성.※ 변수를 사용하기 위한 3단계1. Create Variable2. Iniitialize3. Use Variables ※ 새로운 변수/상수 선언 방식변수 : let 키워드를 사용 ( reassign )상수 : const 키워드 사용 변수선언 시 const 키워드를 이용하도록 하고, 필요한 경우에만 let 키워드를 사용하는 것이 안전한 코딩을 할 수 있는 방법이다. ※ 변수에 할당할 수 있는 데이터 타입Number : 숫자형 데이터Float : 부동소수점을 가지고 있는 실수형 데이터String : 문자, 문자열 등 문자형 데이터Boolean : True or False 2.비교 연산자2..
2018.12.02 -
1. Javascript 기초1
1. 자바스크립트자바스크립트는 Client Side Language로 웹 브라우저에서 작동하는 객체기반 스크립트 언어 웹서버의 PHP, Java, Python 등의 Server Side Language를 대체하기 위해 사용되는 기술 Node.js -웹브라우저를 제어하기 위한 자바스크립트 -웹서버를 제어하기 위한 자바스크립트 => 웹서버이건 웹브라우저건 간에 자바스크립트 라는 하나의 언어로 양쪽 모두 제어할 수 있게되는 이점이 있다 12345678910 Colored by Color Scriptercs 2. 주석 1234567// one line comment /* multi line comment */cs 3. 수의 표현과 연산' 또는 "로 감싸여진 것 이외의 수 표현은 모두 숫자로 인식한다.(1) Ma..
2018.09.03