JavaScript
Webpack autoprefixer 적용 안될 때 해결법
sass loader에 postcss loader를 사용하는 도중, autoprefixer가 적용안되는 문제점이 있었다. 구버전의 경우에는 default로 webkit prefix를 붙여주었다고 하는데, 내가 쓰는 10버전은 아예 작동조차 하지않았다. 이 경우, browserslist를 정의해주면 작동이 되는 것을 확인 할 수 있다. 참고로 공식문서에서도 autoprefixers 는 브라우저 리스트를 사용한다고 한다. (설정안하면 작동이 안됨..) 먼저 webpack 설정을 살펴보자. webpack.common.js const postcssLoader = { loader:'postcss-loader', options:{ postcssOptions:{ config: path.resolve(__dirname..
자바스크립트 =_=> 의 의미
얼마전에 할당문을 =_=> 이렇게 쓰시는분을 보게 되었는데, 처음에 이게 무엇인가.. 했다 그 분은 할당문을 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 명령어로 해당 패키지들을 설치할 수..
react-native android webView 에러
에러내용 경로 / error: cannot find symbol if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) { ^ symbol: variable Q location: class VERSION_CODES 이 에러는 웹뷰 사용시 android에서만 나타나는 에러인데, sdk버전을 높여주면 된다. 나같은 경우엔 안드로이드 스튜디오 키고 가장 바깥쪽(최상단)에 위치한 build.gradle에 compileSdkVersion = 29 targetSdkVersion = 29 으로 버전업을 해주니까 이슈가 해결되었다.
직접 만든 시프트 암호(시저 암호)
function shiftEncryption(str, num) { if(num > 25) return false; var input = str; var result = '' for(var i = 0; i < input.length;i++) { var charCode = input.charCodeAt(i) + num; charCode %= 91; if(charCode < 65) charCode += 65; result += String.fromCharCode(charCode); } return result; } 사용법은 shiftEncryption('CAESAR', 5) 이런식으로 한다. return값을 console.log()로 찍어주면 해당 알고리즘으로 암호화가 된 문자가 출력된다.
자꾸 까먹는 react-native ios proj 오픈
.workspace 파일을 열어야한다. 또한 scheme 별 설정이 가능하다. 초기 설정은 debug로 설정되어있으나 release모드를 따로 관리할 수도 있다.
React-native duplicated resource 해결법
#Win cd android && gradlew clean && cd .. && react-native run-android #osX cd android && bash gradlew clean && cd .. && react-native run-android gradlew clean 한번이면 되는것 같다.