티스토리

꿀벌개발일지

검색하기

블로그 홈

꿀벌개발일지

ohgyun.com/m

천천히, 그러나 끊임없이.

구독자: 1

방명록 방문하기

주요 글 목록

npm registry 를 찾지 못하는 이슈 발생일: 2021.02.22 키워드: yarn config, npm config, registry, npmrc, private registry 문제: 갑자기 전체 태스크가 실패했고, 건너자리 A가 코드 원복까지 했는데도 계속 지속됐다. 에러 문구를 보니 특정 npm 모듈의 리파지터리를 찾지 못하는 문제다. node_modules 디렉토리를 날리고 새로 설치해도 동일한 문제가 발생했다고 한다. 이번에 npm registry 를 변경하는 작업을 준비하고 있었는데, 새로 설치된 모듈이 아직 준비되지 않은 새 레지스트리를 바라본 것이 문제였다. 왜 그런걸까? 해결책: 이번에 옮기려던 레지스트리는 도메인과 권한이 기존과 모두 달랐다. 예를 들어, https://old_registry.example.com 에서 h.. 공감수 0 댓글수 0 2021. 3. 9.
Array.sort() 정렬 기준은 문자열의 유니코드 포인트 발생일: 2019.05.31 키워드: Array.sort, sort, 정렬 문제: 아래와 같이 sort() 함수로 정렬했는데, [1, 5, 10, 20].sort(); 결과가 아래와 같이 기대했던 것처럼 나오지 않는다. [1, 10, 20, 5] 으잉? 해결책: 나만 몰랐나... Array.sort() 의 기본 정렬 기준은 문자열의 유니코드 포인트였다. 숫자로 정렬하려면 아래와 같이 compareFunction 을 넘겨주면 된다. [1, 5, 10, 20].sort((a, b) => a - b); 기존에 비슷한 코드도 확인해봐야겠다... 논의: 우린 유틸리티 모듈로 언더스코어(underscore.js)를 쓰고 있는데, 언더스코어의 _.sortBy 는 의도대로 숫자로 정렬된다. 코드를 확인해보니, 기본 c.. 공감수 1 댓글수 0 2019. 5. 31.
npm 설치 오류: code EBADKEY 발생일: 2019.03.01 키워드: node, npm 문제: code EBADKEY invalid config key requested: config npm install 할 때, 위 문구가 나오면서 설치되지 않는다. 해결책: 검색해서 몇 가지 방법을 시도해봤는데, 잘 되지 않았다. 노드 관련 파일을 모두 제거 후에 다시 설치했다. - 루트 node_modules 제거 npm 루트 경로는 아래 명령으로 찾으면 된다 $ npm root -g # npm - node 제거 노드 파일은 아래 명령으로 찾으면 된다 $ type node - n 으로 노드 신규 설치 $ curl -L https://git.io/n-install | bash 오랜만에 깨끗해졌다~ ㅎㅎ 공감수 0 댓글수 0 2019. 3. 2.
Node: String 크기 제한에 의한 RangeError 발생일: 2018.10.22 키워드: JSON.stringify, RangeError, Invalid string length, max-old-space-size, 메모리 부족, RangeError 문제: 배치 작업 과정 중에 아래와 같은 오류가 발생하면서 프로세스가 종료됐다. RangeError: Invalid string length at JSON.stringify () 메모리 이슈인 것 같아 노드의 max-old-space-size 파라미터로 힙 사이즈를 필요한 만큼 지정해 실행했는데도 동일하게 발생한다. 왜 그런 걸까? 해결책: 확인해보니, V8은 구조적 문제로 객체의 크기를 1.9기가로 제한하고 있다고 한다. 사이즈가 큰 객체를 stringify 하는 과정에서 문자열의 크기가 지나치게 커진 것이.. 공감수 0 댓글수 0 2018. 10. 30.
node.js: euc-kr 페이지에 보낼 요청 파라미터 인코딩 발생일: 2018.09.03 키워드: euc-kr, euckr, node.js, iconv, 인코딩, encoding, escape, encodeURIComponent 문제: 노드에서 euc-kr 로 인코딩 된 페이지로 GET 요청을 보내려고 한다. 한글이 포함된 값을 파라미터로 전송하려고 하는데, 어떻게 인코딩하면 될까? 해결책: iconv 라이브러리를 활용하면 된다. const buffer = iconv.encode('한글이 포함된 파라미터', 'euckr'); // 파라미터를 euc-kr 로 인코딩 해 버퍼에 담은 후, const param = encode(buffer.toString('binary')); // 바이너리로 변환해 이스케이프하면 된다. 논의: encodeURI() 와 encodeURI.. 공감수 1 댓글수 0 2018. 9. 29.
Node.js: npm asyncWrite 오류 발생할 때 발생일: 2019.09.27 키워드: node, npm install, n, asyncWrite 문제: npm install 로 모듈을 설치할 때 아래와 같은 오류가 발생한다. npm ERR! asyncWrite is not a function npm ERR! pna.nextTick is not a function 해결책: npm 을 재설치하는 방법으로 해결했다. $ curl -0 -L https://npmjs.com/install.sh | sudo sh 논의: npm 모듈의 캐시도 날려보고 $ sudo npm cache clean -f node 관리 모듈인 n을 재설치하기도 하고, node 를 stable 버전으로 새로 갱신하기도 했는데 해결되지 않았다. 다른 사람들은 이런 방법으로도 해결된 것 같으니.. 공감수 0 댓글수 0 2018. 9. 27.
iOS/macOS 사파리 12에서 Array.prototype.reverse() 버그 발생일: 2018.09.20 키워드: reverse, array, iOS, macOS, safari, javascript array bug 문제: 옆자리 C가 사파리 12버전에서 Array.prototype.reverse() 버그가 발견됐다며 클리앙의 포스트를 공유해줬다. https://www.clien.net/service/board/news/12614248?po=0&od=T31&sk=&sv=&category=&groupCd=&articlePeriod=default&pt=0 배열을 선언하고 reverse()를 호출한 후에, 페이지를 새로고침 했을 때 해당 변수의 배열이 reverse() 된 체 남아있는 버그다. 에이 설마. 이런 빅버그가... 해결책: 오잉잉. 버그가 맞다. 클리앙 글에 참조되어 있는 .. 공감수 0 댓글수 0 2018. 9. 20.
객체에 프로퍼티 설정 시 성능 이슈 발생일: 2018.09.19 키워드: json, object, Map 문제: 배치 작업에서 약 천만 행의 데이터를 로드에 객체의 프로퍼티로 할당하는 작업을 진행하고 있었다. 대략 다음과 같이 DB에서 데이터를 읽어와 메모리에 할당하는 간단한 작업이다. readFromDatabase().then((result) => { const map = {}; const list = []; result.forEach((item) => { map[item.id] = item.value; // (A) list.push(item); // (B) }); }); 헌데, 특정 시점(문제가 발생했던 데이터의 경우 약 700만 라인 즈음)부터 (A) 부분의 작업이 1초 이상 걸린다. 하지만 배열에 추가하는 (B) 코드는 아무 문제가.. 공감수 0 댓글수 0 2018. 9. 20.
Node.js: 스트림의 'drain' 이벤트 발생일: 2017.01.09 키워드: Readline, WriteStream, ReadStream, highWaterMark 문제: 한 행에 JSON 포맷의 데이터를 포함한 파일을 CSV 파일로 변환하려고 한다. 파일 사이즈가 커서 readline을 사용해 스트림으로 읽어 변환 후 다시 스트림으로 쓸 생각이다. WriteStream에 'drain' 이벤트가 있던데, 정확히 어떤 이벤트일까? 해결책: highWaterMark(내부 버퍼에 저장할 최대 바이트)에 지정한 값보다 큰 버퍼를 쓰려고 할 땐, write()가 false를 리턴한다. 스트림이 빠져나가는 동안 write()를 호출하면, 청크가 버퍼링되고 false가 리턴된다. 현재 버퍼링된 모든 청크가 빠져나가면 'drain' 이벤트가 발생한다. wr.. 공감수 1 댓글수 0 2017. 8. 5.
phantomjs, jsdom, cheerio 의 용도별 선택 발생일: 2016.11.11 키워드: phantomjs, jsdom, cheerio 문제: DOM 파싱을 위한 몇 가지 유명한 노드 모듈이 있다. phantomjs, jsdom, cheerio 이고, 우리 프로젝트에서도 골고루 사용하고 있다. 어떻게 구분해 사용하면 좋을까? 해결책: 이렇게 접근하면 되겠다.ㅎㅎ 1. DOM 파싱이 필요하다면 cheerio, 2. 여기에 더해 헤드리스 브라우저가 필요하다면 jsdom 3. 여기에 더해 렌더링이 필요하다면 phantomjs 공감수 0 댓글수 0 2017. 7. 27.
React: setState()를 호출해도 상태가 업데이트되지 않는 이슈 발생일: 2016.12.13 키워드: React, setState, 리액트, setState not working 문제: setState()로 상태를 변경하려는데, 변경한 상태 값이 적용되지 않는다. 대략 아래와 같은 코드의 컴포넌트이고, { ... getInitialState() { return { foo: 'foo', bar: 'bar' }; }, makeFooUppercase() { var state = this.state; state.foo = 'FOO'; this.setState(state); }, makeBarUppercase() { var state = this.state; state.bar = 'BAR'; this.setState(state); }, makeUppercase() { this.. 공감수 1 댓글수 0 2016. 12. 14.
document.write()로 스크립트 삽입 시 크롬에서 워닝 발생하는 이슈 발생일: 2016.10.12 키워드: document.write, chrome, script, 스크립트 태크 문제: 잘 동작하던 사이트에서 어느 시점에서부터 아래 워닝이 뜬다. A Parser-blocking, cross-origin script, http://example.com/example.js, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. 해결책: document.write()로 스크립트 태그를 삽입할 때 발생하는 워닝이고, 확인해보니 크롬 53버전부터 나오는 것이라 한다. 스크립트 태그가 들어가면 페이지가 블럭킹 된다. 스크립트 태그에서 불러오.. 공감수 0 댓글수 0 2016. 11. 24.
Highcharts: 라인 차트의 마지막에 값 출력하기 발생일: 2016.01.06 키워드: 하이차트, highcharts 문제: 하이차트에서 라인 차트의 마지막에 해당 포인트의 값을 보여주고 싶다. 해결책: 하이차트에서 포인트의 값은 data label 이라 한다. dataLabels 옵션의 enabled 를 true 로 설정해 표현할 수 있다. http://api.highcharts.com/highcharts#plotOptions.line.dataLabels.enabled 마지막 포인트만 보여주고 싶다면, 아래처럼 마지막 여부만 확인해 넣을 수 있다. plotOptions: { line: { dataLabels: { enabled: true, align: 'left', x: 80, formatter: function () { if (this.x === t.. 공감수 0 댓글수 0 2016. 6. 6.
Highcharts: legend 에 데이터의 마지막 값 넣기 발생일: 2016.01.06 키워드: highcharts, 하이차트, legend, 범례 문제: 하이차트에서 범례(legend) 옆에 마지막 값을 표시하려고 한다. 해결책: legend 옵션에서 값을 변경할 수는 있지만, legend가 출력되는 시점에서는 마지막 데이터를 읽어올 수 없다. 한 틱 딜레이를 주는 방식으로 우회해서 아래처럼 해결할 수 있다. // 마지막 값을 포함해 하단에 보여주는 레전드 옵션 legend: { layout: 'horizontal', align: 'center', borderWidth: 0, itemDistance: 50, labelFormatter: function () { // 레이블이 출력될 때엔 아직 데이터가 렌더링되기 전이다. // 레이블 아래에 마지막 데이터의 값을.. 공감수 0 댓글수 0 2016. 6. 6.
스크롤 영역을 벗어난 후에도 GPU 렌더링은 계속 된다. 발생일: 2015.10.08 키워드: translate3d, translate2d, GPU 렌더링 문제: 피드 형태의 길이가 긴 페이지에서 한 카드에 translate3d 로 플리킹을 적용해뒀다. 시간이 지나면 피드가 급격히 느려진다. 왜 그런 걸까? 해결책: translate3d는 GPU 렌더링을 사용하고 있는데, GPU 렌더링은 스크롤 영역을 벗어난 이후에도 계속 발생했기 때문이다. 해당 카드가 자주 노출되는 것이 아니라서, 일단은 tranlsate2d 변경하는 것으로 해결했다. 논의: 만약 해당 카드가 자주 노출되는 것이었다면, 성능 개선이 필요하겠다. 스크롤 된 이후에은 translate3d 속성을 제거하는 방식으로 처리하면 될 것 같다. 참고: https://developers.google.co.. 공감수 0 댓글수 0 2016. 6. 6.
node.js: 크론탭으로 실행할 때 기본 설정 확인하기 발생일: 2015.09.02 키워드: 크론탭, crontab, npm, npmrc, config 문제: 노드 커맨드를 크론탭에서 사용하려고 하는데, 노드에 설정한 기본 설정을 읽어오지 못한다. 해결책: 아래 명령으로 아무 것도 없는 환경을 재현할 수 있다. $ env - 먼저, 이 환경(크론탭이 동작하는 환경)에서 npm이 어떤 파일로부터 전역 설정을 상속받는지 확인해본다. $ env - npm config list -l | grep globalconfig 내 건 전역 설정인 /etc/usr/npmrc 의 것을 사용하고 있었다. 아래와 같이 수정해서 전역 파일에 설정(난 프록시 설정이 필요했다)을 추가했다. $ sudo vi /etc/usr/npmrc 공감수 0 댓글수 0 2016. 6. 6.
웹뷰 비디오 적용 후기 발생일: 2015.07.27 키워드: 웹뷰 비디오, web view video 문제: 얼마 전에 웹뷰로 비디오를 재생하는 작업을 진행했다. iOS 와 안드로이드 동일하게 올라가는 뷰였는데, 작업하면서 꽤 많은 버그가 발생했다. 다음 작업을 위해 메모해둔다. 해결책: - 태그는 동기로 넣자. 비동기로 넣을 경우, 디바이스에 따라 전체 재생이 되지 않는 경우가 있다. iframe으로 선언해 바로 추가하는 방법으로 해결했다. - 풀스크린 전환 시엔 webkitEnterFullScreen() 을 호출한다. - 풀스크린 종료 후, 줌이 틀어지는 이슈 (안드로이드 4.1) meta 태그의 비율을 1.01 로 바꿨다가 다시 1.0 으로 설정하는 방식으로 해결했다. (setTimeout을 적용해줘야 된다) - iOS에.. 공감수 0 댓글수 0 2016. 6. 6.
iOS 에서 비디오 인라인 플레이하기 발생일: 2015.06.23 키워드: iOS, playsinline, webkit-playsinline, 인라인 플레이, iOS 웹뷰, inline play, allowInlineMediaPlayback 문제: iOS에서 웹뷰에서 동영상 재생 시, 풀스크린 대신 인라인으로 재생하려고 한다. 해결책: 1. iOS 웹뷰에서 인라인 플레이 여부 옵션을 true로 설정한다. - UIWebView 의 allowsInlineMediaPlayback 속성을 YES 2. 웹뷰에서 video 태그에서 인라인 플레이 여부 옵션을 추가한다. - 논의: 유튜브 비디오를 인라인으로 재생하려는 경우라면, embeded URL 에 &playsinline=1 파라미터를 넣어주면 된다. 참고: http://stackoverflow.c.. 공감수 0 댓글수 0 2016. 6. 6.
node.js: 동기로 스크립트 실행하기 발생일: 2015.03.02 키워드: 노드, node.js, 동기, sync, child_process 내용: 노드 0.11 버전부터 자식 프로세스의 커맨드를 동기로 실행할 수 있는 방법이 추가됐다. child_process.execSync(command[, options]) 간단한 스크립트를 짤 때 훨씬 편리해졌다! 공감수 0 댓글수 0 2016. 6. 6.
node.js: euc-kr 을 utf8 로 변경하기 발생일: 2014.07.10 키워드: node, 노드, 문자열 인코딩, 디코딩, euc-kr, utf-8 문제: 노드에서 euc-kr 문서를 읽어 utf-8 로 변경해 처리하려고 한다. 해결책: 노드의 네이티브 인코딩에는 euc-kr 이 포함되어 있지 않다. 대안으로 iconv 라이브러리를 이용해 처리할 수 있다. 1. euc-kr 로 인코딩된 문서는 바이너리로 읽어온다. 2. 새 버퍼에 대상 문자열을 할당한 후, iconv 로 변경한다. function eucKrToUtf8(str) { var iconv = new Iconv('euc-kr', 'utf-8'); var buf = new Buffer(str, 'binary'); return iconv.convert(buf).toString(); } 논의:.. 공감수 0 댓글수 0 2016. 6. 6.
Grunt: 옵션으로 숫자 전달 시 문자열이 깨지는 문제 발생일: 2014.04.10 키워드: 그런트, Grunt, build, 빌드 문제: 그런트 빌드 시 커맨드라인 옵션으로 깃 해시를 넘기고 있는데, 간헐적으로 빌드에 실패한다. 예를 들어, 아래와 같은 식이다. $ grunt build --gitHash=9e14492 원인이 뭘까? 해결책: 빌드 코드에서는 아래와 같이 `option()`으로 옵션을 가져오고 있었다. grunt.option('gitHash’) 옵션 처리를 위해 Grunt 내부에서 `nopt`라는 라이브러리를 사용하는데, 이 라이브러리에서 자동으로 타입을 결정하고 있었던 것이 원인이었다. 해당 라이브러리에서 문자열로 넘어온 '3.10'이나 '9e123' 같은 옵션이 Number로 판단해 처리했기 때문이다. nopt 에는 knownOpt를 미리.. 공감수 0 댓글수 0 2016. 6. 6.
Backbone: extend vs defaults 발생일: 2014.03.01 키워드: backbone, 백본, extend, defaults 문제: extend와 defaults 를 어떻게 구분해 사용하면 좋을까 고민하던 중에, 최근 팀에서 사용 방법을 정의했다. 해결책: extend는 주로 프로토타입 확장에서 사용했었는데, var fooPrototype = { getName: function () {}, setName: function () {} }; var barPrototype = _.extend(fooPrototype, { getName: function () {} }); // 하지만 이렇게 하면 `fooPrototype`의 값도 덮어쓰게 된다. fooPrototype.getName === barPrototype.getName; //—> tru.. 공감수 0 댓글수 0 2016. 6. 6.
Node.js: npm 글로벌 모듈 설정하기 (npmrc) 발생일: 2014.01.27 키워드: npm, npmrc, npm 설정, sudo, root, npm global, npm -g 문제: 루트 권한으로 npm 글로벌 모듈을 설치할 때, 별도의 프록시를 사용하도록 설정하려고 한다. .npmrc 파일에 설정했더니 설정이 적용되지 않는다. 왜일까? 해결책: npm 에서 읽어오는 설정 파일의 경로는, $PREFIX/etc/npmrc 라고 했는데, $PREFIX 가 의미하는 건 노드의 설치 경로였다. 내 경우에는, 루트 권한으로 실행하는 경우 /usr/local/etc/npmrc 의 설정 파일을 참조하고 있었다. 아래 명령으로 prefix 값을 확인할 수 있다. $ npm config ls -l # 참고: https://github.com/npm/npm/issue.. 공감수 0 댓글수 0 2016. 3. 14.
npm 모듈을 bitbucket private repository 로 install 하기 발생일: 2014.05.11 키워드: npm, bitbucket, npm private repository 문제: npm 모듈을 bitbucket 의 private repository 로 설치하려고 한다. 기본적인 설치 방법은 아래 링크의 가이드를 따르면 된다. http://www.zev23.com/2014/03/npm-install-from-github-or-bitbucket_13.html 진행하다가 몇 번 삽질해서 잘 설치되지 않을 경우에 대한 체크리스트를 메모해둔다. 해결책: 1. 가져올 모듈의 package.json 에 repository 정의를 했는가? 2. private 리파지터리라면, ssh 인증을 추가했는가? 3. 혹시 아래처럼 적진 않았는지? $ npm install git@bitbuck.. 공감수 0 댓글수 0 2016. 2. 18.
안드로이드 screen 사이즈 보정하기 발생일: 2014.12.01 키워드: 안드로이드 인앱 브라우저, android in app browser, 안드로이드 스크린 크기, android screen size, screenWidth, screenHeight, clientWidth, clientHeight, deivcePixelRatio 문제: 특정 페이지에서 screen.width 와 screen.height 값을 사용하는데, 일부 안드로이드 브라우저에서 해당 값이 디바이스의 크기가 아니라 해상도 기준으로 설정되는 문제가 있다. 해결책: 일부 안드로이드 기본 브라우저들은 스크린 너비, 높이 값이 디바이스 해상도 기준으로 설정되는 등 의도치 않은 값이 할당되어 있는 경우가 있다. 작업은 동료 A가 진행했는데, 보정 기준은 아래와 같다. - 기본적.. 공감수 0 댓글수 0 2016. 2. 17.
ES6: RegExp.prototype.unicode 이해하기 발생일: 2015.11.02 키워드: unicode, ES6, regexp, u flag, 정규식, Regular Expression 문제: JSConf EU 2015 컨퍼런스에서 Mathias Bynens가 발표한 ES6의 RegExp.prototype.unicode 동영상이 공유됐다. 발표 내용이 좋아서, 핵심적인 내용에 코드 샘플을 덧붙여 정리해봤다. 해결책: JSConf EU 2015: RegExp.prototype.unicode https://www.youtube.com/watch?v=raJcug_vW0c 자바스크립트에서도 캐릭터의 symbol을 직접 사용할 필요 없이, U+ 와 16진수 숫자(hexadecimal)로 코드 포인트를 직접 참조할 수 있다. 유니코드의 범위는 아래와 같이 크게 세 .. 공감수 0 댓글수 0 2015. 11. 2.
리액트 서버 렌더링 이해하기 발생일: 2015.10.21 키워드: react server rendering, 리액트 서버 렌더링, ReactDOMServer, ReactDOM, ReactDOMServer.renderToString 문제: 리액트 서버 렌더링을 구현해보려고 한다. 해결책: 먼저 전반적인 플로우에 대한 개념을 이해하면, 나머지를 적용하기 더 쉬울 것이다. S-1. 서버에 요청이 오면 클라이언트에 내려줄 데이터를 준비한 후, (A) S-2. React 컴포넌트를 사용해 HTML 문자열로 변환해둔다. (B) S-3. 클라이언트에는 데이터 (A)와 HTML 페이지 (B)를 함께 응답한다. C-1. 클라이언트에서는 응답받은 HTML을 출력하고, (B) C-2. 기존과 동일하게 리액트 컴포넌트를 시작하는데, C-3. 서버에서 내.. 공감수 0 댓글수 0 2015. 11. 1.
백본을 리액트로 전환하는 것을 검토 중 발생일: 2015.09.30 키워드: backbone, 백본, react, 리액트, backbone to react 문제: 우리 프로젝트는 백본을 기반해 자체 제작한 프레임워크를 사용하고 있다. 프로젝트를 처음 시작한 때는 2년 전이었고, 당시에 백본은 안정화되기도 했고 트렌드에도 전혀 뒤쳐지지 않은 기술이었다. 최근에는 (백본은 여전히 안정적이지만) 트렌드가 많이 변했다. 리액트가 등장하면서, Virtual DOM 개념으로 MVVM 에서 단일 플로우를 갖는 방향으로 패러다임도 변경되었다고 생각했다. 우리 프로젝트도 리액트로 전환해야 할까... 고민이다. 해결책: 우리 프로젝트는 규모도 있고, 안정화 단계에 들어가서 서비스 중인 상태이다. 개인적으론 코드 품질도 좋은 편이라 생각하고, 거의 대부분의 코드.. 공감수 0 댓글수 0 2015. 11. 1.
Airbnb의 Style Guide 발생일: 2015.09.21 키워드: JavaScript Style Guide, JavaScript Convention, 자바스크립트 스타일 가이드, 자바스크립트 컨벤션 내용: React 가이드를 보다보니 기본적인 스타일은 Airbnb 의 스타일을 따른다고 되어 있다. https://github.com/airbnb/javascript 우리 프로젝트는 구글의 스타일 가이드를 참조해 가이드를 작성해뒀었는데, 에어비앤비의 스타일을 보니 생각했던 범위보다 훨씬 상세하게 가이드를 정리해뒀다. 몇 가지 동의하기 어려운 (이라기 보단 적용하기 싫은 이라고 하는 게 좋겠다) 가이드도 있었고. ㅎㅎ 아래 목록은 가이드 중에 기존 우리가 사용하던 가이드와 다른 몇 가지이다. - 함수를 정의할 땐, 표현식 (function.. 공감수 0 댓글수 0 2015. 10. 13.
React: !important 속성을 가진 스타일의 업데이트 발생일: 2015.06.03 키워드: React, 리액트, important 문제: React 에서 `!important`가 포함된 스타일을 적용하려고 한다. 대략 아래와 같은 코드이다. render() { var style = `{this.props.height} !important`; return ( ); } 헌데, 스타일 적용은 되는데, 변경된 이후에 업데이트가 되지 않는다. 왜일까? 해결책: 확인해보니, React 라이브러리에서 `!important` 를 설정하는 것까진 지원하고 있지만, 해당 속성을 업데이트하진 않고 있다고 한다. 페이스북 내에서도 이 속성을 설정할 지 말지에 대해 논쟁이 있는 것으로 보이고, 2015년 6월 현재 아직 이슈가 해결되지 않은 상태이다. https://github... 공감수 0 댓글수 0 2015. 6. 15.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.