본문 바로가기

분류 전체보기

(131)
PR 날릴 때마다 번들 사이즈 측정하는 법 | size-limit, compressed-size-action size-limit 사용 계기 리액트 번들 사이즈 최적화 Bundle Size 최적화 참고: https://dev.to/mbernardeau/6-tips-to-optimize-bundle-size-50n9 default import 사용 default import와 member style import(global import) 했을 때 가져오는 파일 사이즈가 다르다... another-light.tistory.com 이전 포스팅에서는 bundle analyzer로 분석해 덩치가 큰 라이브러리를 가벼운 것으로 대체했다. 이렇게 사후약방문하기보다는 미리 번들 사이즈가 커지는 것을 예방할 방법이 없을까? analyze로 일일이 번들 사이즈를 추적하지 않고, PR을 날릴 때 기존보다 번들 사이즈가 얼마나 많아졌..
2021.03.03 수요일 [ ] 아침 명상 [x] 저녁 명상 [x] 운동 0.5 [x] 독서 0.5 [x] 드로잉 0.5
2021.03.02 화요일 - [x] 아침 명상 - [x] 저녁 명상 - [x] 공부, 포스팅 (3) - es6 javascript & modular javascript - [x] 운동(0.5) - [x] 독서(1) - [x] 드로잉(0.5)
2021.03.01 월요일 - [x] 아침 명상 - [x] 저녁 명상 - [x] 운동(1) 죽을뻔 - [ ] 독서(1) - [x] 나작앱(3) - [x] 드로잉(0.5)
2021.02.28 일요일 [x] graphql deisgn tutorial 재번역
graphql-design-tutorial 번역 | 1년이 넘어 다시 본.. graphql-design-tutorial graphql schema를 어떻게 설계할 것인지에 대한 shopify의 튜토리얼 문서이다. 우리 팀에서 이 문서의 내용을 차용해 graphql schema를 설계했기 때문에 문서를 읽는 것이 스키마를 이해하는 데 많은 도움이 되었다. Shopify/graphql-design-tutorial Shopify/graphql-design-tutorial Contribute to Shopify/graphql-design-tutorial development by creating an account on GitHub. github.com 돌아본 계기 입사 초기에 CTO님이 이 문서를 알려주셔서 graphql도 배우고 영어도 공부할 겸 번역을 했었다. 현재까지는 한국어, ..
불곰의 주식투자 불패공식 | 투자의 바른 길 - 평균수익률 60% 이상 재테크, 공부해야 한다. 이전에 어떤 영상에서 '김앤장에 다니는 변호사가 오히려 재테크에 더 어둡더라'는 말을 들은 적 있다. 너무 바빠서 재테크를 공부할 시간도 없고, 많은 돈을 쌓아놓기만 하는 것이다. 미리 공부해두지 않으면 요즘처럼 주식이나 코인이 유행하면 급한 마음에 다른 사람들을 따라 미인주나 테마주에 투자를 하게 된다. 남들따라 자신의 돈을 투자하는 것은 도박이나 다름 없다. 따라서 유행에 휘둘리지 않으려면 계속해서 탁마(琢磨)해야한다. 나 역시 직장에 다니기 전에는 재테크의 ㅈ도 몰랐다. 취직 후 돈이 생기자 쌓이는 돈을 어찌해야 할 줄 몰라서 재테크를 공부하기 시작했다. 재테크 관련 책, 유튜브, 팟캐스트를 접하고 재무설계도 받으면서 내 돈에 대해 더욱 관심을 가져야 겠다고 생각했다. 불곰..
[dart] 타입 캐스팅, 옵셔널 체이닝 | type casting + optional chaining type 'A' is not a subtype of type 'B' 아래와 같은 오류가 뜬다. final List authors = json['authors'] // 에러 => type 'List' is not a subtype of type 'List' json['authors'].runtimeType 을 로깅해서 봤더니 List 이라고 떴다. 만약 실제로 String 타입이 오고 dart가 이를 모르는 상황이라면 타입 캐스팅을 위해 아래처럼 바꿔주면 된다. (하지만 타입이 정말 다른 경우는 똑같은 에러가 발생할 것이다.) optional chaining optional chaining은 null이 올 수 있는 객체라면, null이 아닐 때만 그 안의 method나 값을 꺼낼 수 있게 해주는 것이다. ..
[flutter] graphql code generator | artemis 사용 방법과 장단점 model, fromJson 노가다 flutter에서 model 클래스 정의하고, json serializer를 일일이 만들어줘야하는 게 불편했다. 데이터를 가져올 때마다 매번 이래야하니 귀찮아 죽을 것 같았다. 🤯 두번째 모델을 만들려다가 flutter에도 왠지 graphql-code-generator 같은 비슷한 라이브러리가 있을 것 같았다.아니나 다를까 3개 정도가 있었는데 그 중 artemis가 document도 잘 정리되어있고 star 수도 많아 쓸만해보였다. Artemis 아르테미스는 graphql 파일을 찾아 dart 파일을 생성해주는 code generator 기능이 있고 ArtemisClient로 graphql 쿼리도 날릴 수 있다. artemis는 아폴론(apollo)의 쌍둥이 여동생인..
[dart] what is factory? | 싱글톤 패턴 singleton pattern class what is factory? flutter에서 모델 클래스를 만들 때 아래 같은 코드가 자주 사용된다. 그런데 factory라는 것을 dart에서 처음 봤다. factory 키워드는 무엇이고 어떤 역할을 할까? class Book { final String title; final String description; Book({this.title, this.description}); factory Book.fromJson(Map json) { return Book( title: json['title'], description: json['description'], ); } } singleton pattern Use the factory keyword when implementing a constructo..