[Redis] 2장 Redis 클라이언트 설정

1. Redis 설치 및 클라이언트 설정지난 시간에 nodejs를 사용해 redis 서버를 구성해보았습니다. 이번 시간에는 전 포스팅과 같이 nodejs로 redis 서버를 설정하고 CRUD 기능을 추가해보도록 하겠습니다. 아래 명령어로 새 Node.js 프로젝트를 생성합니다.npm init -y redis를 구성하기 위해 필요한 기본 Node 라이브러리 설치가 필요합니다. 아래 명령어로 라이브러리를 설치합니다.npm install express redis2. Redis 클라이언트 설정프로젝트 디렉토리에 index.js 파일을 생성 후 아래와 같은 코드를 추가합니다.// node-js settingconst express = require("express");const { createClient } = ..

• format_list_bulleted Database/Redis
• · 2025. 3. 9.
• textsms

[Angular] 1장 Angular란?

1. Angular 2016년 9월 14일 약 8년 전 Google(구글)은 Angular를 출시합니다. Angular는 오픈 소스 웹 애플리케이션 플랫폼으로, 주로 단일 페이지 애플리케이션(SPA: Single Page Application)을 만드는 데 사용하는 언어입니다. Angluar의 특징으로는 아래와 같습니다.모듈화: Angular는 애플리케이션을 모듈로 나누어 관리할 수 있어, 코드의 재사용성 및 유지보수성을 높임양방향 데이터 바인딩: 모델과 뷰 간의 데이터 변경이 자동으로 반영되어 개발자가 수동으로 DOM을 업데이트 할 필요가 없음 의존성 주입: 컴포넌트 간의 의존성을 관리해 코드의 유연성을 높이고 테스트에 용이함Typescript 사용: Typescript로 작성된 코드로 인해 정적 타입..

• format_list_bulleted Front-End/Angualr
• · 2025. 3. 9.
• textsms

[Sass] 1장 Sass란?

1. Sass란?Sass(Syntactically Awesome Styles Sheets)는 CSS의 전처리기(preprocessor)로, CSS를 더욱 쉽게 작성하고 관리할 수 있는 라이브러리입니다. Sass의 기능으로 CSS를 더욱 확장하고, 코드의 재사용성을 높여 유지보수를 더욱 용이하게 해주며 프로젝트 최적화를 위해 사용해볼만한 라이브러리 입니다. Sass의 특징으로는 다음과 같습니다. 변수 사용: 색상, 폰트, 크기 등을 변수로 정의해 재사용할 수 있음중첩(Nesting): CSS 선택자를 중첩해 구조를 더욱 명확하게 표현믹스인(Mixin): 반복되는 스타일을 재사용할 수 있도록 정의할 수 있음상속(Inhreitance): CSS 클래스 간의 상속을 통한 코드 중복을 줄일 수 있음함수: Sass..

• format_list_bulleted Front-End/SASS
• · 2025. 3. 9.
• textsms

[Windows] 3장 Windows 추천 프로그램

