본문 바로가기

분류 전체보기253

Auth0 Token (ID tokens, Access tokens) { "iss": "http://YOUR_DOMAIN/", "sub": "auth0|123456", "aud": "YOUR_CLIENT_ID", "exp": 1311281970, "iat": 1311280970, "name": "Jane Doe", "given_name": "Jane", "family_name": "Doe", "gender": "female", "birthdate": "0000-10-31", "email": "janedoe@example.com", "picture": "http://example.com/janedoe/me.jpg" } auth0.com/docs/tokens Auth0 Docs Get started using Auth0. Implement authentication for a.. 2020. 10. 15.
만약 고교야구 여자 매니저가 피터 드러커를 읽는다면 | 이와사키 나쓰미 정말 많이 봐왔던 책 제목이다. 그런데도 지금까지 읽지 않았던 것은 피터 드러커를 몰랐기 때문이다. 사실 지금도 잘 모르지만 이 책 덕분에 관심을 가지게 되었다. 피터 드러커의 책을 읽고 야구부를 잘 이끌겠구나 싶었지만 어떻게 하는지 몰랐고 관심도 없었나보다. 하지만 최근에 많은 책을 접하게 되면서 피터 드러커를 알게 되었고, 피터 드러커의 자기경영노트도 샀다. 번역이 매끄럽지 못해 얼마 읽다가 말았다. 나는 이 책이 아니다 싶으면 빠르게 덮고 다른 책으로 옮겨간다. 내용이 잘 들어오지도 않는 책을 보면 졸기 때문이다. 그래서 그 책을 안읽었기 때문에 찬장에 넣기도, 읽기도 애매하게 내 책상위에 진열되어있다. 사진을 보다시피 가지고 다니면서 읽으면 일본 애니에 푹 빠져있는 사람이라고 오해하기 좋은 표지다.. 2020. 10. 14.
미라클모닝 | 할 엘로드 (Hal Elrod) 이 책을 읽은지 시간이 좀 지나서 자세한 부분은 잘 기억이 나진 않는다. 하지만 최근에도 계속 시도하고 있다. 다른 책에서도 책에 밑줄을 긋고, 페이지를 접고... 등의 내용을 추천 해 준 적이 있었지만, 내 성격상 몇번 그러다가 말았다. 하지만 이 책의 프롤로그 마지막 부분에서 저렇게 하라는 글을 보고 바로 시작했다. 그 뒤로 내 소유의 책이면 마음에 드는 부분에 줄을 긋고, 접고 있다. 이렇게 하는 이유는 책을 보존하기 위함이 아니라, 책에서 최대한의 가치를 뽑아내고 나중에 다시 봤을 때 책의 전체를 보지 않고도 중요한 부분만 다시 읽을 수 있기 때문이다. 저자는 건강, 행복, 경제, 인간관계, 경력 등 삶의 모든 방면에서 10등급의 성공을 해야한다고 말한다. 어느 한 부분도 그렇지 못한다면 삶은 언.. 2020. 10. 9.
독서 Blogging 요즘들어 책을 책을 많이 읽는다. 읽고 나서 남는게 있으면 좋을 것 같아서 책에서 좋은 부분에 밑줄을 긋고, 가끔 내 생각도 적고, 그 페이지의 귀퉁이를 접기도 한다. 그런데도 뭔가 허전해서 요즘 블로그에 글도 잘 안쓰는데 합쳐보면 어떨까 싶어 시작하려고 한다. 그리고 읽고 좋았던 책을 다시 꺼내보고는 하는데, 그 부분도 더 쉽게 볼 수 있지 않을까 싶다. 기술서적이든 자기계발이든 분류를 따지지 않고 읽은 책은 모두 적을 생각이다. 2020. 10. 9.
[CSS, mobile] 모바일 웹에서 시스템 폰트에 따라 웹폰트의 크기가 달라질 때 해결 방법 배경 모바일 웹을 다 만들었다. 그런데 갑자기 오류가 있다고 한다. 그것도 JS등의 로직 오류가 아닌 CSS 오류? 그것도 모든 페이지에서? 알고보니 사용자가 휴대폰 자체의 폰트 크기를 키워서 난 오류였다. 알고보니 전의 회사에서도 있던 문제였는데, 잊어버렸다. 다시 알아봐야한다. 그런데 정말 열심히 찾아봤는데 이에 대한 자료가 없다. 그래서 네이버, 사람인 등을 들어가보며 개발자 도구를 열고, 뭐가 다른지 찾아보았다. font-size를 em으로 썼나.. px로 썼나... 다 다른걸 보니 이 문제는 아니다. 어찌됐든 비교하고 비교해서 결국 찾아냈다. width의 문제였다 하지만 거기서도 width를 %로 주냐.. px로 주냐.. 고민했다. 공통점은 display: block인 아이들이었다. width:.. 2020. 9. 4.
개발시 도움을 받는 웹사이트 목록 지금껏 개발하며 도움을 받은 사이트들을 한번 써보고 싶어 정리합니다. 순서에 상관없이 봐주시면 됩니다. 1. https://www.w3schools.com/ 내가 국비지원 학원에서 처음 웹 개발을 배울 때, 강사님께서 알려주신 사이트다. 이후 여기서 많은 예제를 보며 구현하고 싶은 기능을 만들었고, 그 기능을 실습해볼 수도 있다. 간단하게 배우고 싶은 언어가 있으면 간단하게 실습을 해 볼 수도 있다. 2. https://developer.mozilla.org/ko/ MDN Web Docs MDN 웹 문서 사이트는 HTML, CSS, 및 웹 사이트와 프로그레시브 웹 앱을 위한 API를 포함한 오픈 웹 기술에 대한 정보를 제공합니다. 또한 Firefox 개발자 도구와 같은 Mozilla 제품을 위한 개발자 .. 2020. 9. 3.
[CSS] keyframes | slide-in, slide-out 만들기 평소에 CSS에는 관심이 많았지만, animation에는 큰 관심이 없었다. 그런데 잘하고는 싶었다. 그래서 이번에 시간이 조금 남은 관계로 해보려고 간단하게 슬라이드로 화면이 들어오고 나가는 것을 구현해보았다. 배경과 modal 창을 가져올것이다. keyframes 세팅 @keyframes bg1_slideIn{ from{ left: -100%; } to{ left: 0%; } } @keyframes bg1_slideOut{ from{ left: 0%; } to{ left: -100%; } } @keyframes filter_box_slideIn{ from{ left: -100%; } to{ left: 50%; } } @keyframes filter_box_slideOut{ from{ left: 50%.. 2020. 8. 21.
WEB DEVELOPER ROADMAP 2020 (by.kamranahmedse) https://github.com/kamranahmedse/developer-roadmap kamranahmedse/developer-roadmap Roadmap to becoming a web developer in 2020. Contribute to kamranahmedse/developer-roadmap development by creating an account on GitHub. github.com 웹 개발자 로드맵이 있다는 것을 알고 있었고, 그걸 구글로 검색해가며 이미지를 찾아보고는 했었는데 이 분이 만드시고 계시다는걸 알게 되어 글로 남긴다. 2020. 8. 20.
[Joi] Joi.validate is not a function 오류 해결 나온지 조금 시간이 지난 책들을 보면 const result = Joi.validate(body, schema); Joi를 이런식으로 쓴다. 하지만 바뀌었는지 계속 Joi.validate is not a function 이란 오류만 내고 답이 없어서 찾아봤다. 새로운 문법으로 바뀐듯 하다. const validation = schema.validate(body); 이런식으로 schema에 validate함수를 실행하고, 인자로 body를 넣는다. 2020. 8. 17.