⚛️ React와 루비의 만남 - React 소개와 Rails 프로젝트에 통합하기

🎯 이번 시간 학습 목표 ✅ 페이스북이 만든 UI 라이브러리, React.js가 무엇인지 이해합니다. ✅ 왜 Rails 프로젝트에서 React를 사용하는지 그 이유를 알아봅니다. ✅ Rails 7 이후의 기본 JavaScript 처리 방식인 Importmap과 esbuild를 간단히 살펴봅니다. (Webpacker도 간단히 언급) ✅ Rails 프로젝트를 생성할 때 React 설정을 포함하거나, 기존 프로젝트에 React를 추가하는 방법을 배웁니다. ✅ 간단한 React 컴포넌트를 작성하고 Rails 뷰(View)에 성공적으로 렌더링합니다. ✅ Rails 뷰에서 React 컴포넌트로 데이터를 전달(Props)하는 기초를 ..

• format_list_bulleted 루비
• · 2025. 4. 1.
• textsms

🛠️ Rails 핵심 기능 익히기 - 라우팅, 컨트롤러, 뷰로 CRUD 구현하기!

🎯 이번 시간 학습 목표 ✅ Rails의 핵심 구성 요소인 라우팅(Routing), 컨트롤러(Controller), 뷰(View)의 역할을 이해합니다. ✅ config/routes.rb 파일을 통해 URL 요청을 컨트롤러 액션에 연결하는 방법을 배웁니다. ✅ rails generate controller 명령어로 컨트롤러와 기본 뷰 파일을 생성합니다. ✅ 컨트롤러 액션에서 뷰 템플릿(.html.erb)을 렌더링하는 과정을 실습합니다. ✅ 간단한 '읽기(Read)' 기능을 구현하며 MVC 패턴의 흐름을 파악합니다. ✅ 웹 애플리케이션의 기본 기능인 CRUD(Create, Read, Update, Delete) 개념을 맛봅니..

• format_list_bulleted 루비
• · 2025. 4. 1.
• textsms

🔄 루비 문자열 최종장: slice(추출), to_i/to_f(숫자변환), concat(원본결합) 정복!

🎯 이번 시간 학습 목표 드디어 루비 문자열 다루기 시리즈의 마지막 시간입니다! 🎉 지난 시간까지 문자열을 나누고(split) 바꾸는(gsub/sub) 강력한 편집 기술을 익혔죠. 오늘은 문자열 여정을 마무리하며, 더욱 섬세한 추출, 타입 변환, 그리고 원본을 직접 수정하는 결합 방법을 마스터해 보겠습니다! ✅ slice: 문자열의 특정 부분을 정교하게 추출하는 또 다른 방법 배우기 ✅ to_i / to_f: 문자열로 표현된 숫자를 실제 정수(Integer)나 실수(Float) 타입으로 변환하기 ✅ concat (또는 ): 기존 문자열에 다른 문자열을 직접 이어 붙여 원본을 변경하기 이 기술들은 문자열 데이터를 최종적으로 활용 가능한 형태로 만들거나, 효율적인 문자열 조작이..

• format_list_bulleted 루비
• · 2025. 4. 1.
• textsms

✂️ 루비 문자열 분리(split)와 치환(gsub/sub) 마스터하기: 데이터 가공의 핵심!

🎯 이번 시간 학습 목표 지난 시간에는 문자열 안에서 특정 내용을 찾거나(include?, start_with?, end_with?) 원하는 위치의 글자를 가져오는([]) 방법을 익혔습니다. 이번 시간에는 문자열을 자유자재로 편집하는, 그야말로 '문자열 마법' 같은 기술들을 배워볼 거예요! ✨ ✅ split: 하나의 문자열을 특정 기준에 따라 여러 조각으로 분리하여 배열(Array) 만들기 ✅ gsub: 문자열 안에서 특정 패턴과 일치하는 모든 부분을 찾아 다른 내용으로 치환하기 ✅ sub: 문자열 안에서 특정 패턴과 일치하는 첫 번째 부분만 찾아 다른 내용으로 치환하기 이 세 가지 메소드는 데이터를 원하는 형태로 가공하거나 정리할 때 정말 정말 많이 사용되는 핵심 기능입니다..

• format_list_bulleted 카테고리 없음
• · 2025. 3. 31.
• textsms

루비 문자열 탐색: 포함(include?), 시작/끝(start_with?/end_with?), 특정 위치 접근([]) 완벽 가이드

🎯 이번 시간 학습 목표 지난 시간에는 문자열의 대소문자를 바꾸고(upcase/downcase) 앞뒤 공백을 제거하는(strip) 방법을 배웠습니다. 이번 시간에는 문자열 안을 좀 더 자세히 들여다보는 기술들을 연마해 볼 거예요! 🕵️‍♀️ ✅ include?: 문자열 안에 특정 내용이 포함되어 있는지 확인하기 ✅ start_with?: 문자열이 특정 내용으로 시작하는지 확인하기 ✅ end_with?: 문자열이 특정 내용으로 끝나는지 확인하기 ✅ [] (인덱싱): 문자열의 특정 위치에 있는 글자에 접근하기 (기초) 이 기능들을 잘 활용하면 문자열 데이터를 분석하고 원하는 정보를 찾아내는 데 큰 도움이 될 거예요. 마치 탐정이 단서를 찾는 것처럼요! 자, 코드를 통해 직..

• format_list_bulleted 루비
• · 2025. 3. 31.
• textsms

루비 문자열 변환: upcase/downcase (대소문자 변경)와 strip (공백 제거) 마스터하기

🎯 이번 시간 학습 목표지난 시간에는 루비 문자열의 길이 확인(length), 비어있는지 검사(empty?), 그리고 간단한 결합(+) 방법을 배웠습니다. 이번 시간에는 문자열의 스타일을 바꾸고 정리하는 두 가지 강력한 기술을 익혀보겠습니다!✅ upcase: 문자열 안의 모든 영어 알파벳을 대문자로 변환하기✅ downcase: 문자열 안의 모든 영어 알파벳을 소문자로 변환하기✅ strip: 문자열의 앞뒤에 있는 불필요한 공백들을 깔끔하게 제거하기이 메소드들을 사용하면 데이터를 정제하거나 사용자의 입력을 일관된 형식으로 처리하는 데 아주 유용하답니다. 자, 그럼 코드를 통해 직접 확인해볼까요? 🚀✨ 오늘 배울 내용 미리보기함수/메소드설명간단 예시upcase문자열의 모든 영문자를 대문자로 변환합니다."h..

• format_list_bulleted 루비
• · 2025. 3. 31.
• textsms