본문 바로가기

Programming120

[Vue] Vue Router Vue Router 사용 가이드 베하~! BTC 블랙아웃입니다!! 오늘은 Vue.js 애플리케이션에서 라우팅을 구현하기 위한 Vue Router 사용 가이드를 준비했습니다. Vue Router는 Vue.js 공식 라이브러리로, 페이지 간의 전환, 동적 라우팅, 중첩된 라우트 구조 등을 쉽게 구현할 수 있도록 도와줍니다. 지금부터 Vue Router의 기본적인 사용법과 주요 기능을 알아보겠습니다. 설치 및 설정 Vue Router를 사용하기 위해서는 먼저 설치와 설정을 진행해야 합니다. 아래의 명령어로 Vue Router를 설치합니다. npm install vue-router@3.0.7 저는 vue2를 사용중이기 때문에 3 버전을 사용했습니다. vue3을 사용하시는 경우 4버전을 install 해주세요. .. 2023. 7. 9.
[C#] .NET Winform Event 만들기 예제 베하~! 할배즈....입니다. 오늘은 Winform Event 만들기 예제입니다! 먼저 이벤트란 클래스내에 특정한 일(event)이 있어났음을 외부의 이벤트 가입자(subscriber)들에게 알려주는 기능입니다. C#에서의 이벤트는 event라는 키워드를 사용하여 표시하며, 클래스 내에서 일종의 필드처럼 정의됩니다. // 클래스 내의 이벤트 정의 class MyButton { public string Text; // 이벤트 정의 public event EventHandler Click; public void MouseButtonDown() { if (this.Click != null) { // 이벤트핸들러들을 호출 Click(this, EventArgs.Empty); } } } // 이벤트 사용 publ.. 2023. 7. 7.
안드로이드 앱개발(1) 베하(베스핀 하이라는 뜻 입니다) 비티시 보이즈 입니다! 이번 글에서는 Android application 개발에 대해 알아 보겠습니다. 우선 안드로이드란? 안드로이드는 스마트폰, 태블릿 PC같은 터치스크린 모바일 장치 용으로 디자인된 운영 체제이자 수정된 리눅스 커널 버전을 비롯한 오픈 소스 소프트웨어에 기반을 둔 모바일 운영 체제 입니다. 그리고 안드로이드는 개발자들이 자바와 코틀린 언어로 응용 프로그램을 작성할 수 있게 하였으며, 컴파일된 바이트코드를 구동할 수 있는 런타임 라이브러리를 제공한다. 또한 안드로이드 소프트웨어 개발 키트(SDK)를 통해 응용 프로그램을 개발하는 데 필요한 각종 도구와 응용 프로그램 인터페이스(API)를 제공하고 있습니다~ 그리고 응용 프로그램 즉 애플리케이션을 개발 할.. 2023. 7. 6.
[Python] Pandas 라이브러리 활용하기 안녕하세요 BTC_1Tier팀의 One 입니다! 오늘은 Pandas 라이브러리를 활용하는법에 대해 알아보도록 합시다. 파이썬의 Pandas 라이브러리는 굉장히 많이 들어보셨을텐데요 Pandas는 데이터 조작 및 분석을 위한 파이썬 프로그래밍 언어 용으로 작성된 소프트웨어 라이브러리입니다. 수집된 데이터를 전처리를 하는 과정에서 사용되는 핵심적인 패키지라고 볼 수 있는데요. 판다스의 데이터프레임(DataFrame)을 활용하면 데이터를 표 형태로 처리할 수 있어서, 수집된 데이터의 전처리 등 각종 데이터 핸들링을 쉽고 편하게 할 수 있습니다. 데이터 프레임 (DataFrame) 데이터를 효과적으로 분석하는데 사용되는 테이블 형태의 데이터 구조입니다. 열과 행으로 구성된 2차원 배열로 생각할 수 있습니다. 데.. 2023. 7. 3.
UML : 클래스 다이어그램 표기법 베하! 안녕하세요 일단고 팀입니다! 저번 시간에는 UML 다이어그램의 종류와 특징 및 사용 목적에 대해서 알아보았습니다. 이번 시간에는 여러 종류의 UML 다이어그램 중 클래스 다이어그램에 대해서 자세히 알려드리겠습니다. 클래스 다이어그램 정적 구조 다이어그램으로, 클래스와 클래스가 가지는 속성, 클래스 간의 관계를 표현하여 소프트웨어 시스템의 구조를 분석하고 설계하는 데 사용합니다. 클래스에는 클래스 명, 속성(상태), 메서드(행위)가 존재합니다. 그럼, 클래스 간의 관계를 표현하기 위해 필요한 요소들에는 무엇이 있을까요? 접근 제어자 접근 제어자 표시 설명 public + 외부 클래스가 자유롭게 사용할 수 있습니다. private - 같은 패키지 또는 자식 클래스에서 사용할 수 있습니다. protec.. 2023. 7. 3.
AOP란? 탑신병자 듀오 팀 티모입니다. 오늘은 AOP에 대해서 알아보겠습니다. AOP(Aspect Oriented Programming)은 곧 관점 지향 프로그래밍을 뜻합니다. 이는 애플리케이션 내에서 핵심 로직과 부가 기능을 분리하여, 애플리케이션 전체에 걸쳐 사용되는 부가 기능을 모듈화하여 재사용하기 위해 생겨났습니다. 부가 기능은 핵심 로직을 실행하기 위해서 행해지는 것들이며, 데이터베이스 연결 파일 입출력 모니터링 및 로깅 동기화 오류 검사 및 처리 성능 최적화(캐싱) 등의 다양한 기능들을 뜻합니다. 서로 다른 클래스에서 반복적으로 쓰이는 코드는 수정 시 모든 클래스에 일일이 적용해야 하는 번거로움이 존재합니다. 이 유지 보수를 효율적으로 하기 위한 해결법이 AOP입니다. 각 클래스에 흩어진 기능을 Asp.. 2023. 6. 26.
[Vue]Vuex 핵심 개념 베하~! BTC 블랙아웃입니다!!! 오늘은 이전 포스팅에 이어 Vuex의 핵심 개념을 자세히 알아보겠습니다! Vuex는 상태 관리 라이브러리로 다음과 같은 5가지 핵심 개념을 가지고 있습니다. State Getters Mutations Actions Modules Vuex 설치 및 개념은 이전 포스팅을 참고해주세요! https://btcd.tistory.com/1149 [Vue] Vuex 개념 및 설치 베하~! BTC 블랙아웃입니다!! Vue는 각 컴포넌트마다 상태(data)를 가질 수 있고 컴포넌트끼리 props를 이용해 상태를 전달할 수 있습니다. 그러나 이런 구조는 자식 컴포넌트들의 계층 구조가 복잡해 btcd.tistory.com 1. State 가장 먼저 Vuex의 State에 대해 알아봅시다... 2023. 6. 25.
Keycloak 항상 웃음이 나는 픠식팀 입니다. 오늘은 Keycloak에 대해서 한번 알아 보겠습니다. Keycloak이란? Keycloak은 사용자 인증과 권한 부여를 위한 오픈소스이고 ID 및 액세스를 관리 쉽게 할 수 있도록 제공하는 솔루션입니다. 그리고 오픈 소스이기 때문에 무료로 사용할 수 있고 커뮤니티에서 개발 및 유지보수가 활발하게 이루어지기 때문에 안정성과 신뢰성이 높다고 할 수 있습니다. 다양한 클라우드 환경에서 쉽게 배포할 수 있고 컨테이너 환경에서도 사용할 수 있으며 그리고 Kubernetes, OpenShift와 같은 컨테이너 오케스트레이션에서도 활용할 수 있습니다. 현재는 RedHat의 관리 하에 있습니다. 기능 및 특징 SSO(Single-Sign On) 사용자는 keycloak에 로그인 하면.. 2023. 6. 23.

티스토리툴바