tkhwang/readable

anti-social social bookmark and much more...

Hi 👋, I'm tkhwang

• ⚒️ I’m building the system using TYPESCRIPT(JAVASCRIPT).
• 🌱 I want to DEVELOP something FUN and USEFUL.
• 🔥 Now I'm studying the basic again : data structure, algorithm and unit testing to make my code better.

Key skills

• Language : Typescript, Javascript, and now studying (Java, Kotlin)
• Backend : Nest.js, GraphQL, typeorm, express.js
• Frontend : react.js, hooks, react-query, jotai, redux, mobx
• DevOps : AWS (EC2, ECS, Lambda, Cloudfront, RDS, ...), Heroku, Netlify, ...
• Security (mobile and iot device security) and Blockchain (bitcoin, etherium), ...

| |

readable's Issues

(frontend) react.js configuration

• Apollo client
• Apollo codegen
• Webpack - 지속적으로 추가 예정
• Storybook
• Tailwind
• next.js in nx
• codegen in nx next.js
• ...

Code starter check

Monorepo tool selection

• NX : https://nx.dev/
• Lerna : https://lerna.js.org/

위의 둘 중의 하나를 선택해서...

• nest.js
• create react app

으로 기본 구조 잡을 예정임.

References:

• https://github.com/sysgears/apollo-universal-starter-kit

[backend] MySQL/typeORM based cursor pagination (relay) setup

Bookmark

Heroku memo shortage issue

2021-07-05T13:14:58.902045+00:00 heroku[web.1]: Process running mem=546M(106.7%)
2021-07-05T13:14:58.941411+00:00 heroku[web.1]: Error R14 (Memory quota exceeded)

Free memory 512MB

1G Standard X2 써야하나 ?

AWS EKS 준비하는데는 좀 시간 걸릴 것 같은데...

[backend] Google OAuth login 시에 refreshToken 이 올라오지 않음.

• 최초 OAuth 연동 시
• accessToken 과 함께 refreshToken 을 받아야 하는데...
• refreshToken 이 오지 않음.

calendar API 이용 시에 필요함. T_T;

https://stackoverflow.com/a/10857806/2453632

Which UI library will be used ?

• material ui : https://material-ui.com/
• bootstrap: https://react-bootstrap.github.io/
• antd design : https://ant.design/
• ChakraUI : https://chakra-ui.com/
• ...

Use DataLoader for GraphQL fieldResolver

• https://github.com/graphql/dataloader

[backend] heroku 대신 다른 backend cloud 구축해보기

• vultr.com 에 한 달에 만 원짜리 테스트
• domain name 구입 : readable.life 천원짜리
• SSL 설정 중.
• 연동 확인 : vercel frontend + vultr backend

(backend) nest.js configuration

• GraphQL
• RDB - Mysql on RDS
• TypeORM configuration
• Exception handler
• ...

project configuration

• typescript
• lint
• prettier
• Absolute path import
• ...

[backned] elasticsearch 이용한 검색 system 구축

• 검색 system

Console.log not working

• 브라우저(크롬)에 console.log 안찍히는 이슈

I can't reference an image in Next.js

• image 못가져오는 이슈

Use absolute path in typescript

• webpack 을 꼭 써야 하나 ?
• tsconfig-paths 로 가능 ?

https://medium.com/@jsh901220/typescript-node-absolute-path-5782b584e368

북마크 저장 시 에러나는 사이트 정리

• https://www.kakaocorp.com/page/

TCL: AddUserBookmarkWithAuthUsecase -> execute -> recommendations [ { tag: 'test', recommendedUserBookmarks: [ [UserBookmark] ] } ]
[Nest] 15791   - 09/17/2021, 9:57:29 PM   [ExceptionsHandler] Invalid URL: //www.kakaocorp.com/page +32626ms
TypeError [ERR_INVALID_URL]: Invalid URL: //www.kakaocorp.com/page
    at onParseError (internal/url.js:279:9)

Login page

• design
• Social login
  • Google
  • Facebook
  • Github
  • Kakao talk ?

Draft Layout

[backend] Pagination 오류 수정하기

• pagination 의 after parameter timezone issue 확인해보기

[common] team 계정 공유

공유 계정을 bitwarden 이용하여 공유

• : readable google account 만들기
• : infra 를 이 계정으로 만들기
• : bitwarden 이용한 계정 공유