Study/JavaScript
-
[생활코딩] 코드 리팩토링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가 되도록 조건문을 활용해야하는 것..
-
[생활코딩] JavaScript 비교연산자Study/JavaScript 2019. 12. 1. 11:40
비교 = : 대입연산자 (Assignment Operator) 좌항에 있는 값을 우항에 대입해라 라는 연산자이다. 이처럼 이항과 좌항을 결합하는 것을 이항 연산자라고 한다. [비교연산자] 비교(Comparison) : 둘 이상의 사물을 견주어 서로 간의 유사점, 차이점, 일반 법칙 따위를 고찰하는 일 연산자(Operator) : 어떤 작업을 컴퓨터에게 지시하기 위한 기호 비교연산자(Comparison operator) : 값을 비교하도록 컴퓨터에게 지시하는 기호이고 기준은 좌항이다. ▶ 비교 연산자의 결과는 true나 false 중의 하나다. true와 false는 블린(boolean)이라고 불리는 데이터 형식이다. != 부등연산자 (inequality) !== 불일치연산자 (strict inequali..
-
[생활코딩] 주석 & 줄바꿈과 여백 & 콘솔 consoleStudy/JavaScript 2019. 11. 30. 18:23
주석 comment // : 줄바꿈하기 전까지 한 줄에 내용을 작성할 수 있다. /* */ : 줄바꿈하며 여러 줄에 내용을 작성할 수 있다. 주석은 코드의 이해를 돕기위해 설명하거나, 코드를 일시적으로 비활성화 시킬 때 사용한다. 위와 같이 주석 처리를 하면 웹브라우저는 이를 JavaScript로 해석하지 않는다. 그리고 주석은 타인과 협업할 때 유용하지만 궁극적으로는 주석조차 필요없고 쉽게 이해하고 가독성이 좋은 코드가 BEST이다. 줄바꿈과 여백 ; 세미콜론 (semicolon) - 하나의 구문이 끝났음을 명시적으로 나타내는 기호다. - 한줄에 여러 명령이 있을때, 구분하는 역할을 한다, - 자바스크립트는 줄바꿈만 해도 알아듣지만, 쓰는 것이 좋은 습관이다. 띄어쓰기인 여백(blank)은 가독성을 위..
-
[생활코딩] JavaScript 변수Study/JavaScript 2019. 11. 30. 11:00
변수 변수(variable)는 값을 담는 상자라고 할 수 있다. 값을 다시 지정하면 값이 바뀌고, 어떠한 데이터도 담을수 있다. (예외존재 https://www.w3schools.com......asp) var 변수이름 대입연산자(=) 대입할 값 var name = 'xiubin' JavaScript에서 변수는 var 또는 let 또는 const 로 시작한다. 이 세가지는 변수를 선언하겠다는 것을 의미한다. 한줄에 여러구문을 사용하고 싶을 때 세미콜론이 유용하다. 그리고 코딩을 할 시에 '변할 수 있는 영역'과 '변하지 않는 영역'을 구분하는 것이 유리하다. 변수는 함수,반복문 등에서 매우 중요한 역할을 한다. 예시) var a = 100; //값이 변할 수 있는 영역 a = a + 10; //아래는 모..