JavaScript 12

java script 알림창

alert( ) Function 위와같이 확인창을 누르기 전 까지 꺼지지 않는 알림창을 띄운다. prompt( ) Function 파라매터 안에 어떠한 값을 입력받을 수 있는 창을 띄울 수 있다. 두가지의 값을 입력 받을 수 있음. confirm( ) Function confirm은 사용자에게 확인을 받기 위해 입력받는 값으로 이용 할 수 있다. 확인시 true를, 취소는 false를 반환합니다. 위와같은 3개의 함수는 굉장히 편리하지만, 잘 사용하지 않는 이유가 있습니다. 단점들에 대해서 알아봅시다. 알림창이 떴는데 확인버튼을 누르지 않으면 다른 동작이 불가능 합니다. 스타일링이 불가능합니다. 브라우저마다 생김새도 다르고, 위치도 디자인도 설정할 수 없습니다. 하지만 이러한 단점이 있는데도 불구, 빠르..

SCOPE의 정의 / var, let , const 차이점 / window 객체 / Strict mode

간단하게 말해서, 위의 이미지에서 greetSomeone() 함수안에서 선언된 firstName 변수는 함수 내부에서 초기화된 변수이기 때문에, 함수 바깥에선 사용할 수 없다. 이러한 일정한 영역, 범위를 SCOPE 라고 한다. scope의 종류에는 global socpe(전역변수)와 local scope(지역변수)가 존재한다. 간단하다. global scope(전역변수)는 말그대로 전역, 전체에서 사용할 수 있는 변수의 범위이고 local scope(지역변수) 는 어떠한 함수안에서 선언되고, 그 함수안에서 선언될 수 있는 변수이다. 그리고 지역변수는 전역변수보다 우선순위가 높습니다. let name = 'Richard' ; function showName() { let name = "Jack"; con..

JavaScript/변수 2021.03.14

원시 자료형(primitive type)과 참조 자료형(reference type)의 기초

쉽게 말하자면, 원시 자료형은 자바스크립트의 기본이 되는 변수와 함수처럼, 하나의 고정된 저장공간을 원시 자료형(primitive type) 데이터 라고 한다. 참조 자료형은, 배열과 객체처럼 유동적으로 늘어 날 수 있는 동적인 저장공간을 참조 자료형(reference type) 이라고 한다. 원시타입(원시자료형 primitive type) 위의 사진처럼, primitve type(원시자료형)은 하나의 a라는 변수안에 1이라는 값이 들어 가 있다. 각각 고정된 저장소에, 이름을 붙이고(선언), 값을 넣어(초기화) 우리는 그 저장소에 저장된 값을 호출해서 사용할 수 있다. 대표적으로 number, string, boolean, undefind, null 5가지가 이에 해당된다. 참조타입(참조 자료형 ref..

JavaScript 2021.03.14

자바스크립트 length에 대해 알아보자.

length 메소드란 간단하게 말해서, 문자열의 '길이'를 반환하는 메소드이다. fucntion findTheBug(word) { } 라는 함수가 있다고 치자. 위 함수에서 word의 인자값은 문자열이고, 문자열중 버그('#')의 인덱스를 리턴해야한다. 그렇다면 우리는 어떻게 접근 할 수 있을까? 반복문을 돌려서 word안에 #이라는 문자열을 찾아내고, 그것을 리턴해야 된다. fucntion findTheBug(word) { for ( let i = 0; i < word.length; i++ ) { // i는 0이고, i는 word.length까지, 1씩 반복한다. if ( word[i] === '#' ) { // 반복하다가, # 이라는 문자열을 확인한다면(if(만약)) return i; // retur..

JavaScript/함수 2021.03.06

falsy값에 대해 알아보자

boolean 타입은 true와 false 단 두가지만 존재한다고 앞서 말한적이 있다. 그러나 falsy한 값이라는 단어가 많이 등장하는데 이는 무엇일까? if문을 실행했을때 false와 같은 값으로, if문이 실행되지 않는 것을 말한다. 위의 6가지의 경우가 존재한다. false는 당연히 falsy값이고 null, undefined 또한 falsy값이다. 컴퓨터는 0과 1로 이루어져있다는 말이 유명하다. 0은 false로 인식된다. NaN과 ' ' 또한 마찬가지다.

논리연산자 && , ||

논리연산자(Logical Operter) 학생이면서, 여성일때 통과 isStudent && isFemale; 학생이거나, 여성일 때 통과 isStudent || isFemale; 위와같이 &&(and 연산자)는 둘다 포함해서 true값일때, ||(or 연산자) 는 둘중에 하나만 true값일때 사용한다. 그리고 not 연산자(!)가 존재한다. 사용법은 간단하게. 앞에 !(느낌표) 를 붙여주면 truthy, falsy 값을 반전시킨다 학생이 아니면서, 여성일 때 통과 ! isStudent && isFelmale; not 연산자( ! ) 가 없다면 평범하게 &&(and 연산자) 연산자일것이다. 그러나 isStundent에 not 연산자가 붙어서, 학생이 아닐경우 가 되버린다.

조건문의 기본에 대해 알아보자.

조건문은 Boolean 이라는 타입에 대한 이해가 필요하다. 변수에 참(true) 또는 거짓(false) 값이 반환되는 타입인데, 예를들자면 이러하다. let isAdult = true; let isStudent = false; 기존에 숫자나 "문자열"을 넣은게 아닌 새로운 true와 false를 넣어주었다. 조건문은 말그대로 맞냐, 아니냐 둘중에 하나 라는 느낌인데 그거를 알아내는게 바로 '연산자' 이다. 5 > 10; //false 10 < 11; //true 당연히 10은 5보다 크니까 거짓인 false가 나온다.11은 10보다 크니까 참인 true가 나온다.간단하게 생각하면된다. 문자열의 비교도 가능하다. 'hello' === 'world' // false 문자열 'hello'와 'world'는 ..

자바스크립트 함수 기초에 대해 알아보자

간단하게 변수는 "값을 저장하는 저장소"라는 개념을 배웠다. 함수란 간단하게 "작은 기능의 단위" 라고 이해하면 될 것 같다. 확실히 프리코스 수강을 두번째 들으니까, 이전엔 전혀 이해 안갔던 단어들이나 말들이 아직도 확실하진 않지만 어떤 느낌인지 알것같은 기분이 든다. 함수의 선언방법에는 두가지가 존재한다. 함수 선언식과, 함수 표현식이다. 두가지는 사실 별 차이가 없다고 보면 된다. 함수 선언식에서는, 단순히 gugudan 이라는 함수를 만들었고, 함수 표현식에서는 myFunction 이라는 변수안에 함수를 넣어줬다. 변수와 다른점은, 함수는 매개변수(parameter)가 존재한다. 함수 실행시 입력에 따라 바뀔 수 있는 변수지만, let이나 const 등의 키워드를 사용하지 않고 사용할 수 있는 변..

JavaScript/함수 2021.02.24

변수의 타입에 대해서 알아보자

자바스크립트에는 타입 이라는 개념이 존재한다. 전 자바스크립트를 배우기전에 자바를 살짝 맛봤었는데, 거기서도 비슷한 맥락으로 ( 아마 그 외에 모든 언어들이 ) String(문자열) 형식과 Number(숫자) 형식은 구분이 되는거 같다.. 위와같이 변수의 선언과 할당 게시물에 적어놨듯이, String(문자열)과 Number(숫자)는 확실하게 구분된다. 그외에도 타입에는 boolean(true(참), false(거짓)) 과 undefined(정의되지 않음)등이 있겠다. 앞서 말했듯이 변수에는 단순히 문자열과 숫자만 들어가는게 아닌, 배열이나 객체 등 모든것이 변수라는 저장소에 들어갈 수 있습니다. 그럼, 우린 여태까지 하나의 값만을 변수에 저장해왔는데, 여러개의 다른 값을 저장하려면 어떻게 해야할까? 변수..

JavaScript/변수 2021.02.23