일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Git
- react-query
- PWA
- 정리
- extension
- jwt
- Docker
- nginx
- 로그인
- 배포
- 뷰
- 신상마켓
- vuex
- javascript
- 셋팅
- 회고록
- Firebase
- 프론트
- login
- 플러그인
- 기획
- vsCode
- database
- 토이프로젝트
- express
- AWS
- plugin
- react
- vue login
- vue
- Today
- Total
강디너의 개발 일지
GraphQl 이란 GraphQL가graph나 chart 라이브러리인줄 알았다는 부끄러운 기억을 가지고... 정리해보면서 익히려고 합니다. GraphQL 이란API 가 아닌 쿼리 언어입니다. ex) mysql, nosql GraphQL 의 특징 1. 필요한 데이터만 요청 가능. 2. 단일 엔트포인트 권장. 3. 정보를 Url이 아닌 Query로 전달 예제) REST 같은 경우/get/account/{userId} 유저 정보를 가져오는 API 가 있다면 GraphQL 같은 경우 query{ get{ account(id: "Kang"){ userName age email } } } 이런 식으로 쿼리를 던집니다. 다음 토이프로젝트는 GraphQL 을 써볼 예정입니다.그때 자세하게 더 파보겠습니다. 감사합니다.
Flux 에 관하여 Flux 는 MVC 패턴을 보완할 목적으로 Facebook 에서 만든 아키텍쳐다. React 에서의 Redux, Vue 에서의 Vuex 가 여기서 나온듯 한...? 차이점도 검색해봤는데 아직 이해를 못해서 나중에... Flux 의 중점 : 단방향 데이터 흐름 Flux 패턴의 핵심 요소 1. Store - 애플리케이션의 상태를 저장 - MVC 패턴의 Model 과 비슷하지만Model 과 View 사이의 데이터 흐름이 양방향으로 흐르게 되서 대규모가 되면 복잡도가 커지며 이해하기가 어려워진다. Store 와 View 사이의 데이터 흐름은 단방향으로 흐르기 때문에 각각의 Store 와 View 는 서로 직접적인 영향을 주지 않기 때문에 여러 개의 Store 나 View 를 가지고 있어도 하..
디자인 패턴 : MVC M : Model -> DB, 데이터 등V : View -> 화면에 뿌려지는 HTML, CSS 등C : Controller -> VIe에서 일어난 이벤트를 Controller 를 통해서 Model 에 전달 등 기본으로 아는 사실입니다.. JSP 가 그런 모델입니다. 저는 개인적으로 JSP 를 좋아하지 않습니다. 그 이유는 협업의 경계가 애매해서 좋아하지 않습니다. 피드백 받습니다 !!
Vscode Extension (플러그인) 만들기_3 저번 markdown 파일에서 업그레이드 버전입니다.단어수 체크할 때 Hi 를 계속 호출하기 귀찮으니자동으로 체크해주는 코드입니다. 우선 클래스를 하나 만들어 주고.. class WordCounterController { private _wordCounter: WordCounter; private _disposable: Disposable; constructor(wordCounter: WordCounter) { this._wordCounter = wordCounter; // subscribe to selection change and editor activation events let subscriptions: Disposable[] = []; win..
Vscode Extension (플러그인) 만들기_2 MD 파일의 문자 개수 측정하는 플러그인 예제 vscode page -> https://code.visualstudio.com/docs/extensions/example-word-count 우선 다시 폴더를 만들어주시고 extesion.ts 함수입니다. 계속 Hello World 만 쳐야 하는게 싫어서 Hi 로 바꿔봤습니다. // The module 'vscode' contains the VS Code extensibility API // Import the module and reference it with the alias vscode in your code below import { window, commands, Disposable, Exten..