Mo's Develog

인간은 반복적인 작업을 잘하지 못한다. 하다보면 실수도 하고, 지루해지기 때문이다. 하지만 컴퓨터는 이런 반복적인 작업을 대행하기 위해 만들어진 기계이다. 반복문은 컴퓨터에게 반복적은 작업을 하게 만드는 방법이다. 반복문의 문법에는 크게 while과 for가 있는데 둘다 '~동안' 이라는 의미를 가진 단어이므로 조금 감이 올 것이다. 이번 포스팅에서는 while에 대해 알아보자. 기본적인 형식은 아래와 같다. ▲ 조건문인 if 처럼 browser에게 반복문을 실행할 것임을 알려주기위해 while을 먼저 쓰고 소괄호안에 원하는 조건을 입력한다. 입력한 조건의 값이 true이면 중괄호( '{}' )안의 코드를 반복해서 실행하게 된다. 언제까지? 조건이 false가 될 때까지! ▼ 아래는 실제 반복문 예시이다..

If( )의 소괄호안에 많은 것이 들어갈 수 있으며, 각각의 입력되는 조건에 따라 true 또는 false로 간주된다. 다음은 if의 조건으로 입력되었을 때 각각의 내용이 true로 인식되는지 false로 인식되는지를 알려주는 표(?)이다. 참고하여 실력향상에 도움이 되었으면 한다. 출처 : https://dorey.github.io/JavaScript-Equality-Table/

1. && 우리가 흔히 쓰는 and(=&)를 논리연산자라고 한다. 이를 코드에서 사용할 때는 '&&'처럼 두개를 사용해줘야 and의 기능을 하게된다. 논리 연산자는 조건문을 좀 더 간결하고 다양한 방법으로 구사할 수 있도록 도와준다. (A && B) 라고하면 (A and B)와 같은 내용이며 &&의 양쪽으로 있는 조건이 동시에 만족해야 true가 되는 것이다. 예시를 보면서 알아보자. ▲ 자세한 설명은 주석으로 처리해놓았으니 확대해서 봐주시길 바랍니다. && 논리연산자를 바탕으로 앞선 포스팅에서 간단한 로그인 코드를 좀 더 간결하게 만들어보면 다음과 같다. ▲ id와 password를 사용자에게 입력값을 받아 변수에 대입한 뒤, id와 password가 원하는 값과 각각 다 만족해야 로그인이 되었다고 나..

앞선 포스팅에서 알아본 조건문들을 활용하여 간단한 예제를 만들어보자 ▲ 이미지를 눌러서 크게보기하여 내용을 보면서 코드를 하나하나 스스로 뜯어보자. 위의 예제 처럼 조건문만을 활용하여 꽤나 실용적인 기능들을 만들 수도 있기때문에 조건문은 정말정말 중요하다!

else if를 이용하면 조건문을 좀 더 풀부하게 할 수 있다. 예제를 보면서 알아보자! ▲ if의 조건값이 false이므로 실행되지 않고, 바로 다음 조건문인 else if로 넘어가서 true/false를 체크함. if바로 다음의 else if의 조건값이 true이므로 중괄호안의 코드를 실행하여 2가 출력됨. 이후 나머지 조건문들은 볼 것도 없이 바~로 조건문 탈출(종료). ▼ 예제 2. ▼ 예제 3. 위의 세 가지 예제를 보듯이 아무리 많은 if와 else if와 else가 있어도 순서대로 조건을 체크해서 조건값이 true가 나오게 되면 그 조건문에 해당하는 코드를 실행하고, 그 아래의 조건문은 쳐다도 보지않고 바로 조건문을 종료(탈출)하게 된다. 다음 포스팅에서는 이러한 조건문을 가지고서 간단하게 ..

