유효범위(1) 전역변수와 지역변수 유효범위(Scope)는 변수의 수명을 의미한다. var vscope = 'global'; function fscope(){ alert(vscope); } fscope(); //아래 코드에서 var vscope = 'local';를 뺀 코드 //결과는 global 이다. //vscope이 바깥쪽에 있기 때문에 global이 경고창에 뜨게된다. ↑ fscope는 함수바깥에 선언되어있는 vscope에 접근 할 수있다. var vscope = 'global'; function fscope(){ var vscope = 'local'; alert(vscope); } fscope(); //결과는 local 이다. //같은 함수안에 있는 vscope를 출력. ↑ alert(vscope..

정규표현식 정규표현식: regular expression 문자열에서 특정한 문자를 찾아내는 도구 [주요한작업들: 추출>test>(다른정보로)치환] 정규표현식은 수많은 언어에서 사용되어있고, 여기 정리한 내용은 자바스크립트 안에서의 정규표현식이다. ​ 정규표현식 두가지의 방식 1.컴파일 : 패턴을 찾는 것 2.실행 : 우리가 찾은 패턴(대상) 어떠한 작업을 하는 것 컴파일 정규표현식 리터럴 *var str ="a" - 문자열을 변수에 담을때 "" 사이의 a가 문자열이다 정규표현식리터럴 : var pattern = /a/; 변수의 이름 pattern , //사이의 a가 찾고자하는 문자이다 ​ 정규표현식 객체 생성자 var pattern = new RegExp('a'); RegExp = regular expr..

var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80}; for(var name in grades) { document.write("key : "+name+" value : "+grades[name]+" "); } 함수 함수 = function 하나의 로직을 재실행 할 수 있도록, 코드의 재사용성을 높여줌 ​ function함수명([인자...[,인자]]) {코드 return 반환값 } i = i + 1 i++ i += 1 모두 동일함. 함수의 효용 함수 : 재사용성 / 유지보수의 용이 / 가독성 반복문은 기계적으로 그자리에서 반복할때만 사용 함수는 여러가지 자리에서 불러서 반복할때 사용 i = i + 1 i++ i += 1 모두 동일함. 함수의 효용 함수 : ..

JavaScript 웹서버 ↔ 웹브라우저 ​ 웹 페이지 파이어폭스, 구글 크롬, 오페라, MS 익스플로러나 엣지, 애플의 사파리 같은 웹 브라우저에서 보여지는 문서이다. 이런 것들을 단순히 "페이지"라고 하기도 한다. 웹사이트 다양한 방식으로 그룹으로 묶이거나 연결된 웹 페이지들의 모음이다. 보통 "웹사이트"나 단순히 "사이트"라고 한다. 웹 서버 인터넷에 웹사이트를 호스팅하는 컴퓨터이다. 검색 엔진 구글, 빙, 야후 같은 다른 웹 페이지들을 찾게 도와주는 웹사이트이다. 소프트웨어 컴퓨터 프로그램 및 그와 관련된 문서들을 통틀어 이르는 말. 컴퓨터를 관리하는 시스템 프로그램과, 문제 해결에 이용되는 다양한 형태의 응용 프로그램으로 나눈다. ​ Node.js = 웹서버를 동작하기 위한 도구 (PHP,JAV..

수업을 마치며 - WEB2 - JavaScript (opentutorials.org) 수업을 마치며 - WEB2 - JavaScript Long take 버전 코딩장면만을 담은 버전의 영상입니다. 복습할 때 도움이 되면 좋겠습니다. 좋아하는 음악 틀어놓고 배속으로 보시면 덜 지루합니다. 지식지도 관련된 지식의 지도입니다. 지도 opentutorials.org ​ 자신의 프로젝트를 시작할때 모든 개념을 동원하려 하지말라. 필수불가결한 최소한의 도구만을 가지고 문제를 해결하려고 시도하라. 최소한의 도구란? 순서에 따라 실행되야 할 명령들이 실행되는것. 순서대로 실행된다는 것만으로도 프로그래밍은 충분히 혁명적이다. 머리가 너무 복잡해지면 아무 것도 할 수가 없다. 실행하다가 한계가 올 때 , 실습을 멈추고 공..

UI vs API - WEB2 - JavaScript (opentutorials.org) UI vs API - WEB2 - JavaScript UI vs API 2017-12-02 16:25:56 opentutorials.org ​ UI (User Interface) API (Application Programming Interface) ​ ​ 1.사용자가 시스템을 제어하기 위해서 사용하는 조작장치 = UI 2.애플리케이션을 만들기 위해서 프로그래밍을 할 때 사용하는 조작장치 = API API는 모든 프로그래밍 언어에 공통적으로 적용 API와 순서는 단어와 문법처럼 부품과 부품의 결합방법처럼 뗄레야 뗄 수 없는 관계이다.

라이브러리와 프래임워크 - WEB2 - JavaScript (opentutorials.org) 라이브러리와 프래임워크 - WEB2 - JavaScript 라이브러리와 프래임워크 2017-12-02 16:24:54 opentutorials.org ​ 1.라이브러리(library) 2.프레임워크(framework) - 두가지는 다른 사람의 도움을 받아 소프트웨어를 만든다는 점에서 비슷하다. 1.라이브러리는 내가만들고자 하는 프로그램에 필요한 부품들이 되는 소프트웨어를 잘 정리정돈 해놓는 소프트웨어 내가만들고있는 프로그램에 사용할 부품​을 가져오는 것 같은 느낌 2.프레임워크는 만들고자 하는 것이 있을때 만들고자 하는 것이 무엇이냐에 따라서 (예 게임,채팅,웹) 언제나 필요한 공통적인 부분은 프레임워크라는 것..

파일로 쪼개서 정리 정돈하기 - WEB2 - JavaScript (opentutorials.org) 파일로 쪼개서 정리 정돈하기 - WEB2 - JavaScript 파일로 쪼개서 정리 정돈하기 2017-11-29 10:32:18 opentutorials.org ​ 정리정돈의 도구들 : 함수,객체 함수와객체보다 더 큰 정리정돈의 도구 (가장 큰 정리정돈의 도구)이자 서로 연관된 코드들을 파일로 묶어서 그룹핑 하는 것. = 파일로 쪼개서 정리 정돈하기 이것을 사용하면 웹페이지가 아무리 많아도 많은 웹페이지들을 감당할 수 있게된다. 1.html WEB HTML CSS 2.html WEB HTML CSS 3.html WEB colors.js var Links = { setColor:function(color){..