📝 성장을 위한 기록
-
[생활코딩] 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..
-
[생활코딩] 코드 리팩토링Study/JavaScript 2019. 12. 2. 10:49
리팩토링 Refactoring 공장으로 다시 보내서 좀 더 개선한다 라는 의미로 볼 수 있다. 코드가 비효율적인 면들이 생기기도 하는데, 코드 리팩토링은 코드 자체를 효율적으로 만드는 작업이다. 리팩토링은 아래와 같은 사항을 개선하는 작업이다. - 코드의 효율성 - 가독성 - 유지보수의 편리성 - 중복된 코드 (제거) 소프트웨어가 커지고 복잡해지는 경우 틈틈히 리팩토링을 해야 좋은 프로그램이 나온다. 위 코드를 리팩토링 해보자. ★태그 자기자신을 가르키는 자바스크립트 코드는 this 로 대체할 수 있다. onclick과 같이 이벤트로 실행되는 코드들은 그 코드가 속해있는 태그의 인덱스 태그를 this로 대신할 수 있다. document.querySelector('#night_day') 는 onclick ..
-
[생활코딩] JavaScript 조건문Study/JavaScript 2019. 12. 1. 19:29
조건문 Conditional statement 조건문이란 주어진 조건에 따라서 애플리케이션을 다르게 동작하도록 하는 것이다. 조건문 형식 if(false){ alert(1); } else { alert(2); } if 문 뒤에 따라오는 괄호안에는 불리언 데이터타입(true/false)이 온다 ture면 중괄호에 있는 코드들이 실행되고 else 뒤 중괄호의 코드는 무시된다. false면 중괄호에 있는 코드들이 무시되고, else 뒤 중괄호의 코드가 실행된다. 즉, if 문 뒤에 있는 불리언의 값이 무엇이냐에 따라서 실행되는 코드가 달라진다. 중요한 것은 우리가 if 뒤 괄호속에 직접 불리언 데이터타입을 쓰는 것이아니라, 조건에 따라서 불리언 값이 true가 되고 false가 되도록 조건문을 활용해야하는 것..