분류 전체보기32 181107 TIL 오늘 한 일RESTful API 서버의 부담을 줄이기 위해 ETag에 대해 알아보았다. 기존에 작성해둔 Vue 컴포넌트의 버그해결을 위해 라이프사이클에 대해 다시 공부했다.테스트 주도 개발에 대한 책을 읽었다. 오늘 느낀 점며칠 연속으로 잠을 5시간 미만으로 잔 탓에 체력이 급격하게 저하됨을 느꼈다.프레임워크를 활용할 사람이라면 해당 프레임워크의 라이프사이클의 깊은 이해는 필수라는 생각이 든다. 내일 할 일오전에는 깊은 사고를 요구하는 작업을 하기보다는 정보를 습득하거나 생각을 정리하는 작업들을 하기로 규칙을 정했다. 오전) 테스트 주도 개발관련 도서 정독하기오전) 자연어 처리 - 형태소 분석에 관해 찾아보고 KoNLPy 사용에 관한 예제 실습하기오전) 도메인 주도 개발 (Domain Driven Dev.. 2018. 11. 8. SPA(Vue.js, Angular, React) 소셜로그인 흐름도 Single Page Application + Restful API + 소셜 로그인 (구글, 페이스북, 트위터, 인스타그램 등등) 을 모두 사용하는 웹서비스를 제작중인데,찾아보다가 결과적으로 아래와 같은 인증 흐름을 적용하게 되었습니다. 사진이 안보이면 사진을 클릭해서 확인하시면 됩니다.Vue.js 나 Angular.js, React 에 라이브러리가 없다면 Vuex, Redux와 같은 상태 저장소를 적절히 섞어서 직접 구현하면 됩니다. 중간중간에 REST API (백엔드)서버에서 access_token과 refresh_token을 데이터베이스에 저장하거나, jwt토큰을 어디다 저장하는지 등의 정보는 나중에 포스팅 하도록 하겠습니다.질문있으면 댓글로 남겨주세요. 2018. 11. 6. 처음으로 오픈소스에 기여하다. 본 게시물은 이전 블로그에서 이전한 게시물입니다.최초 작성일은 2018년 6월 7일입니다. Vue 컴포넌트를 짜다가... 자꾸 뭔가가 안되는것이었다. Vue.js 에서 컴포넌트 내 method에서 data에 접근할 수 없는 문제 발생 그래서 찾아보니 공식 Vue.js 한글 문서에는 해당 문제에 대한 경고문구가 존재하지 않았다.비록 한글로 작성이 되어 있진 않았지만, 개발 집단지성의 끝판왕 StackOverflow 를 뒤져보니 해결법이 나와있었다. StackOverflow의 답변에서는 Vue.js의 공식 Document을 참조하고 있길래 링크를 타고 공식 문서를 열어보니 위의 Arrow function 부분이 한글문서에서는 아래와같이 존재하지 않았다. 그래서 이건 생애 처음으로 오픈소스 커뮤니티에 기여해볼.. 2018. 11. 6. Vue.js 에서 컴포넌트 내 method에서 data에 접근할 수 없는 문제 발생 Vue.js 컴포넌트를 정의하던 중, 컴포넌트 내에 method에서 컴포넌트의 다른 메소드와 data의 값을 참조하려니 다음과 같은 오류가 떴다. Uncaught TypeError: Cannot read property of undefined 위의 문제는 여러 문제가 있을 수 있겠으나, 대부분은 ES6의 Arrow function을 써서 생기는 문제이다. 나의 경우 querySearch라는 method를 아래와 같은 방법으로 써서 생긴 문제였다. methods: { querySearch: (queryString, cb) => { .... } } 위 코드를 methods: { querySearch: function(queryString, cb) { .... } } Arrow function을 자바스크립트 .. 2018. 11. 6. 1 ··· 4 5 6 7 8
