문익점 스토리

안녕하세요. 문익점이에요. 문익점에 대해 아시나요? 목화씨를 가져온 문익점이요!

코딩

실행 컨텍스트의 구성 앞선 1탄 포스팅에서 세 가지의 환경 정보가 담긴다고 했었죠. 그 중 ThisBinding에서 할당되는 this대해 포스팅해보겠습니다. VariableEnvironment LexicalEnvironment ThisBinding 여기서 ThisBinding은 실행컨텍스트가 활성화 될 때 this를 바인딩합니다. 즉 함수가 호출될 때 결정되는겁니다. 이때 어떤식으로 누가 호출하냐에 따라 동적으로 바뀌게 됩니다. this는 어떤 것을 가리킬까? 전역에서의 호출 전역 공간에서의 호출, 그리고 일반적인 함수 호출시에 this는 전역객체를 가리킵니다. 브라우저상에서 전역객체는 window, nodejs상에서는 global 객체입니다. function test() { console.log(thi..

코딩

Execution Context (실행 컨텍스트) 실행 컨텍스트라는 단어를 보았을 때에 어떤 말인지 해석하기도, 받아드리기도 힘듭니다. 이는 Exection이라는 단어는 실행으로 번역하고 Context는 영어 그대로를 사용해서 인 것 같습니다. 간단하게실행 컨텍스트(Execution Context)를 쉽게 말하자면 자바스크립트에서 코드가 실행 될 때 필요한 정보(환경)를 말합니다. 여기서 실행되는 코드는 4가지로 분류 됩니다. 전역 코드 Eval 함수 함수 코드 module (import) 첫 번째인 전역 컨텍스트은 자바스크립트가 실행되는 순간에 생성되고 전체 코드가 종료되면 전역 컨텍스트는 종료됩니다. 나머지 3가지는 함수로 취급 할 수 있습니다. 함수가 실행될 때도 마찬가지로 컨텍스트가 생성되고 함수..

코딩

자바스크립트의 자료형 기본(원시) 타입 (Primitive values) 참조 타입 (Object References) 기본 타입 Boolean type Null type Undefined type Number type BigInt type String type Symbol type 참조 타입 Objects (collections of properties) 두 타입의 대표적인 차이점 두 타입은 각 데이터가 메모리상에서 저장되는 형태와 장소가 다르다. 자바스크립트 엔진(ex v8)은 메모리 구조로 콜 스택과 힙을 가진다. 콜 스택 : 기본타입 과 실행 컨텍스트(Execution Context) 를 저장하는 곳이다. 힙 : 동적으로 변할 수 있는 값(배열 등) 을 저장하는 곳이다. 기본 타입의 경우 let ..

코딩

Let’s encrypt 를 이용해서nginx 웹 서버에 HTTPS를 적용하는 방법입니다. 도메인을 등록하는 방식으로 진행되기 때문에 *도메인이 필수적으로 필요합니다. ubuntu 16.04, nginx version: nginx/1.10.3 (Ubuntu)에서 진행 하였습니다. Let’s encrypt 역시 CA(Certificate Authority)입니다. certbot을 통해서 간편하고 무료로 등록 할수 있어서 많이 이용합니다. certbot-auto로 진행 하겠습니다. 먼저 공식문서에 나온대로 설치를 진행합니다. 공식문서: certbot.eff.org/docs/install.html#certbot-auto wget https://dl.eff.org/certbot-auto sudo mv certb..

코딩

로컬 서버 → 원격 서버로 파일 전송 scp [옵션] [원본 경로 및 파일] [계정명]@[원격지IP주소]:[전송할 경로] [주의사항] 옵션중에 –P와 –p가 있으니 대/소문자 확인을 하여야 한다. -P : 포트번호를 지정함 -p : 원본파일 수정/사용시간 및 권한을 유지함

코딩

RN으로 아주 간단한 스톱와치 앱을 하나 만들었습니다. 스토어에 올릴 겸 Google AdMob을 이용하여 광고를 넣어 볼려고 합니다. Android에서만 적용 시킬 예정입니다. firebase를 이용하지 않고 react-native-admob 라이브러리를 이용하여 매우 간단하게 가능합니다! 먼저 react-native-admob 라이브러리를 설치합니다. npm install react-native-admob@next --save 설치가 완료되면 프로젝트 폴더 경로에서 아래에 명령어로 라이브러리와 연결합니다. (react-native를 설치하시지 않으셨다면 npx로 실행하세요.) react-native link react-native-admob 이제 Admob의 app ID와 배너의 ad unit ID가..