dallae_log

안녕 난 달래야🐣

Blog/노마드코더 - 초보자를 위한 바닐라 자바스크립트

안녕하세요 ^_^👋 이번 수업에서는 작은 미니 앱들을 만들 것입니다. 최종으로는 모멘텀 Momentum을 만들 거예요. 모멘텀은 새로운 크롬 탭을 열 때마다 나타납니다. 이미 노마드 코더에서 만들어 놨어요. 이 앱은 여러분의 생산성을 높여줄 것입니다. 앱을 처음 설치하면 이렇게 멋진 사진과 인사말이 나오고 이름을 물어봅니다. 배경 사진이 어딘지 보여지고, 시계가 보이고, 인사말과 오늘 해야 할 일이 무엇인지 물어봅니다. 할 일을 입력하면 리스트가 생기고, 그 리스트를 지울 수도 있습니다. 우리는 모멘텀의 이런 기능들을 만들어 볼 것입니다. 이것이 이번 카테고리 글의 마지막 목표입니다. ✅ Clock ✅ To Do List ✅ Weather ✅ Daily Quote ✅ Daily Photo ✅ Offlin..

2021. 8. 21.

Blog/노마드코더 - 초보자를 위한 바닐라 자바스크립트

이 카테고리에서는 자바스크립트가 무엇인지 배울 것이며 왜 자바스크립트를 첫 번째 프로그래밍 언어로 선택해야하는지 배울 것입니다. 먼저 아주 심플한 HTML, CSS 웹 페이지에 js를 넣어 아주 살짝 인터랙티브하게 만들 것입니다. HTML과 CSS의 기본기만 숙지하면 되고, VSC(Visual Studio Code)를 설치해주세요. variable, object의 뜻을 알고 있다면 이 카테고리는 넘어가도 됩니다. 그럼 다음 글에서 봐용가리!

2021. 8. 21.

Blog/생활코딩 - 자바스크립트 기본

함수호출 함수를 호출하는 가장 기본적인 방법 function func(){ } func(); JavaScript는 함수를 호출하는 특별한 방법을 제공한다. 위의 예제에서 함수 func는 Function이라는 객체의 인스턴스다. 따라서 func는 객체 Function이 가지고 있는 메소드들을 상속하고 있다. 지금 이야기하려는 메소드는 Function.apply과 Function.call이다. o1 = {val1:1, val2:2, val3:3} o2 = {v1:10, v2:50, v3:100, v4:25} function sum(){ var _sum = 0; for(name in this){ _sum += this[name]; } return _sum; } alert(sum.apply(o1)) // 6 a..

2021. 8. 20.

Blog/생활코딩 - 자바스크립트 기본

함수에는 arguments라는 변수에 담긴 숨겨진 유사 배열이 있다. 이 배열에는 함수를 호출할 때 입력한 인자가 담겨있다. function sum(){ var i, _sum = 0; for(i = 0; i < arguments.length; i++){ document.write(i+' : '+arguments[i]+' '); _sum += arguments[i]; } return _sum; } document.write('result : ' + sum(1,2,3,4)); 결과 10 함수 sum은 인자로 전달된 값을 모두 더해서 리턴하는 함수다. 그런데 1행처럼 함수 sum은 인자에 대한 정의하가 없다. 하지만 마지막 라인에서는 4개의 인자를 함수 sum으로 전달하고 있다. 함수의 정의부분에서 인자에 대..

2021. 8. 20.

Blog/생활코딩 - 자바스크립트 기본

클로저 클로저(closure)는 내부함수가 외부함수의 맥락(context)에 접근할 수 있는 것을 가리킨다. 클로저는 자바스크립트를 이용한 고난이도의 테크닉을 구사하는데 필수적인 개념으로 활용된다. 내부함수 자바스크립트는 함수 안에서 또 다른 함수를 선언할 수 있다. 아래의 예제를 보자. 결과는 경고창에 coding everybody가 출력될 것이다. function outter(){ function inner(){ var title = 'coding everybody'; alert(title); } inner(); } outter(); 위의 예제에서 함수 outter의 내부에는 함수 inner가 정의 되어 있다. 함수 inner를 내부 함수라고 한다. 내부함수는 외부함수의 지역변수에 접근할 수 있다. ..

2021. 8. 20.

Blog/생활코딩 - 자바스크립트 기본

JavaScript에서는 함수도 객체다. 다시 말해서 일종의 값이다. 거의 모든 언어가 함수를 가지고 있다. JavaScript의 함수가 다른 언어의 함수와 다른 점은 함수가 값이 될 수 있다는 점이다. function a(){} 위의 예제에서 함수 a는 변수 a에 담겨진 값이다. 또한 함수는 객체의 값으로 포함될 수 있다. 이렇게 객체의 속성 값으로 담겨진 함수를 메소드(method)라고 부른다. 함수는 값이기 때문에 다른 함수의 인자로 전달 될수도 있다. 함수는 함수의 리턴 값으로도 사용할 수 있다. function cal(mode){ var funcs = { 'plus' : function(left, right){return left + right}, 'minus' : function(left, r..

2021. 8. 20.

Blog/생활코딩 - 자바스크립트 기본

유효범위(Scope)는 변수의 수명을 의미한다. var vscope = 'global'; function fscope(){ alert(vscope); } fscope(); 함수 밖에서 변수를 선언하면 그 변수는 전역변수가 된다. 전역변수는 에플리케이션 전역에서 접근이 가능한 변수다. 다시 말해서 어떤 함수 안에서도 그 변수에 접근 할 수 있다. 그렇기 때문에 함수 fscope 내에서 vscope를 호출 했을 때 함수 밖에서 선언된 vscope의 값 global이 반환된 것이다. 아래 예제를 보자. 결과는 '함수안 local'과 '함수밖 global'이 출력된다. var vscope = 'global'; function fscope(){ var vscope = 'local'; alert('함수안 '+vsc..

2021. 8. 20.

Blog/생활코딩 - 자바스크립트 기본

함수지향 카테고리의 하위 수업들은 함수형 언어로서 자바스크립트의 면모를 다룬다. 자바스크립트의 핵심적인 도구는 함수다. 자바스크립트의 함수는 매우 강력하다. 함수에 대한 이해 없이는 자바스크립트를 잘 다루기 어렵다. 또한 자바스크립트에서 함수는 객체를 이해하는 데 가장 중요한 기초를 이룬다. 하지만 난이도가 조금 있는 내용이다. 본 카테고리에서는 함수에 대한 고급 내용을 다룰 것이다. 사실 그렇게 어렵지도 않다. 함수 정복하러가장

2021. 8. 18.

Blog/생활코딩 - 자바스크립트 기본

API란? Application Programming Interface의 약자로 프로그램이 동작하는 환경을 제어하기 위해서 환경에서 제공되는 조작 장치이다. 이 조작 장치는 프로그래밍 언어를 통해서 조작할 수 있다. 레퍼런스와 튜토리얼 프로그래밍을 공부하기 위한 자료는 크게 레퍼런스(reference)와 tutorial(안내서)가 있다. 통상 튜토리얼은 언어의 문법을 설명하고, 레퍼런스는 명령어의 사전을 의미한다. 자바스크립트의 API 자바스크립트의 API는 크게 자바스크립트 자체의 API와 자바스크립트가 동작하는 호스트 환경의 API로 구분된다.

2021. 8. 18.