하루하루 발전하는 개발자와 블로그🙌🏻 하루하루 발전하는 개발자와 블로그🙌🏻

분류 전체보기

• #1.2 ES5, ES6 ES?! and JS

  노마드코더/html+css (카카오클론-초급) 2020. 4. 20. 14:58

  JavaScript Version과 자바스크립트를 배우는 이유 자바스크립트의 ECMA. 자바스크립트는 꽤나 중앙 집중화되어있어서 누가 업데이트를 하면 모든 브라우저에서 작동을 하게된다. ES… 는 JavaScript의 Specification인데 체계 매뉴얼 같은것이다. 브라우저는 무슨일을 하냐면, 구글크롬이랑 Firefox도 이 Specification을 받아서 자기들 방식으로 실행한다. ES5, ES6같은 경우는 Specification의 버전을 나타내주는 것이다. 바닐라자바스크립트는 Javascript의 한 종류로 라이브러리가 없는 자바스크립트를 말한다. 화장이 없는 JavaScript인 것이다. 도움이 없는 JavaScript. 왜 우리는 바닐라 자바스크립트를 먼저 배워야 하는가?! JavaScr..

  Read More
• #1.1 Why JS.md

  노마드코더/javascript(바닐라JS 크롬웹-초급) 2020. 4. 20. 14:54

  왜 JS 인가? JavaScript는 웹에 쓰이는 하나뿐인 프로그래밍 언어이다. 하나뿐이라고 하는 이유는 옵션이 하나뿐이기 때문이다. 웹에서 웹사이트를 만들고 싶을때, 웹사이트를 interactive하게 만들고 싶을때, 바로 자바스크립트이다. 자바스크립트가 웹에서 사용할 수 있는 유일한 언어이기에 점점 업데이트되고 강력해지고 있다. 왜 이 언어를 사람들이 좋아하고 싫어하는지, 그리고 왜 이 언어가 너의 시간을 투자할 가치가 있는지도 이제 설명되어질 것이다. 자바스크립트를 배우면 매우 섹시한 웹사이트나 웹앱, 비디오게임, Native Application도 만들어 낼 수 있다. vscode나 atom도 JS로 만들어진 데스크톱 어플리케이션이다. https://impactjs.com/모두 자바스크립트로 만들..

  Read More
