celine

함수지향 - 클로저 생활코딩 자바 스크립트 입문 내용 정리 클로저란 ? 내부함수가 외부함수의 맥락에 접근할 수 있는 것- 내부함수와 외부함수에 대해서 알아보기function outer(){ function inner(){ var title = '내부함수' alert(title) }}function outer(){ var title = '내부함수' //외부함수에 선언된 지역변수 function inner(){ alert(title) //내부함수에 선언된 지역변수가 없다면 외부 함수에 있는 변수를 가져옴 }}//즉 내부함수에서 외부함수에 있는 지역변수에 접근 할 수 있다. -> 클로저 클로저란???function outer(){ var title = '내부함수' //외부..

출처 : 생활코딩 자바스크립트 강의 정리 1. 값으로서의 함수자바스크립트의 특징 : 함수 자체가 값이 될 수 있다.function a() {}var a = function(){} 함수는 값이고, 객체 안에 담길 수 있다.a = { b:function(){ //b는 key,속성(property) //value는 함수, 이것은 메소드(method)라고 한다. }} 1-2. 값으로서의 함수와 콜백function cal(mode){ var funcs = { 'plus' : function(left, right){return left + right}, 'minus' : function(left, right){return left - right} } return fu..

생활코딩 자바스크립트강의 정리시즌2 - 함수 1-1 Scope (유효범위)var vscope = 'global';function fscope(){ var vscope = 'local'; alert(vscope);}fscope();//결과값 : local 지역변수 : 'local variables' , 함수 안에서 선언 된 변수, 선언된 내부에서만 접근 간으전역변수 : 'global variables', 함수 밖에서 선언된 변수, 애플리케이션 전역에서 접근이 가능한 변수var vscope = 'global';function fscope(){ var vscope = 'local'; var lv = 'local var' alert(lv);}fscope(); //결과값 : local varale..

1. 객체배열 :  연관 되어 있는 것들을 담아 놓은 그릇객체 : key, value로 구성되어 있는 데이터를 담아 놓은 그릇빈 객체 만들기 var grades= new Object();var grades = {'test': 10, 'test2' : 20};객체에 있는 값 선택하기grades.test === grades['test'] 1-1.객체와 반복문- 객체안에 저장된 값은 순서가 없지만, key와 value가 있음for key in 객체var grades = {'test11': 10, 'k8805': 6, 'sorialgi': 80};for(key in grades) { console.log(key) // test11, k8805, sorialgi 출력 document.write(grads[key]..

1. Font-family 1 ) Serif : 각 문자의 가장자리에 작은 획이 있습니다. 2 ) Sans-serif : 깔끔한 선이 있습니다(작은 획이 첨부되지 않음) 3 ) Monospace : 모든 문자는 동일한 고정 폭을 가집니다. - Courier New - Lucida Console - Monaco 2. Font-Style 1) Normal 2) Italic 3) Oblique ✔️ Italic vs oblique Oblique 스타일 글꼴은 일반 스타일의 약간 기울어진 버전입니다. Italic 서예에 더 가깝습니다. 3. Font Size Font 단위는 절대 크기와 상대 크기로 나뉩니다. 1 ) 절대 크기 텍스트를 지정된 크기로 설정합니다. 사용자가 모든 브라우저에서 텍스트 크기를 변경하는..

참고 문헌 : https://ko.legacy.reactjs.org/docs/portals.html#event-bubbling-through-portals Portals – React A JavaScript library for building user interfaces ko.legacy.reactjs.org 이전 글에 이어서 Portal에 관하여 작성 합니다. 이벤트 버블링이란? 하위 요소에 있는 이벤트요소가 상위 요소로 전달이 되는 것을 이벤트 버블링이라고 합니다. portal이 DOM 트리의 어디에도 존재할 수 있다 하더라도 모든 다른 면에서 일반적인 React 자식처럼 동작합니다. context와 같은 기능은 자식이 portal이든지 아니든지 상관없이 정확하게 같게 동작합니다. 이는 DOM 트리..