자바스크립트

자바스크립트 =_=> 의 의미

얼마전에 할당문을 =_=> 이렇게 쓰시는분을 보게 되었는데, 처음에 이게 무엇인가.. 했다 그 분은 할당문을 const factory =_=> ({title:"hello world!"}) 라고 쓴다. 나 같은 경우엔 똑같은 할당문이라고 하면 const factory = ()=> ({title:"hello world!"}) 별 차이는 없다. 매개 변수가 없다는 것을 알려주는것이다. 자바스크립트 뿐만 아니라 파이썬 및 다른 언어에서도 관용적인 표현으로 알고있으면 될 것 같다.

React-native background-position 사용법

의외로 간단하다. width:null (타입스크립트의 경우에는 null로 하면 빨간줄 생겨서 undefined로 함) 그리고 좌 우측 아래 위로 더 짜르고 싶은 경우에는 borderBottomWidth: -30 이런 식으로 음수를 주는 경우를 택하기도 한다. 물론 Width 값이 null이나 undefined와 같이 정확한 값을 가리키지 않는 것을 전제로 한다. css로 치면 background-position 을 사용하는 것과 거의 동일하다고 볼 수 있다.

node의 패키지로 보는 Python의 패키지

일단 Node에선 npm이나 yarn에서 패키지를 관리하였고, 프로젝트 단위로 패키지를 관리하였다. 그 기록은 package.json에 남아있어 node_modules 폴더가 없어도 package를 설치하면 됐었다. Python에서는 PIP를 사용하여 패키지를 관리할 수 있는데, 프로젝트 단위로 패키지를 관리하는 것이 아니라 머신(Machine) 기준으로 관리한다. 그래서 로컬 상에 패키지가 설치되어있기만 하면 해당 내용을 실행할 수 있다. 그러나 package.json 같은 파일이 필요할 때가 있는데, 이 경우 pip freeze > **.txt 명령어를 사용하면 해당 패키지내용이 들어가있는 파일을 만들수있고, pip install -r requirements.txt 명령어로 해당 패키지들을 설치할 수..

함수에 적용할 수 있는 call, apply, bind

함수 객체에 적용할 수 있는 메서드 3가지가 있다. 그것은 바로 call, apply, bind인데, call과 apply, bind의 공통점은 현재 실행되는 컨텍스트(this)가 무엇인지 바꿀 수 있다는 것이다. 기본적으로 객체가 아닌 이상 기본적으로 실행되는 컨텍스트는 window이다.(브라우저 기준) bind bind는 비교적 쉽다. 함수객체가 가리키고 있는 현재 컨텍스트(this)만 바꿔주는 역할을 한다. this만 바꿔주고 호출은 하지않는 역할을 한다. 함수 내부에서 this를 쓰면 bind에서 넘겨준 this를 사용하게 된다. call call은 함수객체의 현재 컨텍스트(this)도 바꾸지만, 함수를 호출해준다. Array.prototype.forEach.call(this, 인자) 여기선 인자..

리액트 네이티브 웹뷰 자바스크립트 삽입(injection)

React-Native WebView JavaScript 삽입 후 이벤트까지 네이티브로 실행시켜보는 예제이다. 버전은 0.61이고, 공식문서에는 window.postMessage라고해서 했더니 안되길래 버근줄알았는데 스택오버플로우에 window.ReactNativeWebView.postMessage란다.. 여하튼 해결! const appData = (event) => { Alert.alert(event.nativeEvent.data); } const eventScript = ` document.querySelector(".submit").addEventListener("click", function() { send(); }) function send() { window.ReactNativeWebView...

React.js 프로젝트 생성 에러(윈도우10)

Error: EPERM: operation not permitted, mkdir 'C:\Users\Paul' TypeError: Cannot read property 'get' of undefined at errorHandler (C:\Program Files\nodejs\node_modules\npm\lib\utils\error-handler.js:205:18) at C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js:83:20 at cb (C:\Program Files\nodejs\node_modules\npm\lib\npm.js:214:22) at C:\Program Files\nodejs\node_modules\npm\lib\npm.js:252:24..