본문 바로가기

Dev/JavaScript10

[노마드코더] 바닐라 JS로 크롬 앱 만들기 - #2.13 ~ #2.14 #2.13 ~ #2.14 Conditionals 개념 조건문(Conditionals)이란 참(True) 혹은 거짓(False)을 알려줌. 그래서 뭔가를 확인해야 할 때 대부분 사용. ex) 사용자가 로그인 되어 있다면, 특정한 무엇인가를 보여줌 사용자가 무엇을 입력하더라도 number로 바꿔보자 value의 타입을 확인하기위해 typeof 함수 사용 String을 Number 타입으로 바꾸기 위해 parseInt 함수 사용 console.log(typeof "15", typeof parseInt("15")); cf. NaN은 parseInt 함수가 작동하지 않음. isNaN이라는 함수를 사용하면 boolean으로 결과가 나옴. 결과 값은 참(true-숫자가 아닐 때) 혹은 거짓(false-숫자일 때). .. 2021. 11. 20.
[노마드코더] 바닐라 JS로 크롬 앱 만들기 - #2.11 #2.11 Returns 개념 Return이란? 함수(function)의 계산 결과를 나에게 제공하는 것임. 우리가 넘겨주는 어떠한 이름이든 Hello 인사를 해주는 함수를 만들어보자. 함수가 없다면 아래와 같이 코드를 작성해야 할 것임. const calculator = { plus: function (a, b) { console.log(a + b); }, minus: function (a, b) { console.log(a - b); }, times: function (a, b) { console.log(a * b); }, divide: function (a, b) { console.log(a / b); }, power: function (a, b) { console.log(a ** b); }, };.. 2021. 11. 19.
[노마드코더] 바닐라 JS로 크롬 앱 만들기 - #2.7 ~ 2.8 #2.7 ~ #2.8 Functions 개념 함수(Function)란? 계속 반복해서 사용할 수 있는 코드의 조각임. 우리가 넘겨주는 어떠한 이름이든 Hello 인사를 해주는 함수를 만들어보자. 함수가 없다면 아래와 같이 코드를 작성해야 할 것임. /* 비효율적인 코드 */ console.log("Hello my name is Nico"); console.log("Hello my name is Dal"); console.log("Hello my name is Shigatsu"); console.log("Hello my name is Flynn"); 이런 식의 코드는 좋지 않음. 이 코드에서 바뀌는 부분은 이름들 뿐임. 프로그래머는 가능한 효율적인 코드를 작성해야 함. 코드의 반복을 최소한으로 줄이기 위해.. 2021. 11. 7.
[JavaScript] javascript:void(0) 과 # 들어가며 작업을 하다보면, a태그의 디자인성은 유지하면서 링크 기능을 없애는 작업이 필요할 때가 있다. 주로 javascript:void(0) 또는 #(Hash)를 사용한다. 이들을 비교해보겠다. javascript:void(0) Click void 연산자가 undefind 값을 반환 => a태그의 href속성값에 undefind값이 지정되어 아무런 동작을 하지 않음. (void(1)과 같이 숫자나 영문자 등을 사용해도 무방하나) 일반적으로 void(0)을 사용. CSP(Content Security Policy)의 설정에 따라, 인라인 이벤트 핸들러(Inline Event Handler)가 블럭될 수 있음. (물론 void이므로 블럭된다해서 문제될 것은 없을 수 있으나, 보안툴 등에 의해 경고가 출력될.. 2021. 11. 4.
​

티스토리툴바