• React와 React Native의 코드 공유의 한계

    최근 열심히 리엑트를 실무에 적용하며, 어느정도 코어 코드가 나와서 이를 바로 리엑트 네이티브로 변경하려고 해봤다. 사실 리엑트를 사용하는 이유 자체도 스스로가 앱 개발에는 자신이 없었으며 웹으로 반응형 웹 적용해 두면 작은 화면에서도 열심히 나오지 않겠는가 해서 예전에 앵귤러 쓰다 ionic으로 바로 변경하려 했는데 JS들 때문에 결국 실패, 모듈화와 top-down구조도 마음에 ...

    Read More
  • [React-Redux] redux-react-session 사용시 페이지 새로고침에도 default Header 값 유지하기

    Redux-react-session을 이용시, 사용자 인증(로그인, 토큰 관리)을 라이브러리를 통해 하게 된다. 내 경우는 로그인 처리시에 완료 후, axios (RESTful API for React) 에 default header를 세팅하게 된다. AngularJS를 사용할 때 $resource를 사용하던 버릇이랄까. export function signinUser(headers, callback) { return function(dispatch) { axios.get(`login`, {headers}) .then(response => { const {token, userinfo} = response.data ...

    Read More
  • [React-Redux] redux-react-session 사용, 페이지 새로고침시 계속해서 redirected되는 현상

    리엑트는 라이브러리가 은근 많아서 사용하기 편한 경우가 있다.  앵귤러 사용때는 세션이나 토큰 관리를 수동으로 만들어 줬어야 했는데, 리엑트는 리덕스를 사용해서 State를 관리하다 보면 세션이 헷갈리는 경우가 많다. 그러다가 찾은 리액트와 리덕스를 사용하는 세션관리 라이브러리. 나 같은 경우는 리엑트-리덕스의 세션 관리 (사용자 정보, 토큰)를 위해 Redux-React-Session 이 라이브러리를 사용중이다. 다른건 다 좋은데, /Dashboard ...

    Read More
  • 공부할 것들

    Udemy – React, Redux, React-Native, GraphQL, Webpack 2 ES6 in Practice: https://www.udemy.com/es6-in-practice-including-es2016-es2017/learn/v4/ ES6 Javascript: The Complete Developer's Guide: https://www.udemy.com/javascript-es6-tutorial/learn/v4/ Modern React with Redux: https://www.udemy.com/react-redux/learn/v4/ Advanced React with Redux: https://www.udemy.com/react-redux-tutorial/learn/v4/ Webpack 2: The Complete Developer's Guide: https://www.udemy.com/webpack-2-the-complete-developers-guide/learn/v4/ GraphQL with React: The Complete Developer's Guide: https://www.udemy.com/graphql-with-react-course/learn/v4/ Learn by Example: Scala: https://www.udemy.com/learn-by-example-scala/learn/v4/ Learn To Build Apps Using Play Framework: https://www.udemy.com/learn-to-build-apps-using-play-framework/learn/v4/ Coursera ...

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

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

    Read More
  • [업무일지] 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
  • [업무일지] 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
  • 개발 근황,

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

    Read More
  • 조대협님의 책을 읽고(부제: 풀스택 개발자로서의 반성)

    최근, 미국에서 개인적으로 큰 이슈가 마무리되고 생각보다 엄청나게 자유로운 기분에 그간 쌓아만 두었던 책을 읽기 시작했다. 그 중, 그간 가장 읽고 싶었던 조대협님의 저서인 '소프트웨어 개발과 테스트' 와 '대용량 아키텍처와 성능 튜닝' 을 이번 주말을 할애하여 전부 읽었는데 감상평을 짧게 요약하면 '왜 이제 봤을까'라는 생각이다. 조대협님을 알게 된 것은 (물론 오프라인에서는 ...

    Read More
  • [Slick 3.1.1+Play 2.4.6] Slick에서 MySQL의 DateTime처리하기 + 부분 Column만 Insert하기.

    제목 그대로, 한 하루정도 삽질했는데 하도 한글 레퍼런스부터 영문까지도 잘 없어서 포스팅한다. 솔직히 말해 플레이 레퍼런스 없어도 너무 없다. 스칼라 자체는 좀 많은데, 플레이는 자바는 좀 있어도 스칼라 자체는 없으니.. 플레이 하며 프레임워크적인 것은 그렇다 쳐도 대부분은 사실 스칼라 언어의 이해적인 문제이니.. 뭐 implicit나 Future같은 것들 말이다 ㅎㅎ 결국 기본적으로 ...

    Read More