조건문은 프로그래밍 언어에서 저~~~엉말 중요한 개념 중 하나이다. 조건문이란? 주어진 조건에 따라서 어플리케이션을 다르게 동작하도록 하는 것이다. 조건문은 if로 시작한다. if 뒤의 괄호에 조건이 오고, 조건이 될 수 있는 값은 Boolean 즉, True 또는 False이다. Boolean의 값이 true라면 조건이 담긴 괄호 다음의 중괄호 구문이 실행된다. 예제를 통해 이해해보자. ▲ if로 시작되면 brwoser는 조건문이 시작된다고 인지한다. 그리고는 if뒤에 있는 소괄호 안의 조건을 확인해서 조건의 값이 true이면 중괄호( { } ) 안의 코드를 실행시킨다. ▲ if뒤의 소괄호 안의 조건을 확인했는데 false이므로 중괄호 안의 코드를 실행시키지 않고 조건문은 종료된다. 이것이 조건문의 기..

우리가 보통 흔히 부르는 '~는'(=), 프로그래밍에서는 종류가 3가지가 있다. 첫번째) = : 대입 연산자 / 변수에서 설명했었던 녀석이다. '='를 기준으로 오른쪽의 데이터를 왼쪽의 변수에 대입한다. 두번째) == : 동등 연산자 / 좌항과 우항을 비교해서 서로 값이 같다면 true, 다르다면 false가 된다. 세번째) === : 일치 연산자 / 좌항과 우항을 비교해서 서로 값이 '정확'하게 같다면 true, 다르다면 false가 된다. 자 여기서 조금 힘을 줘서 이야기 할 것은 ==과 ===이다. 둘 다 좌항과 우항의 값이 서로 같다면 true, 다르다면 false이다. 하지만 여기에는 작은 차이지만 중요한 개념이 있다! 아래의 예시를 보면서 이야기 해보자. ▲ ==과 ===은 둘 다 좌항과 우항..

JS에서 변수는 var로 시작한다. var은 Variable(변동성이 있는, 변할 수 있는 등) 이라는 문자를 줄인 것이며, 의미 그대로 같은 변수라도 내용이 계속해서 변할 수 있는 존재이다. 변수를 쉽게 이해하기 위해서 서랍이나 상자의 예시를 들 수 있다. 예시를 보면서 이해해보자. ▲ var이라고 시작하면서 변수를 선언하겠다는 것을 말하고 있다. var을 생략 할 수도 있지만 이것은 유효범위라는 것에 영향을 미친다. 때문에 var의 의미를 명확히 이해하기 전까지는 var을 붙여서 변수를 선언하는 것이 권장된다. 아무튼 'a 라는 변수(=서랍 or 상자)에 숫자 1(=양말)을 집어 넣는다' 라고 생각하면 조금 도움이 되려나? 기호 '=' 뒤에 있는 것을 '=' 앞에 있는 것에 집어 넣는다(대입한다) 등..

앞선 포스팅에서 큰 따옴표(")나 작은 따옴표(')가 붙지 않은 숫자는 숫자로 인식한다고 했다. 그 말인 즉슨 큰 따옴표(")나 작은 따옴표(')가 붙은 숫자는 숫자가 아니라는 말이다. 즉, 문자로 본다는 것이다. 큰 따옴표(")나 작은 따옴표(')로 감싸게 되면, 그것이 문자이건 숫자이건 결과적으로 browser는 문자열(String)으로 인식한다는 것이다. 또한 큰 따옴표(") 또는 작은 따옴표(')중 하나로 시작하면 동일한 종류의 따옴표로 끝나야한다. ▼ 큰 따옴표로 시작하면 큰 따옴표로 끝나야하고, 작은 따옴표로 시작하면 작은 따옴표로 끝나야 한다는 것. 만약 문자안에 따옴표를 넣고 싶으면 어떻게 하면 될까? ▲ 웹브라우저에서 실행했다면 아무것도 실행되지 않을 것이고, 개발자 도구와 같은 cons..

여타 다른 언어에서도 동일하게 JS에서도 큰따옴표(")나 작은따옴표(")가 붙지 않는 숫자는 숫자(number)로 인식한다. 하지만 문법은 각 언어마다 조금씩 다르니 직접 해보면서 익혀야겠다. 위의 기본적인 숫자출력관련 내용을 하나만 응용해보자면 아래와 같이 사용할 수 있을 것이다. ▲ 두 자리 자연수를 랜덤하게 뽑을 수 있다.