문익점 스토리

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

코딩

자바스크립트의 자료형 기본(원시) 타입 (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가..

코딩

이걸로는 배경색만 지정 할 수 있을 뿐 크기나 둥글게 만들지는 못했다. 그래서 해결책은 TouchableOpacity를 사용하는 것이다. reactnative.dev/docs/touchableopacity 이 컴포넌트에 borderRadius 옵션을 주면 둥글게 만들어진다.

코딩

npx react-native run android를 실행했더니 FAILURE: Build failed with an exception. * What went wrong: Could not initialize class org.codehaus.groovy.runtime.InvokerHelper * Try:Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.* Get more help at https://help.gradle.org BUILD FAILED in 1s error Failed to i..

코딩

REACT NATIVE는 크로스 플랫폼 앱을 만드도록 도와주는 JS 프레임워크입니다. 크로스 플랫폼 앱은 네이티브 코드가 아닌 것으로 코딩을 한 후. 나중에ios/android가 이해 할 수 있는 코드로 변환 시켜 주는 것 입니다. 네이티브 코드로 작성하게 되면 android는 JAVA, KOTLIN을 사용해야하며 IOS는 SWIFT를 사용해야합니다. 즉 별도로 제작해야하는 한계를 극복합니다. REACT NATIVE는 일단 REACT로 코딩하고 JS로 컴파일 한뒤에 ios/android 두 플랫폼이 자바스크립트 엔진으로 컴파일된 JS들을 실행시키는겁니다. 즉 네이티브 코드로 작성하지 않고 나중에 변환되는 것입니다. 단점은 REACT NATIVE는 기기의 하드웨를 컨트롤해야 하는 상황, 즉 높은 퍼포먼스를..

코딩

HTTP와 HTTPS HTTP는 Hypertext Transfer Protocol의 약자, HTML를 전송하기 위해 만들어진 통신규약입니다. 약자를 보면 알 수 있듯이 HTTPS는 HTTP에 S가 추가된 것입니다. S의 의미는 secure입니다. 즉 HTTP보다 보안 장치가 더 있는 포로토콜입니다. HTTP는 암호화 되지 않는 방법으로 데이터를 전송합니다. 그러면 서버와 통신 할 때 누군가가 악의적으로 데이터 열림이나 변조가 쉽게 가능합니다. 그래서 이를 보안시킨 것이 HTTPS 입니다. 대칭 키 그리고 비대칭 키 키 암호를 만드는 행위인 암호화를 할 때 사용하는 일종의 비밀번호를 키(key)라고 한다. 이 키에 따라서 암호화된 결과가 달라지기 때문에 키를 모르면 암호를 푸는 행위인 복호화를 할 수 없다..