• 자바스크립트 데이터타입(1)

  Study/JavaScript 2020. 4. 14. 19:26

  자바스크립트 데이터타입(1) 프로그래밍언어에서 가장 중요한 것은 무엇인가? 입력, 연산, 출력. 이 세가지가 가장 메인 엑기스이다. 사용자에게 콘솔이나 ui에서 입력받은 데이터를 잘 처리하고 연산해서 알맞게 다시 사용자에게 출력해주는 것이 매우 중요하다. CPU에 최적화된 연산을 사용하는 것도 중요! 메모리의 사용을 최소화 하는 것도 중요! 한 포인트이다. 1. Use strict 순수 자바스크립트로 개발할 때에는, 맨 윗줄에 'use strict';를 사용하라. 그래야 자바스크립트가 가지고 있는 유연성을 없앰으로서 프로그래머의 실수를 줄일 수 있고, 자바스크립트 엔진이 조금 더 빠르게 효율적으로 분석할 수 있게 하여 성능개선까지 할 수 있다. 2. Variable let ( added i..

  Read More
• 'use strict';

  Study/JavaScript 2020. 4. 14. 17:05

  자바스크립트를 이용할 때는, 제일 윗부분에 'use strict'; 를 사용하는 것이 좋다. 타입스크립트를 사용할 때는 이 것을 쓰지 않아도 괜찮으나, 순수 자바스크립트를 사용할 때에는 이 것을 제일 윗부분에 쓰는 것이 좋다. why? 자바스크립트의 역사에서 보았듯이 , 브랜든이 자바스크립트를 만들 때 굉장히 빨리 만들어야 했고, 자바스크립트 언어는 굉장히 '유연한 언어'로 만들어졌다. 유연한 언어라는 것은 개발자가 굉장히 많은 실수를 할 수 있다는 말이다 . 자바스크립트에서는 선언되지 않은 변수의 값을 할당한다던지, 이런 말도 안되는 것들은 다른 언어를 공부하고 온 개발자들이 봤을 때, 약간 미친듯한 행동이다ㅋㅋㅋ 다행히도, ECMAScript5 에서부터, 'use strict'; 가 추가되었다. 그래..

  Read More
• 조건문(5)__boolean의 대체제

  Study/JavaScript 2020. 4. 14. 16:59

  조건문(5)__boolean의 대체제 조건문에 사용될 수 있는 데이터형이 꼭 불린만 되는 것은 아니다. 관습적인 이유로 0은 false, 0이 아닌 값은 true로 간주된다. 아래의 예제는 2를 출력한다. if(0){ alert(1); } if(1){ alert(2); }그러나 0과 숫자를 활용한 코드보다는 boolean을 이용하는게 좋다. 기타, false로 간주되는 데이터 형 다음은 false와 0외에 false로 간주되는 데이터형의 리스트이다. if문의 조건으로 !(부정) 연산자를 사용했기 떄문에 각 조건문의 첫번째 블록이 실행되는 것은 주어진 값이 false이기 떄문이다. if(!''){ alert('빈문자열'); } if(!undefined){ alert('u..

  Read More
• 조건문(4)__논리 연산자

  Study/JavaScript 2020. 4. 14. 16:59

  조건문(4)__논리 연산자 논리연산자는 조건문을 좀 더 간결하고 다양한 방법으로 구사할 수 있도록 도와준다. && &&는 '그리고, and'의 의미를 갖는다. &&는 좌항과 우항이 모두 참(true)일때 참이 된다. 다음 예제를 보자. 결과는 1이다. &&의 좌우항이 모두 true인 것은 첫번 째 조건문밖에 없기 때문이다. 이러한 논리연산자를 "and연산자" 라고 한다. if(ture && ture) { alert(1); } if(ture && false) { alert(2); } if(false && ture) { alert(3); }응용을 한다면 아래와 같다. || ||는 좌우항 중에 하나라도 ture라면 ture가 되는 논리 연산자. or연산자라고 부른다. 다음 예를 보자. 결과는 1..

  Read More
• 조건문(3)__조건문의 응용

  Study/JavaScript 2020. 4. 14. 16:58

  조건문(3)__조건문의 응용 변수와 비교연산자 앞서 배운 변수와 비교연산자, 그리고 조건문을 결합해보자. a=1; if(a===1){ alert(1); }위의 값으로 경고창에 1이 출력됨. a===1이라는 불린 값이 true이기 때문에. 즉, if의 값은 상황에 따라서 다른 실행의 값을 출력할 수 있는 가변적인 친구가 되는 것이다. prompt 경고창에 입력창이 함께 떠서 사용자로부터 어떠한 값을 받아낼 수 있는 기능. prompt('당신의 나이는?'); "20" // 사용자가 입력창에 입력한 값.이번에는 alert과 prompt기능을 같이 사용해보자. alert(prompt('당신의 나이는?')); /*이렇게 입력할 경우 아래와 같이 연산되어*/ alert(사용자가 입력한 ..

  Read More
• 조건문(2)__else, else if

  Study/JavaScript 2020. 4. 14. 16:57

  # 조건문(2)__else, else if ## else if 만으로는 좀 더 복잡한 상황을 처리하는데 부족하다. 아래 예제를 보자. 아래의 결과는 1이다. if (true) { alert(1); } else { alert(2); } if문이 실행이 되면, else 문이 실행이 안됨.. 아래의 결과는 2이다. if (false) { alert(1); } else { alert(2); } 그러나 반대로 if 문의 불린 값이 false여서 if문이 실행이 안되면, else값이 실행이 되는것이다. ## else if else if를 이용하면 조건문을 더욱 풍부하게 할 수 있다. 예제를 보자. 결과는 2이다. if (false) { alert(1); } else if (ture){ alert(2); } else..

  Read More