Study/JavaScript
-
[생활코딩] UI 와 APIStudy/JavaScript 2019. 12. 6. 10:52
UI(user interface) : 사용자와 시스템의 접점 / 사용자 (User) 가 목적달성을 위해 마주하는 조작체계 API(application programming interface) : App과 프로그래밍의 접점(프로그램이 동작하는 환경을 제어하기 위해서 환경에서 제공되는 조작 장치) / 프로그래머 (Programmer) 의 개발을 돕기위해 마련된 도구 및 환경 개발자가 아닌 사람은 UI를 통해 시스템을 제어하는것이고, 개발자는 UI와 더불어 API를 이용해서 App을 제어할 수 있다. ex) '사용자'에게 '웹 개발자'는 인프라를 제공하고, '웹 개발자'에게 '브라우저 개발자'는 인프라를 제공한다. '사용자'와 '웹 개발자'의 관계의 접점이 " Interface " 여기서, 웹 개발자는 사용자..
-
[생활코딩] JavaScript 객체Study/JavaScript 2019. 12. 5. 10:18
객체 Object 객체가 가지고 있는 여러 가지 특성 중 하나가 '정리 정돈의 수단'이다. 변수나 함수 같은 코드가 하나의 페이지에 아주 길어지다 보면, 그것을 정리하기 위해 '객체'를 쓴다. 코드가 아주 길면 새로 만들 함수의 이름이 기존에 존재하는 함수이름 인지 파악하기 어려워진다. 그리고 만약 같은 이름의 함수를 만들면, 아래에 있는 함수가 위의 함수를 덮어 씌워 버려 심각한 문제를 초래한다. 새로이 이름을 바꿔서 함수를 만드는 것도 방법이지만, 객체를 활용하면 이름이 겹칠때도 사용 할수 있다. 이처럼 객체는 서로 연관된 함수와 변수를 담아 놓는 수납상자와 같은 폴더라는 관점에서 바라봐도 무방하다. 순서 있이 저장하는 것이 배열이라면 순서 없이 정보를 저장하는 것이 객체이다. 그리고 객체는 정보를 ..
-
[생활코딩] JavaScript 배열Study/JavaScript 2019. 12. 4. 18:29
배열 Array 프로그래밍을 하면서 데이터가 많아짐에 따라 코딩은 너무 복잡해지게 되고, 사람이 감당할 수 없는 소프트웨어가 되어버렸다. 따라서 연관된 데이터를 잘 정리정돈하는 일종의 수납상자 같은 것이 필요해졌는데, 그것을 배열(array) 이라고 한다. 배열(array) 이란 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입이다. 즉, 여러 개의 데이터를 담기 위한 그릇의 역할을 하고 일반적으로 변수에 저장되어 쓰인다. 배열 내에 있는 하나 하나의 데이터를 원소(element)라 하고, 그것을 식별하는 식별자를 주로 색인(index) 라 칭한다. index는 첫 번째 원소는 0이고, 이후 1,2,3.. 순서대로 매겨진다. 배열 활용하기 - 배열 작성법 : var 변수이름 = [ '데..
-
[생활코딩] JavaScript 함수Study/JavaScript 2019. 12. 4. 10:12
함수 Function 만약 코드가 1억 번이 중복되는 동시에 그것이 연속적으로 실행되지 않도록 해야한다면? 함수라는 것이 필요하다. 함수는 쉽게 말해 코드 수납상자라고 할 수 있는데, 코드가 많아지면 정리할 수 있는 도구 중에 하나이다. (다른 하나는 객체) 똑같은 코드를 여러 번 사용할 때 함수를 활용하게 되는데, 이 때 장점은 1. 유지 보수가 쉬워진다. 즉 코드 안의 요소를 변경해야 할 때 한 번에 통제 가능하다. 2. 웹페이지 크기, 코드의 길이가 줄어든다. 3. 같은 함수를 여러 번 사용하기 때문에 같은 코드를 가지고 있다고 확신할 수 있다. 4. 함수의 이름을 알기 쉽게 적어 어떤 역할을 하는 코드인지 한 번에 파악하기 쉽다. 즉, 함수는 하나의 로직을 재실행 할 수 있도록 하므로 코드의 재사..
-
[생활코딩] JavaScript 반복문Study/JavaScript 2019. 12. 3. 10:07
반복문 Loops and iteration 반복문 조건이 true면 계속 실행하고, false일때 멈추고 그 다음 코드를 실행한다. 순서대로 진행하는 프로그램 실행 순서를 제어하는 것이 반복문이다. 반복문이 언제 종료될것인지 잘 지정해야한다. while 반복문 형식 while (조건) { 코드 } var n = 0; while (n < 3) { n++; } console.log(n); // expected output: 3 for 반복문 형식 for ( 초기화; 반복조건; 반복이 될 때마다 실행되는 코드) { 코드 } var str = ""; for (var i = 0; i < 9; i++) { str = str + i; } console.log(str); // expected output: "01234..