power-girl0-0

생활코딩 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743) 유효 범위 ( Scope ) 유효 범위는 변수에 수명을 의미한다. 예제를 통해서 자세하게 알아보자. var vscope = 'global'; function fscope(){ alert(vscope); } fscope(); 위 코드의 실행 결과는 global이 출력된다. 만약, fscope함수 안에 vscope가 하나 더 선언된다면 어떤 값을 출력할까? var vscope = 'global'; function fscope(){ var vscope = 'local'; alert("안 : " + vscope..

생활코딩 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743) 정규 표현식 (regular expression ) 문자열에서 특정한 문자를 찾아내는 도구다. 이 도구를 이용하면 수십줄이 필요한 작업을 한줄로 끝낼 수 있다. 어떠한 텍스트 안에 있는 여러 정보들 중에서 필요한 정보를 추출하는 것, 원하는 정보가 있는지 test하는 것, 검색된 정보를 다른 정보로 치환하는 것 등을 할 때 정규 표현식이 필요하다. 정규 표현식 생성 정규표현식은 두가지 단계로 이루어진다. 하나는 컴파일(compile) 다른 하나는 실행(execution)이다. 우선 컴파일부터 알아보자. ..

생활코딩 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743) API 란? Application Programming Interface의 약자로 프로그램이 동작하는 환경을 제어하기 위해서 환경에서 제공되는 조작 장치이다. 이 조작 장치는 프로그래밍 언어를 통해서 조작할 수 있다. UI와 API 차이점에 대해 모른다면, 아래 영상을 보고오면 좋을 듯 하다. ( https://www.youtube.com/watch?time_continue=1578&v=Z4kH0IZVT-8&feature=emb_logo ) 레퍼런스와 튜토리얼 프로그래밍을 공부하기 위한 자료는 크게 레퍼..

생활코딩 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743) 프로그램이 작고 단순한 것에서 크고 복잡한 것으로 진화한다. 이러한 과정에는 코드의 재활용성을 높이고 유지보수를 쉽게 할 수 있는 다양한 기법들이 사용된다. 그 중의 하나가 코드를 여러개의 파일로 분리하는 것이다. 아래는 이를 통해 얻을 수 있는 효과이다. 1) 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용할 수 있다. 2) 코드를 개선하면 이를 사용하고 있는 모든 애플리케이션의 동작이 개선된다. 3) 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다. 4) 필요한 로직만을 로드해서..

생활코딩 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743) 객체 ( Object ) 배열에서 인덱스는 숫자를 사용하였으며, 데이터가 생성되면 자동으로 만들어져서 데이터에 대한 식별자가 된다. 객체도 배열과 비슷한 형태이지만, 객체는 인덱스를 문자로도 사용할 수 있다. 다른 언어에서는 연관 배열 또는 맵, 딕셔너리 라는 데이터 타입이 객체에 해당된다. 즉, 객체는 key와 value를 갖는다. 객체 생성 객체는 중괄호에서 중괄호로 끝난다. 1. 첫번재 방식 즉, egoing은 key가 되고, 10은 value가 된다. 2. 두번째 방식 비어있는 객체를 만든 뒤, ..

생활코딩 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743) 배열 ( array ) 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입이다. 변수는 하나의 데이터를 저장하기 위한 것이라면 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이라고 할 수 있다. 배열 생성 var member = ['egoing', 'k8805', 'sorialgi'] 위와 같이, 배열 생성은 [ ] 대괄호로 시작해서 대괄호로 끝나야 한다. 위 예제는 하나의 변수에 3개의 데이터를 담았다. 각각의 데이터를 원소(Element)라고 부른다. 그렇다면, 3개의 데이..

생활코딩 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743) 함수 (Function) 하나의 로직을 재실행할 수 있도록 하는 것으로, 코드의 재사용성을 높여준다. 함수의 형식 fuction 함수명 ([인자 ... [, 인자 ]]){ 코드 return 반환값 } 함수의 정의와 호출 예제를 통해 알아보도록 하자. 함수 호출을 할 때 ( ) 괄호를 안하면 변수로 처리하기 때문에 함수 호출시에는 함수이름뒤에 ( )괄호를 적어줘야 한다. 함수를 호출하면, 자바스크립트 해석기는 numbering이라는 함수의 이름을 찾아서 함수가 갖고 있는 내용을 실행해준다. 해당 함수를 여..

생활코딩 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743) 반복문 반복적인 작업을 지시하는 방법이다. while 문 while(조건) { 반복해서 실행할 코드 } while문에서 조건은 Boolean으로 작성한다. 해당 반복문은 조건이 true면 코드를 반복적으로 실행해주고, false가 되면 반복이 끝나서 해당 코드를 실행하지 않는다. ※ document.write 자바스크립트를 이용해서 웹 페이지에 텍스트를 출력하는 것이다. 아래 코드는 coding everybody라는 문자열을 출력하는 페이지가 무한 반복 돌아간다. while(true){ document...