남고생들의 소소한 개발 일지

오늘은 함수(function)이라는 것에 대해 설명을 하고자 한다 JavaScript 에서의 함수의 형식은 아래와 같다 function 함수명([인자]){ 코드 return 반환값; } 함수는 function 뒤에 함수의 이름이 오고 소괄호가 따라온다. 소괄호에 인자라는 값이 차례로 들어오는데 이 값은 함수를 호출할 때 함수의 로직으로 전달될 변수이다. 함수의 종류 2가지를 설명하고자 한다 첫 번째로는 익명 함수이다 예시로 밑에 코드를 참고하자 var test = function() { var output = prompt('테스트 문장입니다'); alert(output); }; test(); 위 코드처럼 첫 문장의 우변을 익명 함수라고 한다 우변만 보았을 때, 이 함수는 이름이 없으므로 익명 함수라고 부..

반복문의 효용 반복문을 씀으로써 더욱 쉽게 코딩을 할 수 있다. 예를 들어 Hello World을 5번 출력한다고 생각해보자. 위 사진처럼 명령어를 실행했을 경우에는 Hello World가 5번 나온다. 위 사진도 명령어를 실행했을 경우에는 Hello World가 5번 나온다. 하지만 5번이 아니라 1000번 혹은 10000번 정도가 되면 일일이 치기 힘들어진다. 그래서 우리는 반복문을 쓴다. break문 우리가 사용하는 반복문의 제어는 break와 continue로 나눌 수 있는데, 먼저 break문에 대하여 설명하겠다. break문은 실행 중이던 반복문을 조건을 줘서 끝낼 수 있다. 아래의 사진은 위 코드의 결과이다. break문을 걸지 않았다면 결과는 아래의 사진처럼 되었을 것이다. continue..

프로그램을 만들다 보면 같은 작업을 반복적으로 해야 할 때가 있다. 반복적인 작업을 처리하는 방법 중 하나인 반복문에 대하여 정리를 하겠다. while문 우리가 사용하는 반복문은 크게 while문과 for문으로 나눌 수 있는데, 먼저 while문의 기본 문법은 다음과 같다. while(1){//조건식 alert('Hello'); //반복문 내용 } if문과 같이 괄호 안에 참인 조건을 넣어주면 반복문 안의 내용이 실행된다. 하지만 위와 같은 방식으로 코드를 실행하면 코드가 멈추지 않고 무한으로 실행되게 된다. 그런 상황을 방지하기 위해 원하는 시점에 조건이 false가 되도록 만들어 줘야 한다. var i = 0; while(i < 3){//i값이 3이상이 되면 조건이 false가 된다. alert('현..

논리연산자란 조건문을 좀 더 간결하고 다양한 방법으로 구현할 수 있도록 도와주는 연산자라고 한다. and 연산자 and(&&)연산자란 두 항 모두가 true일때 참이 된다. =참 두 항이 true여야 참이 나온다. 두 항이 다르거나 두 항 모두 false라면 페이지 내용이 나오지 않는다. 앞 글 조건문(1)에 있는 prompt 예제처럼 (https://aco-study.tistory.com/20) 코드 실행 시 이렇게 페이지가 나온다. if문에 넣어준 조건들을 입력하면 참인 값인 반갑습니다.라는 문구가 나오고 if문에 넣어준 조건들을 입력하지 않는다면 false값인 일치하지 않는다는 문구가 나온다. 조건문 안에 더 많은 &&연산자를 사용할 수 있다. or연산자 or(||)연산자란 두 항 중 하나라도 tr..

조건문은 JavaScript 뿐만이라 모든 프로그래밍 언어에서 필수적으로 알아둬야 할 중요한 부분입니다. 조건문이란 if로 시작하며 주어진 조건에 따라 애플리케이션을 다르게 동작하는 것입니다. 예를 들어 Boolean은 단순히 참과 거짓을 판별해내는 거라면 if는 참일 시 자신이 내리고 싶은 명령문이 실행됩니다. 예제를 한번 살펴보겠습니다. if(true) { alert('result : true'); } 만약 true라면 result : true라는 값을 알림 창으로 띄워라 if(false) { alert('result : true'); } 만약 false라면 result : true라는 값을 알림 창으로 띄워라 위 예제 2개를 F12을 눌러 콘솔 창에서 확인해 보겠습니다. 첫 번째 예제는 알림 창이 ..

줄 바꿈과 여백 세미콜론(;): '명령이 끝났다'라는 것을 명시적으로 표시할 때 사용 var a = 1; alert(a) 다음과 같이 세미콜론을 붙이지 않더라도 동작한다. -> 이는 자바스크립트는 줄이 바뀌면 명령이 끝났다고 생각하기 때문 var a = 1; alert(a); 다음과 같은 경우에는 세미콜론 필수 연산자 a=1 위에 코드에서 'a'를 변수, '1'을 값(상수) '='을 대입 연산자라고 한다. 비교 연산자 == 동등 연산자(Equal operator)라고 하며 좌항과 우항을 비교해서 서로 값이 같다면 true 다르다면 false가 된다. alert(1==2) //false alert(1==1) //true alert("one"=="two") //false alert("one"=="one") ..

이번에 내가 정리할것은 JavaScript에서 변수와 주석에 대해서 정리를 할거다 일단 변수는 무엇인지부터 알아보자 데이터를 처리하기 위해서는 여러가지 공간이 있어야 하는데 그 공관을 변수(변하는 수)라고 한다. JavaScript에서의 데이터의 종류는 여러가지가 있다 밑에 코드를 참고하자 var a = ''; // 문자열 var b = 0; // 숫자 var c = false; // 불린 var d = null; // 널 var e = undefined; // 언디파인드 var f = []; // 배열 var g = {}; // 객체 var h = function() {}; // 함수 JavaScript에서 변수는 var, let, const로 선언 할 수 있다. 어떤것을 사용하는가에 의해서 scope..

Javascript는 기본적으로 동적 타입(Dynamic/Weak Type) 언어이다. 따라서 변수의 타입 지정(Type annotation)없이 값이 할당되는 과정에서 자동으로 변수의 타입이 결정되는데 이를 타입 추론(Type Inference)이라고 한다. Javascript는 변수에 고정된 타입이 없다. 따라서 같은 변수에 여러 타입의 값을 자유롭게 할당할 수 있다. Javascript에는 많은 타입들이 있지만 그 중에서 나는 숫자(number)와 문자(string)타입을 정리할 것 같다. 다음과 같은 코드가 있다. var variableOfNumber = 10; var variableOfString = '10'; console.log(typeof variableOfNumber);//number c..