본문 바로가기

자바스크립트5

React Native Typescript(타입스크립트)로 프로젝트 생성하는 법 보통 React Native 프로젝트를 생성할 때 아래 명령어를 사용하게 된다. npx react-native init MyTestApp 하지만 이렇게 하게되면 자바스크립트 기준으로 프로젝트가 생성되기 때문에 나중에 타입스크립트로 전환이 쉽지 않다. 처음부터 타입스크립트로 프로젝트를 생성하면 자바스크립트와 타입스크립트를 같이 사용할 수 있게 된다. 왜냐면 타입스크립트는 자바스크립트의 Superset이기 때문이다. 다음 명령어로 React Native 프로젝트를 타입스크립트 프로젝트로 생성 할 수 있다. npx react-native init MyTestApp --template react-native-template-typescript 조금 명령어가 다소 길어보이나.. 유용하게 써먹을 수 있을 것이다. .. 2022. 3. 6.
Javascript ES6 - 함수(function) 정리 3 지난번 Javascript ES6 함수 정리 1, 2에 이어서 계속 ES6의 함수에 대해서 알아 보겠습니다. https://lucidmaj7.tistory.com/127 Javascript ES6 - 함수(function) 정리 1 1. 함수 선언 자바스크립트에서 함수 선언은 function 함수명(인자,인자..) 형태로 선언됩니다. 그 예는 아래와 같습니다. function sayHello() { console.log("Hello !!"); console.log("hi"); } sayHello(); //.. lucidmaj7.tistory.com https://lucidmaj7.tistory.com/128 Javascript ES6 - 함수(function) 정리 2 5. 함수를 결정하는 것 보통 다른.. 2020. 3. 30.
Javascript ES6 - 함수(function) 정리 2 5. 함수를 결정하는 것 보통 다른 프로그래밍 언어에서는 함수의 시그니처에 매개변수가 포함됩니다. C++에서 f()와 f(int a)는 다른 함수이죠. 하지만 자바스크립트에서는 매개변수가 다르더라도 함수의 이름이 같다면 같은 함수를 가리킵니다. function foo(x) { console.log(`x는 ${x}`); } const param = 5; foo(); //x는 undefined foo(param); //x는 5 6. 매개변수 해체 자바스크리트 함수의 매개변수는 해체 될 수 있습니다. 그 예는 아래와 같습니다. 프로퍼티 이름은 반드시 유효한 식별자여야 하고 들어오는 객체에 해당하는 프로퍼티가 없는 변수는 undefined를 할당 받습니다. function getSentence({subject,.. 2020. 3. 24.
Javascript ES6 - 함수(function) 정리 1 1. 함수 선언 자바스크립트에서 함수 선언은 function 함수명(인자,인자..) 형태로 선언됩니다. 그 예는 아래와 같습니다. function sayHello() { console.log("Hello !!"); console.log("hi"); } sayHello(); // 함수 호출 Hello! 함수를 선언하고나서 함수를 call해야 실행이 됩니다. 2. 함수의 반환(return) 함수는 호출 후 값을 반환 할 수 있습니다. 이때 return이라는 키워드를 통해 함수를 즉시 종료하고 값을 반환합니다. 그 예제 코드는 다음과 같습니다. function sayHello() { return "hello!!"; //값 리턴 } let val = sayHello(); // 함수 호출 값 저장 console... 2020. 3. 24.
자바스크립트(javascript) 난독화 사이트 자바스크립트는 프론트엔드에서 주로 실행되는 코드로 스크립트이기 때문에 외부에 노출되기 쉽다. 또 외부에 노출 되면 로직이 노출되어 악용되거나 기술이 유출 되기 쉽다. 때문에 때로는 javascript를 난독화 해야할 때가 있는데 이러한 난독화를 웹에서 해주는 사이트가 있어 소개한다. https://obfuscator.io/ JavaScript Obfuscator Tool What is this? This tool transforms your original JavaScript source code into a new representation that's harder to understand, copy, re-use and modify without authorization. The obfuscated .. 2019. 11. 21.