Browsing category: Front-End

  • 2020년 6월 2일

    Chrome NET:ERR_CERT_INVALID 에러 – HTTPS/SSL 체크없이 실행, iterm바로가기 추가

    간혹 크롬에서 signed되지 않은 (self-signed등) SSL을 실행하면 아래와 같이 접속이 불가능할 때가 있다. 사실 인증서가 당연히 안전하지 않은 것이므로 이럴땐 올바른 테스트용 인증서로 작업하는게 정상적인 방법이지만, 매번 SSL 세팅하고 그러는게 여간 번거로운게 아닐때가 많다. 이럴때는 크롬에 certificate체크를 끄면된다. 즉, 인증서 validation을 꺼버리는 것. 크롬을 실행할때 /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome –ignore-certificate-errors 이런식으로 ...

    Read More
  • 2018년 12월 10일

    [NPM/YARN] npm install / yarn install에서 fsevent 관련 에러

    아 주말내내 빡쳐서 진짜 이 에러때메.. 평소엔 잘 되던게 갑자기 그런다. 무슨 fsevent에서 권한이 없다는 얘기도 나오고.. 이건 에러인지 아닌지 간음도 잘 안되고 ㅎㅎㅎ 이 에러는 결국 cache와 npm/yarn 의 캐시 등이 충돌나서 그런 에러로 스스로 판별내렸다. 해결 방법은 그냥 npm과 yarn의 재설치. // 기존 파일 삭제 $ rm -rf ...

    Read More
  • 2018년 6월 9일

    [React-Native] WebView에서 페이스북 로그인 처리하기

    리엑트를 사용하는 이유 중 가장 큰 이유는 아마도 진정한 의미의 one-source-multi-use일 것이다. 패러다임은 크게 바뀌었지만, 그래도 예전에 HTML5가 한창 뜨면서 hybrid web app이 유행한 것과 마찬가지로, PhoneGap이나 Cordova의 그 지속적인 무거움과 세팅에 지쳐가는 사람들이 하나 둘 생각하는 것. 웹 개발 코드를 그대로 앱 개발에도 가져올 수 있다는 생각에서 그렇지 않았을까. ...

    Read More
  • 2017년 6월 23일

    [공부일지] Udemy – Modern React with Redux 완강, 강의정리

    링크: https://www.udemy.com/react-redux 강사: Stephen Grider 강의주제: React, Redux, React-promise 걸린시간: 3일(약 15시간) 평가: 사실 이 강의를 들은건 작년 말인데, 개발에 반년 정도 손떼고 있다보니 ES6부터 해서 리엑트 전부 까먹어서 다시 들었다. 일단 스테판 강의는 일전에도 말했듯이 꽤나 직관적이로 예제 위주라서 따라하기 쉽다. 난이도는 초급 정도이며 초급에 맞게 잘 설명해준다.  강의내용 정리 ...

    Read More
  • 2017년 6월 21일

    [업무일지] Udemy – ES6 Javascript: The Complete Developer’s Guide 완강, 강의정리

    링크: https://www.udemy.com/javascript-es6-tutorial/learn/v4/overview 강의주제: ES6에 대해 다룸. 가격: $10 걸린시간: 2일 (약 6시간) 평가: 꽤나 괜찮은 강의. 모든게 따라하기 식이며, PPT를 쓴다던가 그런거 없음. 다만 가끔 도식화 자료를 통해 설명하곤 하는데 설명이 꽤나 괜찮음. 일단 모든 새로운 feature에 대해 이걸 대체 어디다 쓰는지에 대해 설명해줘서 이해가 쉬움. 강의요약 (내맘대로..) Array Helper Methods ...

    Read More
  • 2017년 6월 21일

    [업무일지] Udemy – ES6 in Practice 완강, 강의 정리

    링크: https://www.udemy.com/es6-in-practice-including-es2016-es2017/learn/v4/overview 강의주제: ES6, ES2016, ES2017 에 대해 다룸 걸린시간: 4일(약 16시간) 평가: 초보자들이 이해하기에는 다소 무리가 있으며, 독일 사람이 강의해서 발음이 조금 쎔. PPT위주이고, 따라하기를 하려 해도 몇배속으로 돌려놔서 힘듬. 강의 스타일이 별로.. 그래도 ES6에 대해서 거의 다 알 수 있음. 사실 이 강의보다 StephenGridder의 강의를 추천함: https://www.udemy.com/javascript-es6-tutorial/learn/v4/overview 강의 정리내용(대충..) Let ...

    Read More
  • 2016년 7월 12일

    개발 근황,

    최근 아키텍처에 대한 고민이 끝남과 동시에, 좀 더 짜임새 있는 프론트앤드 개발을 위해 기존에 개발중인 AngularJS 를 AngularJS 2로 바꾸려고 열심히 공부하고 마이그레이션 하던 도중에 구글의 모 형과 얘기하다가 ReactJS가 최근의 대세이고, 페북에서도 적극적으로 밀고 있다는 말에 주저없이 리엑트로 바꾸기 시작했다. 프론트 컴포넌트야 세 개 정도밖에 되지 않으니 가능한 일이긴 ...

    Read More
  • 2015년 9월 8일

    [Yeoman] Yo 설치 후, grunt serve 에서 compass 에러 발생시 대처방법

    아무래도 내가 베타 버전을 좋아하다 보니, Mac OS X 10.11 Beta 8(El Capitan Beta 8)을 사용하다 보니 생긴 오류이다. Yeoman 튜토리얼 따라하다 보니, grunt serve 를 입력하면 무슨 Compass가 안된다며, 명령어가 자꾸만 없다고 한다. 설치야 뭐 gem install compass로 하면 되것지만, 뭔가 루비 버전이 맥 베타버전과 맞지 않는지 자꾸만 아래 ...

    Read More
  • 2015년 9월 3일

    풀스택 개발환경에 대한 선택

    [왜 스칼라를 비롯한 잡종/순수 함수형 언어가 메이져가 될수 없는가..] 를 보다가 문득 느낀다. 언어적인 관점은 뭐 스칼라가 좋다 자바가 좋다 이런 종교싸움은 별로 껴들고 싶지 않고, 개인적으로는 각각 장/단점이 있다고 생각하며 나는 그냥 실무에서는 자바를 선호하고, 이리저리 테스트 하기에는 스칼라와 Play를 선호하는 편이다. 뭐 그런 상황보다는 댓글을 보다 Concurrency나 Race ...

    Read More
  • 2014년 5월 18일

    [Facebook API 2.0]페이스북 사용자 프로필 사진 가져오기

     꽤나 헤매던 부분이긴 한데, 나같은 경우는 페북 자바스크립트 API를 사용해서 API를 호출하고, 콜백에서 서버로 값을 넘겨주는 방식을 취했다. 다좋은데 사용자 프로필 사진을 어떻게 가져오지.. 보니깐 작은 사진밖에 없고 해서 customized size 를 가져오는데 /{user-id}/picture 는 먹지 않더라. 가까스로 찾아보니  /me?fields=picture.width(160).height(160).type(square)  이를 사용하면  {  “picture”: {    “data”: {      “height”: 160,       “is_silhouette”: false,       “url”: “https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn1/t1.0-1/p160x160/10252028_847314475282860_3647141154237048574_n.jpg“,       “width”: ...

    Read More
Previous
Translate »