[JavaScript -생활코딩] 보충정리 -1

JavaScript

웹서버 ↔ 웹브라우저

​

• 웹 페이지

파이어폭스, 구글 크롬, 오페라, MS 익스플로러나 엣지, 애플의 사파리 같은 웹 브라우저에서 보여지는 문서이다. 이런 것들을 단순히 "페이지"라고 하기도 한다.

• 웹사이트

다양한 방식으로 그룹으로 묶이거나 연결된 웹 페이지들의 모음이다. 보통 "웹사이트"나 단순히 "사이트"라고 한다.

• 웹 서버

인터넷에 웹사이트를 호스팅하는 컴퓨터이다.

• 검색 엔진

구글, 빙, 야후 같은 다른 웹 페이지들을 찾게 도와주는 웹사이트이다.

• 소프트웨어

컴퓨터 프로그램 및 그와 관련된 문서들을 통틀어 이르는 말.

컴퓨터를 관리하는 시스템 프로그램과, 문제 해결에 이용되는 다양한 형태의 응용 프로그램으로 나눈다.

​

Node.js = 웹서버를 동작하기 위한 도구 (PHP,JAVA,PYTHON)

자바스크립트 → '탈웹'브라우저화 (대표적인사례:Google,AppsScript)

​

언어를 사용하는 대상 ☞ 환경

---

==와 ===

​

• = 대입연산자 : 좌항을 우항에 대입
• == 동등비교연산자 (equal operator) : true/false로 답이 나오는 동등연산자
• === 일치 연산자 (strict operator) : 엄격한 연산자

​

== 실질적으로 의미가 같다면 같다고 나온다.

=== 엄격하게 데이터의 타입이 다르다면 같지않다고 나온다.

(예)

alert(1=="1") → true / alert(1==="1") → false

---

===을 활용하자!

​

• null = (프로그래머가 의도해서)값이 없다.
• undefined = (프로그래머가 의도하지않게) 값이 정의되지 않았다.

(예)

alert(undefined == null); → true

alert(undefined === null); → false

​

동등연산자 ==은 숫자1을 true로 간주 이외의 숫자는 false로 간주

하지만 ===은 숫자 1과 true는 다른 것이라고 나온다.

​

오류가 생길 수 있으므로, ==를 사용하는 것을 지양하고 ===를 사용하는 것을 지향한다.

---

부정과 부등호

​

!

는 부정을 의미한다.

'같다'의 부정은 ' 같지않다'이다. 이것을 기호로 '!='로 표시한다.

==와 정반대 !=

​

!==

정확하게 같지않다는 의미.

---

조건문 응용

조건문 = conditional statement

​

• prompt('당신의 나이는?');

prompt는 입력창이있어서 사용자의 입력을 받아낼수있는 것.

입력을 누르고 확인을 누르면 사용자가 입력한 값이 콘솔창에 나온다.

​

• alert(prompt('당신의나이는'));

이렇게 칠 경우엔, prompt가 먼저 진행되고 입력된 정보가 alert로 경고창이 뜬다.

​

• alert(prompt('당신의나이는')*2);

이런경우엔 사용자가 입력한 값에 2로 곱하여 경고창이 뜬다.

<script> var id = prompt('아이디를 입력해주세요.');
if(id == 'egoing'){ alert('아이디가 일치합니다.'); } 
else { alert('아이디가 일치하지 않습니다.'); } </script>

<script> var id = prompt('아이디를 입력해주세요.'); 
if(id == 'egoing'){ var password = prompt('비밀번호를 입력해주세요') 
if(password == '1111'){ alert('로그인하셨습니다.'+id+'님 반갑습니다.'); }
alert('비밀번호가 다릅니.'); } else { alert('아이디가 일치하지 않습니다.'); } </script>

 

---

 

논리연산자

조건문을 다양하고 간단하게 사용할 수 있게 해준다.

​

&& (= and, 하나라도 false라면 false)

• if(true && true){alert(1);} → true
• if(true && false){alert(2);} → false
• if(false && true){alert(3);} → false
• if(false && false){alert(4);} → false

<script> var id = prompt('아이디를 입력해주세요.'); 
var password = prompt('비밀번호를 입력해주세요') 
if(id == 'egoing' && password === '1111')
{ alert('로그인하셨습니다.'+id+'님 반갑습니다.'); } 
else { alert('아이디가 일치하지 않습니다.'); } </script>

if(id == 'egoing' && password === '1111') 부분과 같이,

논리연산자는, 여러개의 블리언을 합해서 하나의 블리언으로 결합 할 수 있음

---

|| (||는 ||의 좌우항중 하나라도 true라면 true)

• if(true || true){alert(1);} → true
• if(true || false){alert(2);} → true
• if(false || true){alert(3);} → true
• if(false || false){alert(4);} → false

<script> var id = prompt('아이디를 입력해주세요.');
if(id === 'egoing' || id === 'k8805' || id ==='sorialgi')
{ alert('인증 했습니다.'); } 
else { alert('인증에 실패하였습니다.'); } </script>

<script> var id = prompt('아이디를 입력해주세요.');
var password = prompt('비밀번호를 입력해주세요.'); 
if((id === 'egoing' || id === 'k8805' || id ==='sorialgi') && password === '1111')
{ alert('인증 했습니다.'); } else { alert('인증에 실패하였습니다.'); } </script>

---

! (블리언의 값을 역전시킨다. true를 false로, false를 true로 만든다. not연산자라고 부른다.)

• if(true && ! true){alert(1);} → false
• if(true && ! false){alert(2);} → 실행안됌
• if(false &&! true){alert(3);} → 실행안됌
• if(false &&! false){alert(4);} → true

---

반복문

loop iterate

​

while문

while(조건boolean){반복해서실행할코드 true에서false가 될때까지}

​

<script> var i = 0; while (i < 10)
{ document.write("Hello world "+i+" <br />"); i = i + 1; } </script>

프로그래밍에선 숫자를 셀때 0부터 셉니다.

---

for문

for(var i = 0; i < 10; i = i + 1){document.write("HelloWorld "+i+" <br />");}

for 확인 → ;을 확인하여 →실행 → 반복 → false가 될때 반복문 종료

<script> // i = i + 1 // ++i ++i라면 사용할때i의값을 증가시키고 사용 //
i++ 기존의 값을 사용하고 i의 값을 증가시킴 
for(var i = 0; i < 10; i = i + 1)
{ document.write("HelloWorld "+i+" <br />"); } </script>

• i = i + 1 과 i++ 는 동일하다.
• var i = 0에서 i라는 변수는 k든 다른 것으로 사용해도 된다.

관습적으로 반복되는 것은 iterate의 i를 써서 변수이름을 i로 지정한다.

---

반복문의 제어

​

break

반복문을 중간에 중단

<script> for(var i = 0; i < 10; i++){ if( i === 5) 
{ break; } document.write("coding everybody "+i+" <br />"); } </script>

continue

반복문을 지정된 순간에만 중단시키고 다시 반복

<script> for(var i = 0; i < 10; i++){ if( i === 5)
{ continue; } document.write("coding everybody "+i+" <br />"); } </script>

---

반복문의 중첩

0~99까지 띄우게 하는 코드 ↓ i는 앞부분(i와j가 셈이 되면 안되니까, i는 문자열이됌) j는 뒷부분

<script> for(var i = 0; i < 10; i++){ for( var j = 0; j < 10; j++)
{ document.write("coding everybody "+i+j+" <br />"); } } </script>