일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- VUE
- Node.js
- It
- ELECTRON
- Ramda.js
- ECMAScript6
- 프로그래밍
- Front-End
- graphql
- 개발
- JavaScript
- VanillaJS
- react.js
- 프론트엔드
- goorm.io
- 자바스크립트
- 리액트
- React
- 코딩
- vue.js
- schema-first
- 디자인패턴
- code-first
- Funtional programming
- Design Pattern
- angular
- apollo client
- Programming
- 함수형
- context api
공부하는 블로그
Vue 하다가 React 하는 개발자 이야기 5 오늘은 글을 두 개 씁니다. 제 친구가 리액트의 상태 관리에 대해 의견과, 아폴로 클라이언트 상태 관리에 대해 코드 공유를 해주었습니다. 짧게 공유해보고자 합니다. // local state 지정 const initialData: IsLoggedIn = { isLoggedIn: !!getToken(), } cache.writeData({ data: initialData }); // 불러오기 const { data } = useQuery(IS_LOGGED_IN) const isLoggedIn = !!data?.isLoggedIn // Query export const IS_LOGGED_IN = gql` query IsLoggedIn { isLoggedIn @..
Vue 하다가 React 하는 개발자 이야기 4 1. 오전 스크럼 미팅을 하면서 동료분이 redux를 선택하길 잘 한거 같다는 피드백을 주셨습니다. 예전에 리덕스를 사용할 때는 장황하고 복잡하게 코드를 짰었는데, 다시 보니 깔끔한 코드 관리가 가능했다고 합니다. 앞으로도 이런 기술적인 논의와 연구가 지속될 수 있다면 좋겠습니다. 2. React + apollo + hooks로 작업하면서 놀랐던 점은 async / await을 쓰지 않았다는 점입니다. 비동기 요청이 분명 일어날텐데, 코어에서 어떻게 처리한걸까요? 😀 3. 이 조합을 쓰면서 비동기 처리에 대한 부담이 줄어들어서 초보자들도 좀더 쉽게 웹 개발을 접할수 있겠다는 생각이 들었습니다. 4. 그러나 한편으로는 비동기 처리에 대한 이해가 없는 개발자들..
Vue 하다가 React 하는 개발자 이야기 3 오늘은 동료 개발자분이 작업하던 도중에 SSR 관련 이슈를 만나셨다고 합니다. 현재 프로젝트가 Next.js 로 구성되어 있는데, 동적 라우팅이 되는 페이지에서 문제가 발생한다고 합니다. (문제가 정확히 기억이 안나네요) 개인적으로 관리자 페이지를 작성하는데 Next.js 를 쓰게 된 것이 이해가 되지는 않았습니다. SSR이 필요하지도 않고, 오히려 추가적인 관리 포인트가 더 늘어나기 때문입니다. 코드 레벨에서는 물론이고 인프라 레벨에서도 관리할 것들이 더 늘어납니다. 그래서 아직 프로젝트가 초기 단계이니, 일반 클라이언트 사이드 앱으로 전환 하는 것이 어떤지 제안했습니다. 프로젝트가 더 커지면 아마 그때는 CSR로 전환하기는 더 어려워질지도 모르기 때문입..