1. Slack (협업 프로그램) Slack - Windows에서 무료 다운로드 및 설치 | Microsoft StoreSlack은 기업의 규모와 상관없이 팀 커뮤니케이션과 협업을 위한 하나의 공간을 제공하여 더 많은 일을 할 수 있도록 지원합니다. 할 일을 적어 둔 목록을 하나씩 지워나가고 알맞은 사람들, 대화apps.microsoft.com2. FireFox (브라우저) Mozilla Firefox - Windows에서 무료 다운로드 및 설치 | Microsoft Store여러분에게 중요한 것을 먼저 생각하는 브라우저 광고주를 위한 복잡한 개인 정보 보호 정책이나 백도어가 없습니다. 여러분을 상품으로 취급하는 브라우저가 아닙니다.apps.microsoft.com3. 7-zip (다양한 형식 폴더 압축..

• format_list_bulleted OS/Windows
• · 2025. 3. 9.
• textsms

[Vue] 5장 상태관리

1.Vue 상태관리 Vue.js에서 상태를 관리하는 애플리케이션으로 Vuex를 사용할 수 있습니다. Vuex는 Vue.js 애플리케이션을 위한 상태 관리 패턴이자 라이브러리로, Vuex를 사용하면 컴포넌트 간에 공유되는 상태를 중앙 집중식으로 관리할 수 있습니다. Vuex의 주요 구성 요소로는 다음과 같습니다.State: 애플리케이션의 상태를 저장하는 객체 Getters: 상태를 계산하여 반환하는 메서드로, 컴포넌트에서 상태를 쉽게 가져올 수 있도록 도움Mutations: 상태를 변경하는 유일한 방법으로, 동기적으로 상태를 변경 Actions: 비동기 작업을 처리하고, 그 결과로 mutations을 호출하여 상태를 변경Modules: Vuex 스토어를 모듈화하여 큰 애플리케이션의 상태를 관리2. Vuex..

• format_list_bulleted Front-End/VueJS
• · 2025. 3. 8.
• textsms

[Java] 7장 인터페이스

1. 인터페이스(Interface)Java에서 인터페이스는 클래스가 구현해야 하는 메서드의 집합을 정의하는 일종의 계약으로, 인터페이스는 다중 상속을 지원하며, 코드의 재사용성과 유연성을 높이는 데 중요한 역할을 합니다. 인터페이스는 interface 키워드를 사용해 정의합니다. 인터페이스는 메서드의 시그니처(이름, 매개변수, 반환 타입) 만을 포함하고, 구현(바디)은 포함하지 않습니다.interface Soccer { void dribble(); // 드리블 void kick(); // 슛 void handle(); // 펀칭 void success(); // 펀칭 성공공} 2. 인터페이스 구현하기인터페이스를 구현하는 클래스는 implements 키워드를 사용하여 인터페이스의 ..

• format_list_bulleted Back-End/Java
• · 2025. 3. 8.
• textsms

[Rust] 6장 에러 처리

1. Result 타입Result 타입은 성공과 실패를 표현하는 열거형(Enum)으로, 두 가지 변형이 있습니다.Ok(T): 성공적인 결과를 포함Err(E): 에러를 포함fn divide(a: f64, b: f64) -> Result { if b == 0.0 { Err(String::from("0으로 나눌 수 없음")) } else { Ok(a/b) }}fn main () { match divide(10.0, 2.0) { Ok(result) => println!("Result: {}", result), Err(e) => println!("Error: {}", e) } match divide(10.0, 0.0) { Ok(result) =>..

• format_list_bulleted Back-End/Rust
• · 2025. 3. 8.
• textsms

[Ruby] 7장 파일 입출력

1. 파일 쓰기(Writing to a File)루비에서 파일에 데이터를 쓰기 위해 File.open 메서드를 사용합니다. 모드에 따라 파일을 생성하고 내용을 쓸 수 있습니다. "w" 모드는 파일을 새로 만들거나 기존 파일을 덮어씁니다.# 파일 쓰기File.open('write-file-result.txt', "w") do |file| file.puts("Hello World, Ruby!") file.puts("File Write Studying!")end2. 파일 읽기 (Reading from a File)파일에서 데이터를 읽기 위해서는 역시 File.open 메서드를 사용합니다. 읽기 모드로 열면 파일의 내용을 읽을 수 있습니다. "r" 모드는 파일을 읽기 전용으로 읽습니다.# 파일에서 읽..

• format_list_bulleted Back-End/Ruby
• · 2025. 3. 8.
• textsms

[MySQL] 7장 주요 SQL(Structured Query Language)

1.SQL 주요 명령어이번 시간에는 SQL의 주요 명령어에 대해 간단하게 다시한번 복습해보겠습니다. 각 명령어는 데이터베이스에서 데이터를 관리하고 조작하는 데 사용됩니다. 우선 기존의 만들었던 데이터 테이블들이 많아서 몇가지는 삭제해놓겠습니다.DROP DATABASE koras02;CREATE DATABASE sql_listUSE sql_list2. CREATESQL에 CREATE 명령어는 새로운 테이블 생성하는 명령어로 CREATE를 사용해 테이블을 생성합니다.CREATE TABLE BEST ( Soccer_id INT PRIMARY KEY, Name VARCHAR(50), Age INT, POSITION VARCHAR(3))3. INSERTINSERT 명령어는 데이터베이스에 새로..

• format_list_bulleted Database/MySQL
• · 2025. 3. 8.
• textsms

[Bootstrap] 1장 Bootstrap 이란?

1. Bootstrap 이란?Bootstrap은 웹 개발을 위한 CSS 프레임워크로, 반응형 웹 디자인을 쉽게 구현할 수 있도록 도와주는 도구이며, Bootstrap의 특징은 다음과 같습니다.Bootstrap 특징반응형 디자인: Bootstrap은 다양한 화면 크기에 맞춰 자동으로 레이아웃을 조정하는 그리드 시스템 제공사전 스타일링 컴포넌트: 버튼, 네비게이션 바, 모달, 카드 등 다양한 UI 컴포넌트를 미리 스타일링 하여 제공CSS 및 JavaScript 통합: CSS와 JavaScript로 작성된 다양한 플러그인을 통한 인터랙티브한 요소를 쉽게 추가2. Bootstrap 장단점장점빠른 개발: 미리 정의된 컴포넌트를 사용하여 UI 개발 속도를 크게 향상일관성: 다양한 브라우저와 디바이스에서 일관된 디자..

• format_list_bulleted Front-End/Bootstrap
• · 2025. 3. 8.
• textsms