강디너의 개발 일지

flask 배포까지의 삽질 ㅠ Flask ImportError: No Module Named Flask 이 오류.... 하아... python을 잘 모르다보니 생긴일 같기도 하고 엄청 삽질을 많이했다. 뷰로 만든 프론트와 flask 로 만든 백엔드를 서버에 배포하려고했는데.... flask 를 서버에 넣고 (py 파일 뿐만아니라 폴더 채로 넣었다) python3 flaskapp/flaskapp.py &

Vscode Extension (플러그인) 만들기_7 음... 어떻게하면 더 편하게 쓸수 있을까 생각하다가 어짜피 번역되서 나오는 값이 1개인데 굳이 선택하게 할 필요가 있을까 ? 라는 생각이 들어서 바로 번역되게 코딩을 해봤습니다.( + 카카오 API 허용량 넘으면 메시지 뜨게끔..) 바뀐점은translationText 함수가 editor 인수를 받게끔 해놨습니다.editor 를 밖으로 꺼내서 this 로 할려했는데 실패.. 그냥 함수를 실행할 때 editor 를 보내줍니다. translationText(editor); function translationText(editor: any) { console.log('-------testCode--------'); const src_lang = 'kr'; ..

Vscode Extension (플러그인) 만들기_6 시간을 많이 투자해서 결국 해냈습니다 ! vscode 내에서 텍스트 선택 후 번역 -> 카카오 번역기 -> vscode 선택한 단어 교체 로 하겠습니다. 완성된 코드는 https://github.com/DinnerKang/korean_translator 에 있습니다. 우선 코드부터 보여드리겠습니다. 설명보다 예제를 더 좋아하기에 ㅎㅎ function translationText() { console.log('-------testCode--------'); const src_lang = 'kr'; const target_lang = 'en'; let query = text; const headers = { 'Authorization': 'KakaoAK ..

Vscode Extension (플러그인) 만들기_5 커맨드 + 시프트 + p 누르지 않고 활성화 시키기위하여 작업해보겠습니다 ! 아 우선.. 함수 이름 바꿀께요 ~sayHello 였는데 언제까지 그대로 쓸순 없잖아요 ? package.json 파일을 수정해줍니다.json 파일은 주석이 안되기 때문에 지워주세요 !(설명을 위하여 적었습니다) 결과 ! 관련 문서 일부 입니다. menus -> 의 editor / context 를 이용하여 작성합니다. https://code.visualstudio.com/docs/extensionAPI/extension-points#_contributesmenus vscode extension 만드는데 문서가 생각보다 길고 많고.. 검색을 뭐라고 해야할지도 애매해서 찾기 힘..

프론트부터 배포까지 기획_v2 기획 v_2 프론트 기획 !

Vscode Extension (플러그인) 만들기_4 본격적으로 코드를 직접 수정해볼껍니다. 참고 자료https://github.com/sculove/translator/blob/master/src/extension.ts 위의 코드를 보면서 작성하며 익혔습니다. 1. 선택한 텍스트 정보 얻기2. 선택한 텍스트를 번역? 할 준비하기 'use strict'; import { window as vswindow, commands, ExtensionContext, Range, } from 'vscode'; export function activate(context: ExtensionContext) { console.log('Congratulations, your extension "hello-world" is n..

기획_v1 로그인, 상품 리스트, 상품 추가삭제, 장바구니 기능

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 를 좋아하지 않습니다. 그 이유는 협업의 경계가 애매해서 좋아하지 않습니다. 피드백 받습니다 !!