Jveloper

클로져란? 외부함수의 변수에 접근할 수 있는 내부함수 - scope chain으로 표현되기도 함 - return 하는 내부함수를 클로져 함수라고 지칭 function 외부함수() { let 외부함수의 변수 = 'outer fn variable '; function 내부함수() { let 내부함수의 변수 = 'inner fn variable '; console.log(외부함수의 변수 + 내부함수의 변수); } } // 외부함수의 변수를 내부 함수, 즉 closure가 사용할 수 있음 내부함수의 접근하는 두가지 방법. 1. 외부함수()() 2. var innerFn = 외부함수() innerFn() 클로져가 가지는 세가지 scope chain 1. 클로져 자신에 대한 접근(위 예제의 내부함수안의 변수) 2...

scope에서 짚고넘어가야 될 녀석들 ● lexical scope / dynamic scope ● local scope / global scope ● block level / function level ● 호이스팅 - lexical scope / dynamic scope lexical(static) scope : 유효범위가 코드를 작성될 때 결정됨 -> 자바스크립트에서는 함수가 선언되는 동시에 자신만의 scope를 가짐 dynamic scope : 유효범위가 실행 순서에 의해 결정됨 * 유효범위란? 변수(선언)와 그 값(할당)이 어디서부터 어디까지 접근이 가능한지를 판단하는 범위 var scope; // 선언입니다. scope = '할당입니다'; // 할당입니다. console.log(scope) // ..

컴파일러 고급언어로 쓰여진 프로그램이 컴퓨터에서 수행되기 위해서는 컴퓨터가 직접 이해할 수 있는 언어로 바꾸어 주어야한다. 이러한 일을 하는 프로그램을 컴파일러라고 한다. 번역과 실행 과정을 거쳐야 하기 때문에 번역 과정이 번거롭고 번역 시간이 오래 걸리지만, 한번 번역한 후에는 다시 번역하지 않으므로 실행 속도가 빠르다. 인터프리터 소스 프로그램을 한번에 기계어로 변환시키는 컴파일러와는 달리 프로그램을 한 단계씩 기계어로 해석하여 실행하는 ‘언어처리 프로그램’ 이다. 줄 단위로 번역, 실행되기 때문에 시분할 시스템에 유용하며 원시 프로그램의 변화에 대한 반응이 빠르다. 한 단계씩 테스트와 수정을 하면서 진행시켜 나가는 대화형 언어에 적합하지만, 실행 시간이 길어 속도가 늦다는 단점이 있다. 프로그램이 ..

- 우선 flex의 큰틀을 하나 잡고가자 container item display order flex-direction flex-grow flex-wrap flex-shrink flex-flow flex-basis justify-content flex align-items align-self align-content - flex를 썼을때와 안썼을때 어떤 변화를 가져오는지 차이를 먼저 살펴보자 - row(열) / column(행) / row-reverse / column-reverse 먼저 row를 살펴보자. flex의 기본값은 row(열)이다 나는 열을 세로라고 정의했다 사진을보자 flex-direction: row 를 줬는데 아무일도 일어나지 않는다 당연한결과이다 위에서 말했듯 원래 flex의 기본값은..

작업하고 저장후 바로 깃으로 올리고싶어서 VScode에서 터미널창을 열 수 있는 단축키를 찾아보았다 ⌃` Show integrated terminal 단축키는 맥북기준으로 control + ` 을 누르면 작동한다

1. 우선 바탕화면에 example.js라는 파일을 하나 생성한후에 콘솔을찍었다 2. 터미널을 열어서 바탕화면으로 접근해 node example.js 를 찍었다 3. 터미널에서 node로 알아서 접근을 하는건지 올바르게 출력이된다 터미널로는 깃밖에 안다뤄봤는데 node.js도 터미널을 다뤄서 접근을 해줘야되는 녀석인것같다

position : 각각의 element가 화면상에 어디에 위치할것인가를 결정 static / relative / absolute / fixed static(default) : 원래 자신이 위치해야 할 자리에 정적으로 들어가있음 -> 위치와 관련된 설정을 하지않은 상태 left나 top과 같은 offset을 사용하기 위해서는 relative 라고 하는 포지션 타입을 지정해야 함 relative(상대적) : 부모에 대해서 상대적으로, 부모를 기준으로 위치가 정해짐 우선순위. left, top > right, bottom absolute(절대적) : html element 웹페이지의 제일 가장자리에 있는 경계에 있는 태그인 html element를 기준으로 위치를 정하고싶을때 부모중에 position typ..

설치방법 또는 자세한 내용은 아래 링크로 들어가면 다 나와있는거 같다 https://github.com/creationix/nvm 나는 처음에 이 홈페이지에서 clone받고 뭔가를 해야되는줄 알았다 하지만 영어로 되어있기에 따로 포스팅을 남긴다 $ sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash 1. curl을 이용하는방법, wget을 이용하는방법 두가지가 있는것같은데 나는 curl을 이용했다 터미널에서 위에있는것을 쳐주면 알아서 읽어온다 source ~/.nvm/nvm.sh 2. 이 위에있는걸 치기전까지 nvm --version 을 쳐도 자꾸 nvm command not found 에러가떠서 ..