본문 바로가기

분류 전체보기

 (122)
Javascript - UI·API , 문서 UI·API , 문서 자바스크립트 2019-10-30 17:18:48 원하는 명령어를 찾는 일. API를 찾는 일 중요! -UI : user interface. 노트북의 UI 예) 터치패드, 노트북 화면, 스피커 등 입력, 출력 장치들. 사용자와 노트북의 접점. 중계자를 UI 라 부른다. 소프트웨어 UI 예) 화면에 보이는 버튼들, 눌렀을 때 나오는 화면들. 소프트웨어적으로 구현된것이지만 사용자들에게 상태를 보여준다. -API : application programming interface. alert 버튼, 스크롤같은 인터페이스는 아니고, 코드를 띄고 있는 인터페이스다. 웹브라우저가 제공하고 있는 조작 방법들. 일반 사용자: 웹 브라우저를 UI로 제어한다. 개발자: UI+API로 웹브라우저, 또는 앱 ..
Javascript - 모듈 모듈 자바스크립트 2019-10-30 00:45:07 부품~! 프로그램: 작.단->크.복 ∴코드 재활용성↑, 유지보수 쉽게 할 기법들이 필요. 이 중 하나가 코드를 여러 개의 파일로 분리하는 것이다. = 모듈. 기법: 모듈화 이점: 자주 사용되는 코드를 별도의 파일로 만들어 필요할 때마다 재활용할 수 있다. 코드를 개선하면 쓰이고 있는 모든 곳의 동작이 개선된다. 코드 수정 시 필요한 로직을 빠르게 찾을 수 있다. 필요한 로직만 로드해 메모리 낭비↓ 한 번 다운로드된 자바스크립트는, 그 후에는 웹브라우저에 저장되기 때문에 시간, 비용 절약. 자바스크립트에서는 모듈(module)이라는 개념이 분명히 존재하지는 않는다. 하지만 자바스크립트가 구동되는 환경(ex) 웹브라우저 등) 에서 자바스크립트 로직을 파일..
Javascript - 객체 객체 자바스크립트 2019-10-29 20:42:31 object 배열이랑 유사. 배열은 그릇 속에 값을 등록하면, 색인이 0부터 자동으로 등록이 되지만, 객체는 색인 값을 내가 원하는 데이터로 지정할 수 있다. (다른 언어에서는 연관 배열, 맵, 딕셔너리 등의 데이터 타입이 객체에 해당한다.) 중괄호로 시작한다. (배열은 대괄호) ▶객체 만들기 방법 1. var bir = {'hyeon' : 19, 'ming' : 15, 'jeong' : 13} 키(인덱스) : hyeon, ming, jeong. 밸류(값) : 19, 15, 13. 방법 2. var bir = {}; bir['hyeon'] = 19; bir['ming'] = 15; bir['jeong'] = 13; 방법 3. var bir = new ..
Javascript - 배열 array. 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입. 데이터들을 담는 그릇. 변수는 하나의 데이터를 저장할 수 있기 위한 것이고 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이다. ▶ 배열을 만드는 방법 var bbi = ['hyeon', 'ming', 'jeong'] 대괄호 속에 넣는다. hyeon, ming, jeong 이라는 연관된 데이터들을 하나의 그릇에 넣고, 그 그릇을 다시 bbi 라는 변수에 저장시켰다. bbi 를 alert 로 불러오면, hyeon, ming, jeong 이렇게 반점으로 구분되어 불려 온다. hyeon, ming, jeong 은 bbi 의 원소이다. 순서대로 고유 번호, 식별자를 갖게 된다. 첫 번째 저장돼있는 hyeon 은 0, m..
Javascript - 함수 function. 코드의 재사용성을 높여준다. 하나의 로직을 재실행할 수 있도록 함. function 함수명 ( [인자...,[인자]) { 코드 return 반환값 } ex) function Eun () { document.write('Eunluck'); } Eun(); 함수 Eun 을 정의하고, Eun 을 실행했다. 결과 : 웹페이지에 Eunluck 이 출력됨. Eun(); 에서, () 를 쓰지 않으면 자바스크립트는 함수가 아닌 변수로 인식함. *재사용성이 중요★ document.write('은행운') 으로 바꾸면, Eun(); 가 쓰인 모든 곳에서 Eunluck 이 은행운 으로 모두 바뀜 : 편리 *반복문과의 차이점 함수는 200번째 줄, 300000번째 줄, 등 언제든 여러 곳에서 사용이 가능하지만..
Javascript - 반복문 반복문(while, for) 자바스크립트 2019-10-28 20:44:45 검색어: loop, iterate. ~하는 동안 반복적으로 작업을 할 것이다. ▶ while while ( 조건 ) { 반복해서 실행할 코드. } ( 조건 ) 안에는 if 와 똑같이 Boolean 이 와야 한다. Boolean 중 true가 조건에 온다면, true 가 false 가 될 때까지 코드를 반복하게 된다. 따라서 종료 조건을 제대로 작성해야 한다. * 자바스크립트를 이용해 텍스트 출력 방법. ex) while 뒤의 조건이 변함없이 true 이기 때문에 끝없이 Eunluck 이 작성된다. 삐임 변수 i 를 만들고, i 의 값을 반복문이 한 번 실행될 때마다, 1씩 증가시켰다. i 값이 10이 되는 순간 멈춤. 0~9 까..
Javascript - 조건문 조건문 자바스크립트 2019-10-28 19:37:31 conditional statement. 'if' 로 시작한다. if ( 블린 ) { } ▶ else if 의 조건이 거짓일때 실행할 구간을 정의한다. if ( true ) { alert (1); } else { alert (2); } └ 1만 표시된다. if ( false ) { alert (1); } else { alert (2); } └ 2만 표시된다. ▶ else if 여러 선택지가 필요할 때에 사용. if 나, else 와는 다르게 여러개가 올 수 있다. else if 의 모든 조건이 false 라면 else 가 실행된다. else 는 생략가능하다. if ( false ) { alert (1); } else if ( true ) { aler..
Javascript - 비교연산자 비교 자바스크립트 2019-10-28 16:50:18 조건문과 결합 시 아주아주 중요하다. 연산자는 작업을 지시하기 위한 기호로 ' a=1 ' 의 경우 "a" 는 변수, "1"은 값, "=" 는 대입 연산자, 이항 연산자라고 부름. -비교 연산자 좌항과 우항의 사이에서 서로 같은지, 어느 쪽이 큰지 판별해 주는 연산자이다. true, false 중 하나로 값을 갖게 된다. -> 블린(boolean) 이라고 부름. -동등 연산자(==) equal operator 좌항, 우항 비교 후 값이 같으면 'tru', 다르면 'false' 가 표시된다. alert(1==2); false -일치 연산자(===) strict equal operator 더 엄격하게 비교한 결과를 알려준다. 현지의 경우 아는 것이 없으니 ..

티스토리툴바