본문 바로가기

분류 전체보기24

[노마드코더] 바닐라 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.
[노마드코더] 바닐라 JS로 크롬 앱 만들기 - #2.6 #2.6 Objects 개념 예를 들어 게임 안에서 플레이어(캐릭터)를 만들고 있다고 가정했을 때, 아래의 코드는 비효율적임. /*비효율적인 코드*/ const playerName = "nico"; const playerPoints = 121212; const playerHandsome = true; const playerFat = "little bit"; fat, handsome, point, name 특성들이 하나의 개체(entity)인 player에 대해서 설명하고 있음. 따라서 이들을 그룹화할 필요가 있음. 지난 시간에 배운 Array 방식으로 그룹화하기엔, "nico", 121212, true, "little bit"이 각각 어떤 속성의 값인지 알 수 없어서 적절하지 않음. /* 적절하지 않은 .. 2021. 11. 2.
​

티스토리툴바