안녕하세요 😉 유유자적한 개발자 유로띠 입니다 😀 👏👏👏👏 이번 포스팅에서는 ✅ 컨테이너 위젯 ✅ 여백 스타일 위젯 ✅ 배치 및 공간 제어 위젯 ✅ 이미지 위젯 ✅ 동적 위젯 ✅ 버튼 에 대해서 알아보겠습니다 컨테이너 위젯 ✅ 단일 컨테이너 위젯 📍 Container Container 안에는 다음과 같은 기능이 존재합니다. body: Container( color: Colors.yellow, alignment: Alignment.center, margin: const EdgeInsets.symmetric( horizontal: 100, vertical: 100 ), padding: const EdgeInsets.symmetric( horizontal: 10, vertical: 10 ), child: co..

안녕하세요 😉 유유자적한 개발자 유로띠 입니다 😀 👏👏👏👏 이번 포스팅에서는 ✅ Create fluuter App ✅ apple 개발자 계정 만들기 ✅ 실기기인 iPhone에서 실행하기 에 대해서 알아보겠습니다 Create Flutter App ✅ vscode 실행 vscode를 실행하여 Flutter와 Dart plug-in을 설치합니다. Flutter만 설치하면 Dart는 자동으로 설치됩니다. command + shift + p를 눌러서 flutter를 검색하여 Flutter: New Project를 클릭하여 project를 생성합니다. ⛔️ 만약에 SDK가 없다고 나온다면 (Can't Find the PATH To the Flutter SDK) Locate SDK를 선택하여 이전에 다운로드 받은 f..

안녕하세요 😉 유유자적한 개발자 유로띠 입니다 😀 👏👏👏👏 이번 포스팅에서는 ✅ Flutter 설치 ✅ Flutter 시뮬레이터 실행 에 대해서 알아보겠습니다 Flutter 설치 🎉 📍 Flutter 설치 flutter는 구글이 출시한 오픈소스 크로스 플랫폼 GUI 애플리케이션 프레임워크입니다. 사용되는 언어 역시 구글의 Dart를 사용합니다. ✅ 시스템 요구사항 Disk Space: 2.8GB Tools : git flutter dev사이트를 접속합니다. 🌐 Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. docs.flutter.dev ..

안녕하세요 😉 유유자적한 개발자 유로띠 입니다 😀 👏👏👏👏 이번 포스팅에서는 ✅ Redis란? ✅ docker Redis 설치 ✅ Redis 기본 명령어 ✅ Spring boot에서 Redis 테스트 에 대해서 알아보겠습니다 🎉 REDIS Redis 란 REmote DIctionary Server의 약자로 키-값 기반의 인 메모리 데이터 구조 저장소입니다 한 가지씩 살펴보겠습니다 👀 ✅ 키-값 기반 비 관계형 데이터베이스 유형이며, 키를 사용하여 저장되고 검색되며 이를 통해 저장소에서 빠르게 찾을 수 있습니다. ✅ 인 메모리 데이터 저장소 Mysql, PostgreSQL, Oracle 등 대부분의 데이터 베이스는 디스크 또는 SSD에 저장하지만 모든 Redis는 서버의 주 메모리에 저장됩니다. 정보의 처..

안녕하세요 😉 유유자적한 개발자 유로띠 입니다 😀 이번 포스팅에서는 ✅ ktlint 설치해서 설정하기 ✅ ktlint - gradle 설정하기 ✅ ktlint with gitAction 에 대해서 알아보겠습니다 👏👏👏👏 🎉 Ktlint klint는 kotlin 언어의 공식 코딩 컨벤션에 따라 이를 준수할 수 있도록 스타일을 검사해 주는 도구입니다. 최근 클린코드를 읽고 있는데 포맷팅 맞추는 것은 아주 중요한 일입니다. 😄 [클린코드] 5장 형식 맞추기 [클린코드] 5장 형식 맞추기 클린 코드 형식 맞추기 🙌 형식을 맞추는 목적 다음의 테스트 코드를 살펴보자. 👀 describe('promise', () => { const until = 3; const range = [...Array(until).keys..

안녕하세요 😉 유유자적한 개발자 유로띠 입니다 😀 👏👏👏👏 🎉 GRID GARDEN 📢 css grid garden game grid를 쉽고 재미있게 배우기 위해 css-grid-garden 게임을 해보았습니다. Grid Garden A game for learning CSS grid layout cssgridgarden.com 각 문항에 대한 정답은 유로띠 github에 있습니다. 그럼 grid 문제를 풀어볼까요? 👀 🙆‍♂️ grid-column-start / grid column-end 배워보기 ✅ 1번 .water { grid-column-start: 3; } ✅ 2번 .water { grid-column-start: 5; } ✅ 3번 .water { grid-column-start: 1; gr..

안녕하세요 😉 유유자적한 개발자 유로띠 입니다 😀 👏👏👏👏 이번 포스팅에서는 JdbcSQLSyntaxErrorException: Syntax error in SQL statement ... expected "identifier" 에 대해 삽질기와 해결 방법에 대해 알아보겠습니다. 🎉 spring boot + jpa + h2 사용시 에러 발생 test code를 작업하기 위해 h2의 in-memory db를 이용하기로 하고 작업을 진행하였습니다. 그러던 중 jpa와 H2 DB를 사용하다 아래와 같은 JdbcSQLSyntaxErrorException: Syntax error in SQL statement ... expected "identifier" 에러가 발생하였습니다. 🥲 이 error는 저를 2일동안 ..

안녕하세요 😉 유유자적한 개발자 유로띠 입니다 😀 이번 포스팅에서는 ✅ cherry-pick 이란? ✅ cherry-pick 사용법 에 대해서 알아보겠습니다 cherry-pick 이란? 🧐 ✅ cherry-pick의 사전적 의미 A metaphor, from the idea of picking through a bowl of cherries and seeking the best for oneself, or the idea of picking off the cherries for oneself from a cake or dessert. '케이크 위에 얹어져 있는 체리만 집어먹는 행위'라는 뜻에서 비유한 것으로 인기 있는 특정 요소만 고른다는 뜻입니다. 👀 체리픽은 언제 사용할까요? 🟡 BE/FE 에서 기능..

안녕하세요 😉 유유자적한 개발자 유로띠 입니다 😀 오늘은 삭막한 github를 꾸며보도록 하겠습니다 👏👏👏 꾸며도 삭막한건..비밀.. 이번 포스팅에서는 ✅ 개인 repository 만들기 ✅ 배지 만들기 ✅ readme stats 적용하기 ✅ hits 적용하기 에 대해서 알아보겠습니다 🎉 special github README repository 만들기 github 계정과 동일한 이름으로 repo를 생성합니다. 생성할 때 꼭 README.md 선택해 주세요 끝 😏 첫 번째 repository 생성은 끝났습니다. 이제 본격적으로 꾸미기 위해 READMD.md 파일을 수정해 봅시다 배지 사용하기 배지를 만들기 위한 사이트입니다. https://shields.io/ 단순히 개발 스택을 텍스트로 보여주는 건 너..

안녕하세요 😉 유유자적한 개발자 유로띠 입니다 😀 👏👏👏👏 TypeScript에 대해서 알아보겠습니다. 이번 포스팅은 타입스크립트 공식 핸드북의 원본과 해석본을 읽고 정리하는 글입니다. TypeScript Handbook TypeScript Handbook 정리 - The Basics TypeScript - Everyday Types TypeScript - Narrowing TypeScript - More on Functions TypeScript - Object Types TypeScript - Type Manipulation TypeScript - Classes TypeScript - Modules TypeScript - tsConfig ✅ Everyday Types 에 대해서 알아보겠습니다 🎉 Ty..

안녕하세요 😉 유유자적한 개발자 유로띠 입니다 😀 👏👏👏👏 TypeScript에 대해서 알아보겠습니다. 이번 포스팅은 타입스크립트 공식 핸드북의 원본과 해석본을 읽고 정리하는 글입니다. 이번 포스팅에서는 TypeScript Handbook TypeScript - The Basics TypeScript - Everyday Types TypeScript - Narrowing TypeScript - More on Functions TypeScript - Object Types TypeScript - Type Manipulation TypeScript - Classes TypeScript - Modules TypeScript - tsConfig 중에서 ✅ The Basics 에 대해서 알아보겠습니다 🎉 Type..

안녕하세요 😉 유유자적한 개발자 유로띠 입니다 😀 👏👏👏👏 이번 포스팅에서는 ✅ redis의 메시지 pub/sub ✅ redis pub/sub functions 에 대해서 알아보겠습니다 🎉 REDIS - PUB/SUB 📢 redis pub / sub redis의 기능 중 메시지 기능이 있습니다. 통로인 채널(Channel)을 이용하여 Publish 명령으로 메시지를 보내고, Subscribe 명령으로 메시지를 받습니다. 📍 특징 메시지를 보관하지 않습니다. publish 하는 시점에 이미 실행 중인 subscribe한 클라이언트만 메시지를 받을 수 있습니다. 메시지의 수신을 보장하지 않습니다. 메시지 전송 시 subscribe한 클라이언트가 없다고 해서 문제가 되지 않습니다. 수신자 모두에게 메시지를 전..