[Ruby on Rails] Ruby on Rails란?

1. Ruby on Rails 란?Ruby on Rails(RoR)는 Ruby 프로그래밍 언어를 기반으로 작성된 오픈 소스 웹 애플리케이션 프레임워크로, MVC(모델-뷰-컨트롤러) 패턴을 기반으로 한, 웹 애플리케이션 언어입니다. Ruby on Rails의 특징으로는 다음과 같습니다.빠른 개발: 기본적으로 Rails는 코드의 양을 줄이고, 생산성을 높이기 위한 다양한 도구와 기능을 제공해 빠른 프로토타이핑을 지원Convention over Configuration: 기본적인 설정이 자동으로 이루어져 개발자가 설정에 신경 쓰지 않고 비즈니스 로직에 집중함DRY(Don't Repeat Yourself): 코드 중복을 피하고 재사용성을 높이는 것을 지향하여 유지보수성을 향상 강력한 커뮤니티: 활발한 커뮤니티와..

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

[Java] 9장 컬렉션 프레임워크

1. ListList는 순서가 있는 컬렉션으로, 중복된 요소를 허용합니다. 대표적 구현체로는 ArrayList와 LinkedList가 있습니다.import java.util.ArrayList;import java.util.List;public class ListExample { public static void main(String[] args) { List list = new ArrayList(); list.add("Apple"); list.add("Banana"); list.add("Orange"); for (String fruit : list) { System.out.print(fruit); } ..

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

[Sass] 2장 기본 문법 - Sass 변수 사용법

1. 변수 정의하기Sass에서 변수를 정의하려면 $ 기호로 시작되며, 예를 들어 색상이나 폰트 크기 등을 변수로 정의할 수 있습니다.$primary-color: #3498db;$font-size: 16px;2. 변수 사용하기 정의한 변수를 CSS 속성에 사용할 수 있습니다.body { color: $primary-color; font-size: $font-size;}3.변수 재사용변수를 재사용하여 코드의 일관성을 유지하고 유지보수를 쉽게 할수 있습니다.$padding: 10px;.box { padding: $padding;}button { padding: $padding;}  GitHub - Koras02/sass-bloging: https://thinky.tistory.com/catego..

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

[React Native] 4장 네비게이션 구현

1. React Native Navigation React Native에서 React Navigation을 사용하여 네비게이션을 구현하는 방법은 React Navigation 라이브러리를 설치해 사용할 수 있습니다. 아래 명령어로 라이브러리를 설치합니다.npm install @react-navigation/nativenpm install @react-navigation/native-stacknpm install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-viewnpm install --save-dev typ..

• format_list_bulleted Mobile/React Native
• · 2025. 3. 25.
• textsms

[Rust] 10장 트레이트

1. 트레이트 정의하기 트레이트는 특정 행동을 정의하고, 이를 구현하는 타입에 적용하는 방식으로, 트레이트를 정의하기 위해  trait 키워드를 사용합니다. 예를 들어 Speak라는 트레이트를 정의할 수 있습니다.trait Speak { fn speak(&self);}2. 트레이트 구현하기구현하고자 하는 타입에 대해 트레이트를 구현합니다. trait Speak { fn speak(&self);}struct Running;impl Speak for Running { fn speak(&self) { println!("Run!"); } }3. 트레이트 객체 사용하기 트레이트 객체를 사용하면 다형성을 구현할 수 있습니다. let_speak  함수가 Speak 트레이트를 구현하는..

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

[Typescript] 16장 JSX

1. 기본 사용법 (Basic Usage)JSX는 Javascript XML의 약자로, Javascript 코드 안에 HTML과 유사한 구문을 사용할 수 있습니다. React에서는 UI를 정의할 때 주로 사용합니다. 기본적인 JSX의 예시는 다음과 같습니다.const element = Hello, world!;2. Typescript에서 JSX 설정먼저 Typescript에서 JSX를 사용하기 위해 Typescript를 설치합니다. npm install --save-dev typescript React와 관련된 타입 정의도 설치합니다.npm install --save react react-domnpm install --save-dev @types/react @types/react-dom tsconfig...

• format_list_bulleted Front-End/TypeScript
• · 2025. 3. 24.
• textsms

[Typescript] 15장 이터러블 타입

1. for..of 문 for..of문은 이터러블 객체(ex.배열, 문자열, 맵, 세트 등)의 각 요소에 대해 반복할 수 있는 구문으로, 이터러블 객체는 Symbol.iterator 메소드를 구현해야 합니다.const array = [1, 2, 3];for (const value of array) { console.log(value); // 1 2 3}2. for..of vs for..in 문for..of: 이터러블 객체의 값을 반복for..in: 객체의 속성 이름(키)을 반복const array = [1, 2, 3];console.log('for..of:');for (const value of array) { console.log(value); // 1,2,3}console.log('for..in:..

• format_list_bulleted Front-End/TypeScript
• · 2025. 3. 22.
• textsms

[TypeScript] 14장 유티릴티 타입

1. Partial Partial는 모든 속성을 선택적으로 만드는 타입입니다.interface User { id: number; name: string; email: string;}const updateUser = (userId: number, userUpdates: Partial) => { console.log(`Update User ${userId} with data:`, userUpdates);};updateUser(1, { name: 'James' }); // Update User 1 with data: { name: "James" }2. RequiredRequired는 모든 속성을 필수로 만드는 타입입니다.interface UserWithOptionalFields { id?: numbe..

• format_list_bulleted Front-End/TypeScript
• · 2025. 3. 20.
• textsms

[JavaScrit] 4(완). 그래프 알고리즘

1. 그래프 데이터 구조그래프는 일반적으로 인접 리스트 또는 인접 행렬로 표현되며, 인접 리스트를 사용한 방식은 다음과 같습니다.class GraphData { constructor() { this.adjacencyList = {}; } addVertex(vertex) { if (!this.adjacencyList[vertex]) { this.adjacencyList[vertex] = []; } } addEdge(vertex1, vertex2) { this.adjacencyList[vertex1].push(vertex2); this.adjacencyList[vertex2].push(vertex1); }}2. 너비 우선 탐색 (BFS)BFS에서 각 노드를 방문..

• format_list_bulleted Front-End/JavaScript
• · 2025. 3. 20.
• textsms

[Rust] 9장 동시성

1. 스레드 (Threads)Rust에서 동시성을 처리하는 방법으로는 여러가지 방법이 있습니다. Rust의 동시성 모델은 안전성과 성능을 강조해, 주로 스레드와 비동기 프로그래밍을 통해 구현됩니다. 먼저 스레드는 표준 라이브러리에서 쉽게 생성할 수 있습니다. std:thread 모듈을 사용하여 스레드를 생성하고 관리합니다.use std::thread;fn main() { let handle = thread::spawn(|| { for i in 1..5 { println!("Threads: {}", i); } }); for i in 1..3 { println!("Main Threads: {}", i); } handle.jo..

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