전체 글30 [Vue.js 3.0] vuex (3) vuex 는 Vue.js애플리케이션에 대한 상태 관리 패턴 + 라이브러리 입니다. 모든 컴포넌트에 대한 중앙 집중식 저장소 역할 1) 설치 및 설정 https://eehnuyh.tistory.com/8 환경 설정을 Manually select features으로 진행 했을시 설치 항목은 넘어가도 됩니다. 1. PS D:\831228 EEH\EEH\EX\VUE\exui> npm i -save vuex 2. 폴더 및 store 파일 생성 (index.ts or index.js) 3.main.ts,main.js에 사용 선언 import { createApp } from 'vue'; import App from './App.vue'; import router from './router'; import store.. 2023. 3. 21. [Vue.js 3.0] Vue Router (2) Vue Router 는 Vue.js의 공식 라우터 입니다. 페이지를 서버에 요청하는 것이 아니라 해당 페이지를 받아 놓고 갱신 하는 SPA(Single Page Application) 방식으로 구동 됩니다. 1) 설치 및 설정 https://eehnuyh.tistory.com/8 환경 설정을 Manually select features으로 진행 했을시 설치 항목은 넘어가도 됩니다. 1. PS D:\831228 EEH\EEH\EX\VUE\exui> npm i -save vue-router 2. 폴더 및 router파일 생성 (index.ts or index.js) 3. main.ts ,main.js 에 라우터 사용 선언 import { createApp } from 'vue'; import App from.. 2023. 3. 21. [Vue.js 3.0] 환경 설정 및 프로젝트 생성 (1) 1) Visual Studio Code 설치 https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. code.visualstudio.com 2) Node.js 설치 https://nodej.. 2023. 3. 16. [C#/WPF]네이버 연관 검색어 프로그램 7(WPF UI : 결과) 네이버 API 및 11번가 Open API를 이용해 키워드 검색프로그램을 만들면서 개발의 방법 및 스킬을 늘리는게 목적입니다. 기본 베이스가 되는 프로그램 언어는 c#(WPF)로 진행 할 생각 입니다 1) WPF UI 프로젝트 생성 EEH.DLL,EEH.WPF.DLL 참조합니다.(이전 시간에 만들었던 공통 프로젝트를 사용하기 위해 참조) UI 디자인을 위해 NuGet에서 ModernUI.CoreWPF 를 참조 합니다. (1) App.xaml ModernUI Theme 적용을 위에 App.xaml 파일에 Application.Resources 를 추가 합니다. using FirstFloor.ModernUI.Presentation; using System; using System.Collections.Gen.. 2023. 3. 15. [C#/WPF]네이버 연관 검색어 프로그램 6(WPF 공통) 네이버 API 및 11번가 Open API를 이용해 키워드 검색프로그램을 만들면서 개발의 방법 및 스킬을 늘리는게 목적입니다. 기본 베이스가 되는 프로그램 언어는 c#(WPF)로 진행 할 생각 입니다 1) WPF 공통 프로젝트 생성 기존 EEH 프로젝트에 WPF 폴더 생성후 BaseViewModel.cs MVVM Base ViewModel 클래스 BaseCommand.cs ICommand 상속 받은 BaseCommand 클래스 WPF 관련 공통 프로젝트 입니다. PasswordHelper.cs 패스워드 바인딩 관련 클래스 2023. 3. 14. [C#/API]네이버 연관 검색어 프로그램 5(API 연동(2): 제품 등록수_네이버,11번가,인터파크) 네이버 API 및 11번가 Open API를 이용해 키워드 검색프로그램을 만들면서 개발의 방법 및 스킬을 늘리는게 목적입니다. 기본 베이스가 되는 프로그램 언어는 c#(WPF)로 진행 할 생각 입니다. 1) IOpenApi.cs 인터페이스 생성 Compont/Ecommerce/EcommerceType.cs Compont/Ecommerce/IOpenApi.cs Compont/Ecommerce/OpenApi11st.cs Compont/Ecommerce/OpenApiNaver.cs Compont/Ecommerce/SearchInterpark.cs 네이버,11번가,인터파크 에서 각각의 제품수를 가지고와서 보여줄 생각 입니다. 같은 페턴을 데이터이고 추가로 확장을 생각하여 interfaceI OpenApi와 en.. 2023. 3. 13. [C#/API]네이버 연관 검색어 프로그램 4(API 연동(1): 네이버 연관 키워드) 네이버 API 및 11번가 Open API를 이용해 키워드 검색프로그램을 만들면서 개발의 방법 및 스킬을 늘리는게 목적입니다. 기본 베이스가 되는 프로그램 언어는 c#(WPF)로 진행 할 생각 입니다. 지금 부터는 네이버 연관 검색어/네이버 제품 등록수/옥션 제품 등록수/인터파크 제품 등록수를 각 사이트에서 제공해주는 API를 가지고 데이터를 가지고 오는 부분을 진행 하겠습니다. 1) 네이버 광고 API 연동(연관검색어) 해당 API는 검색한 키워드와 연관된 키워드,클릭수,조회수등의 정보를 가지고 올수 있습니다. 네이버 키워드 연관검색 API 호출을 위해서는 CUSTOMERID,엑세스라이선스,비밀키가 필요합니다. (https://eehnuyh.tistory.com/1) NuGet 에서 System.Con.. 2023. 3. 12. [C#/API]네이버 연관 검색어 프로그램 3(공통프로젝트(2):Extentions,QueueAsync Class) 네이버 API 및 11번가 Open API를 이용해 키워드 검색프로그램을 만들면서 개발의 방법 및 스킬을 늘리는게 목적입니다. 기본 베이스가 되는 프로그램 언어는 c#(WPF)로 진행 할 생각 입니다. 3) Extenstions.cs ,CommonUtils.cs . Extenstions 클래스는 확장 메서드 클래스 입니다 확장 메서드는 기존 클래스의 기능을 확장하는 메서드 입니다. 제 경우에는 자주 사용하는 기본 유틸성 기능을 확장 메서드로 사용하였습니다, 확정 메서드 생성 방법은 1) Static calss 생성 2)Static Method 생성 3)첫 번째 매개변수 (this 로확장 하고자 하는 객체를 지정) 4) 확장 메서드 사용시 확장 메서드의 네임스페이스 선언하면 확장 메서 노출 됩니다. 3) .. 2023. 3. 12. [C#/API]네이버 연관 검색어 프로그램 2(공통프로젝트(1):Rest API Class) 네이버 API 및 11번가 Open API를 이용해 키워드 검색프로그램을 만들면서 개발의 방법 및 스킬을 늘리는게 목적입니다. 기본 베이스가 되는 프로그램 언어는 c#(WPF)로 진행 할 생각 입니다. 1) 공통 프로젝트 생성 유틸 및 코어 공통 코드를 관리하는 프로젝트 생성(앞으로 모든 제품에 공통으로 사용할 예정 입니다) (지금 단계에서는 확장 클래스 및 Rest API Handler Class 생성) RestAPI 폴더 생성 해주세요 RestAPIClient.cs 클래스 파일 생성해주세요. 2) RestAPIClient.cs 코드 using Newtonsoft.Json; using Newtonsoft.Json.Serialization;//네임스페이스 선언(DefaultContractResolver .. 2023. 3. 12. [C#/API]네이버 연관 검색어 프로그램 1(환경 설정 및 API 신청) 네이버 API 및 11번가 Open API를 이용해 키워드 검색프로그램을 만들면서 개발의 방법 및 스킬을 늘리는게 목적입니다. 기본 베이스가 되는 프로그램 언어는 c#(WPF)로 진행 할 생각 입니다. 1) Visual Studio 설치 Community 2022 다운로드 후 설치 https://visualstudio.microsoft.com/ko/ 2) 네이버 광고 API 신청 신청 URL https://manage.searchad.naver.com/ CUSTOMER_ID,엑세스라이선스,비밀키 따로 저장하여 관리 합니다. 3) 네이버 Open API 신청 신청 URL https://developers.naver.com/apps/#/list 애플리케이션 이름 입력, 사용 API 선택(검색),웹서비스 UR.. 2023. 3. 10. 이전 1 2 다음
