분류 전체보기 279

함수(Function)

함수(function)이란? 우리가 수학에서 얘기하는 함수랑 같은 개념이다. 하지만 수학적 지식이 필요한 것은 아니니 걱정하지 말자. 함수란 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다. 여기서 포인트는 '재사용'이다. 우선 함수의 문법(형식)을 알아보자 ▲ 앞서 조건문, 반복문 때와 마찬가지로 browser에게 함수를 사용한다고 알려주어야 하므로 function을 입력한다. function 뒤에는 자신이 이 함수를 뭐라고 정의할 것인지 함수의 이름을 지어주면 된다. 그리고는 소괄호가 나오고 중괄호가 나오는 순서이고 인자는 아래에서 자세히 설명하도록 하고 중괄호 안에는 이 함수를 사용하였을 때 출력되게 하고 싶은 코드를 적어주면 된다. return은 예시이며 꼭 return..

반복문(break, continue, 중첩)

만약 반복문의 반복작업을 중단시키고 싶다면 어떻게 해야할까? 바로 break라는 요소를 사용하면 된다. ▲ for문의 반복조건은 변수 i 에 반복문이 실행될 때마다 1씩 증가하며, i가 10보다 작을 때 까지만 실행된다. 이후 반복이 실행되면서 변수 i 가 1씩 증가하다 5가 되었을 때, for문 안에 있는 if문의 조건과 일치하게 되고 if의 조건이 true가 되면서 if문안의 코드가 실행된다. 반복문 안의 break가 실행되면 반복문을 즉시 종료시키게 된다. 따라서 i = 5부터 9까지의 반복문 코드는 실행조차 되지 않는다. ▲ 결과적으로 위와 같은 값이 출력된다. 그렇다면 실행을 즉시 중단하면서 나머지 반복은 계속되게 하려면 어떻게 해야할까? 이럴땐 continue를 사용하면 된다. 바로 예제를 보..

반복문 (for)

for문은 while문을 조금 더 압축해서 코드를 짤 수 있다는 장점이 있다. 하지만 뭐가 더 좋다고는 말할 수 없고 상황에 따라 for문 또는 while문을 사용하면 된다. for문의 문법(?)은 아래와 같다. ▲ 보다시피 while문은 소괄호안에 조건만 입력되는 반면, for문은 '초기화(=변수 선언)', '조건', '반복될 때마다 실행할 코드'순으로 입력을 하고 마지막으로 중괄호 안에 '반복해서 실행할 코드'를 입력해야 한다. (이때 마지막 '반복될 때마다 실행되는 코드 뒤에는 세미콜론(;)을 붙이지 않는다!) ▲ 위의 while문을 for문을 바꾼다면 아래와 같다. (while문을 모른다면 앞선 포스팅 반복문(while)편을 참고바란다) ▲ i++는 'i = i +1' 을 좀 더 간결하게 압축한 ..

카테고리 없음 2022.02.15

반복문(for와 while)

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

조건문(part. 4)

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

조건문(part. 2)

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

조건문(part.1)

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

비교 연산자

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