오늘도 공부

Rust는 안전성과 성능을 중시하는 시스템 프로그래밍 언어로, 이를 기반으로 한 다양한 웹 프레임워크가 개발되고 있습니다. 주요 Rust 웹 프레임워크들의 장단점을 비교해 드리겠습니다.1. Actix-web장점:고성능: 비동기 I/O를 활용하여 높은 성능을 제공합니다.풍부한 기능: 다양한 내장 기능과 확장성을 갖추고 있습니다.활발한 커뮤니티: 꾸준한 업데이트와 지원이 이루어지고 있습니다.단점:복잡한 사용법: 초보자에게는 학습 곡선이 가파를 수 있습니다.안전성 우려: 과거에 일부 안전성 이슈가 제기된 바 있습니다.2. Rocket장점:간결한 문법: 매크로를 활용한 직관적인 라우팅을 제공합니다.동기식 모델: 동기식 요청 처리를 통해 코드의 가독성이 높습니다.안정성: 타입 안전성을 강조하여 컴파일 타임에 오류..

🛠️ Rust 학습 로드맵 (초보자 → 실전 개발까지)이 로드맵은 단계별로 Rust를 배우는 데 도움이 되는 개념과 학습 자료를 정리한 것입니다.🔰 1. Rust 기본 개념 익히기 (초급)🎯 목표: Rust의 기본 문법과 개념을 익히고 간단한 프로그램을 작성할 수 있도록 합니다.✅ Rust 설치 및 환경 설정Rust 공식 설치 가이드Rust 설치 (rustup, cargo 사용법 익히기)✅ 기본 문법 익히기변수 선언 (let, mut)데이터 타입 (i32, f64, bool, char, String)제어문 (if, match, loop, for, while)함수 작성 (fn my_function() {})✅ Rust의 독특한 개념 이해하기소유권(Ownership) & 빌림(Borrowing)불변성과..

🔹 1. Express.js (가장 널리 사용됨)특징: 경량, 빠름, 최소한의 기능 제공장점:가장 많이 사용되는 프레임워크로 커뮤니티가 활발함미들웨어 기능으로 확장 가능초보자도 쉽게 배울 수 있음사용 사례:REST API 개발간단한 서버 구축빠르게 프로토타입 개발🔹 2. Fastify (Express보다 빠르고 효율적)특징: 높은 성능, 저지연 API 서버 구축에 적합장점:Express보다 성능이 뛰어나고, JSON 처리 속도가 빠름플러그인 시스템을 통해 확장 가능비동기(Async/Await) 방식 지원사용 사례:고성능 API 서버 개발마이크로서비스 아키텍처🔹 3. NestJS (대규모 프로젝트에 적합)특징: 타입스크립트 지원, 구조화된 개발 방식 제공장점:Angular 스타일의 모듈 기반 구조 (..

🟢 딥시크 관련 이야기오늘 하루 종일 트위터에 딥시크 이야기가 도배가 되고 있어서 안볼래야 안 볼 수가 없었는데요. 판 돌아가는걸 좀 알아야되서 이것저것 찾아본거 대충 정리해봤습니다.제가 전문가가 아닌만큼 글이 왜곡될 수도 있으니 참고정도만 해주시면 될 것 같습니다.✅ 상황1. 성능 (가성비)1월 20일 공개된 딥시크의 R1 추론모델은 오픈AI의 o1 추론모델과 거의 맞먹는 수준의 성능을 보여주고 있음심지어 무료로 서비스를 제공하면서 압도적인 가성비를 보여주고있는데 사용자 뿐만 아니라 운영비용 역시 openAI o1 모델 대비 15%~50% 수준으로 알려짐2. 출신중국의 퀀트사에서 남는 GPU 리소스 사용하려고 만든 사이드 프로젝트로 시작 + 투자비용도 OpenAI의 ChatGPT를 비롯한 타 LLM ..

🧑‍🎓Abstract의 모든 걸 파보자!🛶 네트워크 개요🟢소비자 중심의 EVM L2 네트워크🟢NFT, 엔터테인먼트, 게임 등이 생태계 중심🟢ZKsync의 ZK Stack 기반의 기술을 사용한 zk롤업 확장 솔루션🟢개인 키 관리&분실이나 복잡한 컨트랙트 같은 허들 요소를 최소화한 커슈머 중심 편의성 체재 구축🏋️ Abstract 솔루션🟢수수료 절감 & 빠른 트랜잭션의 블록체인🟢결제, 소셜, 게임 등 실생활 적용이 포커스🟢EVM 호환성으로 개발자의 부담 최소화🟢Abstract만의 생태계 촉진 지원 프로젝트 운영🏓 Abstract 정보Pudgy Penguins의 모회사 Igloo Inc.가 개발함🔴메인넷 출시: D-3🔴투자 모금: $11M + 미공개 (정확하지 않음)🔴VC 리스트:..

멀티 에이전트 시스템이란 무엇일까요?멀티 에이전트 시스템(Multi-Agent System, MAS)은 여러 개의 지능형 에이전트가 상호 작용하며 공통의 목표를 달성하거나 개별적인 목표를 추구하는 시스템입니다. 각 에이전트는 자율적으로 행동하며, 다른 에이전트와 협력하거나 경쟁하면서 문제를 해결합니다. 마치 여러 사람이 팀을 이루어 일하는 것과 비슷하다고 생각하면 됩니다.핵심 특징 * 자율성: 각 에이전트는 스스로 판단하고 행동합니다. 중앙에서 모든 것을 통제하지 않습니다. * 분산성: 시스템의 지능이 여러 에이전트에 분산되어 있습니다. 단일 실패 지점이 없어 안정적입니다. * 상호 작용: 에이전트들은 서로 정보를 교환하고, 협력하거나 경쟁합니다. * 목표 지향성: 각 에이전트는 특정 목표를 가지고 행동..

NextJs에 shadcn/ui 설치시No Tailwind CSS configuration found at /Users/taehyunkim/workspaces-study/nextjs-docs/docs-tutorial. It is likely you do not have Tailwind CSS installed or have an invalid configuration. Install Tailwind CSS then try again. Visit https://tailwindcss.com/docs/guides/nextjs to get started.위와 같은 오류 발생시필수 설치 단계Tailwind CSS와 의존성 패키지들을 설치[](https://www.tutorialspoint.com/what-to-d..

멀티 에이전트 시스템이란 무엇일까요?멀티 에이전트 시스템(Multi-Agent System, MAS)은 여러 개의 지능형 에이전트가 상호 작용하며 공통의 목표를 달성하거나 개별적인 목표를 추구하는 시스템입니다. 각 에이전트는 자율적으로 행동하며, 다른 에이전트와 협력하거나 경쟁하면서 문제를 해결합니다. 마치 여러 사람이 팀을 이루어 일하는 것과 비슷하다고 생각하면 됩니다.핵심 특징 * 자율성: 각 에이전트는 스스로 판단하고 행동합니다. 중앙에서 모든 것을 통제하지 않습니다. * 분산성: 시스템의 지능이 여러 에이전트에 분산되어 있습니다. 단일 실패 지점이 없어 안정적입니다. * 상호 작용: 에이전트들은 서로 정보를 교환하고, 협력하거나 경쟁합니다. * 목표 지향성: 각 에이전트는 특정 목표를 가지고 행동..

AI 에이전트 심층 리서치AI 에이전트는 인공지능을 기반으로 사용자를 대신하여 특정 목표를 달성하기 위해 자율적으로 행동하는 시스템입니다. 마치 개인 비서처럼 사용자의 요구를 이해하고, 작업을 계획하고 실행하며, 결과를 보고합니다. 최근 몇 년 동안 AI 기술, 특히 대규모 언어 모델(LLM)의 발전과 함께 AI 에이전트는 급속도로 진화하고 있으며, 다양한 분야에서 그 가능성을 보여주고 있습니다. 1. AI 에이전트의 핵심 기능 및 구성 요소AI 에이전트는 일반적으로 다음과 같은 핵심 기능을 수행합니다. * 목표 설정 및 계획: 사용자의 요청이나 지시를 이해하고, 목표를 설정하며, 이를 달성하기 위한 계획을 수립합니다. * 정보 수집 및 분석: 웹 검색, 데이터베이스 액세스, 센서 데이터 분석 등을 통해..

Abstract 메인넷Abstract는 블록체인 기반의 스트리밍 플랫폼을 구축하는 프로젝트입니다. 사용자가 콘텐츠를 제작하고 수익화하며, 시청자는 고품질 스트리밍을 즐길 수 있는 탈중앙화된 환경을 목표로 합니다.주요 특징: * 탈중앙화된 스트리밍 플랫폼: 기존 중앙 집중식 플랫폼의 제약에서 벗어나 콘텐츠 제작자에게 더 많은 자유와 수익을 제공합니다. * 낮은 수수료: 블록체인 기술을 통해 중개자 없이 콘텐츠를 제공하여 수수료를 최소화합니다. * 투명한 수익 분배: 스마트 컨트랙트를 통해 콘텐츠 제작자에게 투명하고 공정한 수익 분배를 보장합니다. * 커뮤니티 기반 거버넌스: 토큰 보유자는 플랫폼의 발전 방향에 대한 의사 결정에 참여할 수 있습니다. * NFT 통합: NFT를 통해 콘텐츠 소유권을 증명하고 ..

Ubuntu에서 PHP 8 이상을 설치하는 방법을 설명해드리겠습니다.시스템 업데이트bashsudo apt updatesudo apt upgrade -yPHP 저장소 추가bashsudo apt install software-properties-commonsudo add-apt-repository ppa:ondrej/php -ysudo apt updatePHP 설치기본 PHP 설치bashsudo apt install php8.3 -y주요 확장 모듈 설치bashsudo apt install php8.3-cli php8.3-fpm php8.3-mysql php8.3-xml php8.3-mbstring php8.3-curl php8.3-gd -y설치 확인bashphp -vPHP-FPM 상태 확인bashsudo s..

root 원격 접속 계정 생성MySQL 접속sqlsudo mysql -u root -p계정 생성sqlCREATE USER 'root'@'%' IDENTIFIED BY '비밀번호';권한 부여sqlGRANT ALL PRIVILEGES ON . TO 'root'@'%' WITH GRANT OPTION;FLUSH PRIVILEGES;설정 확인권한 확인sqlSHOW GRANTS FOR 'root'@'%';생성된 계정 확인sqlSELECT host, user FROM mysql.user;

Ubuntu 24.04에 MySQL을 설치하는 방법을 단계별로 설명해드리겠습니다.시스템 업데이트 및 설치시스템 업데이트bashsudo apt updatesudo apt upgrade -yMySQL 설치bashsudo apt install mysql-server -yMySQL 서비스 시작bashsudo systemctl start mysql.servicesudo systemctl enable mysql보안 설정root 계정 비밀번호 설정bashsudo mysqlmysql> ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY '원하는비밀번호';mysql> FLUSH PRIVILEGES;mysql> exit;MySQL 보안 스크립트 실..

Riverpod는 기존의 provider 를 개선해서 나온 업그레이드 버전이다. 정식 패키지는 https://riverpod.dev/ko/ Riverpod 안전하게 Provider 읽기 Provider를 읽는 중 더 이상 bad state가 되지 않습니다. 만약 Provider를 읽기 위한 필요한 코드를 작성하면, 당신은 유효한 값을 얻을 수 있습니다. Provider는 비동기적으로 로드된 riverpod.dev 자세한 설명은 https://velog.io/@yeahsilver/Flutter-Riverpod-Riverpod%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80-Riverpod%EC%9D%84-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%..

안녕하세요. 수지아빠입니다. 현재 블로그내 글을 안적은지 몇개월이 되어가네요. 그래서 이번참에 글을 다시 적어볼려고 생각합니다. 30일이상 매일 한개의 다양한 주제의 글을 올려보는게 현재로서는 목표입니다. 1. 개발 2. 부동산 공부 3. 인생 공부 그리고 현재 Flutter 단톡방도 운영중입니다. 개발관련해서 궁금하시거나 토론하실 내용 있으시면 여기 오셔서 말씀해주세요. https://open.kakao.com/o/gsshoXJ Flutter 개발자 모임 #flutter #android #ios #안드로이드 #아이폰 #모바일 #선물요정소환 open.kakao.com

안녕하세요. 수지아빠입니다. 오늘은 마스크를 사기위해 온라인에서 며칠간 구매를 시도했었지만 쉽지는 않아서 알람을 받을수 있는 앱을 개발하게 되었습니다. https://play.google.com/store/apps/details?id=kr.pe.mask.alarm 마스크 실시간 알람 - Google Play 앱 국내 판매중인 마스크 판매 실시간 알람을 보내주는 앱입니다. 기능 1. 판매 시간에 대한 카운터 다운 2. 현재 구매 버튼이 활성화시 실시간 알람 서비스 개발예정중인 기능 1. 구매 시간 앞 알람을 설정 2. 다른 카테고리 추가(손소독제등) 모쪼록 필요하신 분들은 유용하게 쓰시기 바랍니다. ---- 개발자 연락처 : 07043562312 play.google.com 그럼 기능들 설명입니다. 현재 ..

Flutter 대표 카카오톡 개발자 톡을 운영중입니다. https://open.kakao.com/o/gsshoXJ Flutter 개발자 모임 #flutter #android #ios #안드로이드 #아이폰 #모바일 #선물요정소환 open.kakao.com 자바스크립트에서 많이 사용되는 Promise.all 을 다트에선 어떻게 구하는지 알아볼 예정입니다. Promise.all 은 여러개의 Promise 를 모아서 한꺼번에 처리해주는 역할을 해준다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Promise/all Promise.all() Promise.all() 메서드는 순회 가능한 객체에 주어진 모든 프로미스가 ..

이 내용은 https://www.udemy.com/course/vue-js-course 를 공부해서 정리한 내용입니다. 개발완료 화면은 다음과 같습니다. Input을 넣으면 텍스트에 맞게끔 이미지가 생성됩니다. vue는 선언형 형태로 개발되며 다음 세가지 flow를 가진다고 한다. Data : 데이터 초기화 Compute : 주어진 데이터를 조합해서 리턴해줍니다. Method : 만들어진 데이터를 이용해서 랜더링해서 화면을 다시 보여줍니다. Html My identicon generator Input: Output: Javascript new Vue({ el: '#app', data: { textInput: '' }, computed: { identicon: function() { return jdent..

저장소 정리하다 보니 1월에 진행된 간단한 백엔드 연동된 스터디 자료가 있어서 공유합니다. 내용 : 간단한 투두 리스트 구현내용 1. Flutter 2. Bloc 3. RxDart 4. Docker 5. Node, Express 6. nginx proxy https://github.com/bear2u/flutter-ecommerce-study

Pragmatic State Management in Flutter (Google I/O’19) Dart: Productive, Fast, Multi-Platform — Pick 3 (Google I/O’19) Beyond Mobile: Building Flutter Apps for iOS, Android, Chrome OS, and Web (Google I/O’19) Building for iOS with Flutter (Google I/O’19) Beyond Mobile: Material Design, Adaptable UIs, and Flutter (Google I/O’19)

.final__clip-image-1 { -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); } .final__clip-image-2 { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%); clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%); } .final__clip-image-3 { -webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 7..

.shadow-typo { position: relative; display: inline-block; font-size: 4em; text-transform: uppercase; color: #00b3b4; text-shadow: 3px 3px 0px #e7eef1, 8px 8px 0px rgba(0, 0, 0, 0.1); } .threedee-typo { font-size: 4em; text-transform: uppercase; color: #f2395a; -webkit-transform: skew(-5deg, -5deg) rotate(5deg); transform: skew(-5deg, -5deg) rotate(5deg); -webkit-transform-origin: center center; ..

React Styled-Component노마드 코더 styled-components공식홈Basicstyled-components 을 사용해서 스타일링 할 수 있다.this -> & 로 내부에서 사용가능props 도 사용 가능하다.import React, { Component, Fragment } from 'react'; import styled from 'styled-components'; class App extends Component { render() { return ( Success Danger ); } } const Container = styled.div` height: 100vh; width: 100%; background-color: #bdc3c7; ` const Button = styl..

Gitflow 공부initgit flow init 소스트리를 사용해서 진행해볼 예정이다.오른쪽 상단에를 클릭해서 branch등을 설정해준다.설정화면에서 시작하기를 눌러서 진행해준다.그리고 각각의 기능별로 시작시 오른쪽 상단 깃 플로우를 클릭해주면feature(새기능)그런다음 소스를 수정해서 다시 finish를 할 수 있다.이런식으로 finish 를 하게 되면 develop 브랜치에 자동으로 merge 되는 걸 볼수 있다. 만약 체크를 하면 rebase 가 된다.release출시 버전을 관리를 하는데 출력을 보면Summary of actions: - A new branch 'release/1.0' was created, based on 'develop' - You are now on branch 'rele..

Flutter 화면 제작 공부https://www.youtube.com/watch?v=dMLreUXpSQ0&t=1s를 보고 하나씩 공부 하고자 한다.우선 사이즈 부분을 알아보자.Row를 사용해서 정렬Container Boxdecoration을 이용해서 박스형태 제작그림자 효과 적용소스높이 자동 계산 로직double baseHeight = 640.0; double screenAwareSize(double size, BuildContext context) { return size * MediaQuery.of(context).size.height / baseHeight; }import 'package:flutter/material.dart'; import 'package:flutter_adidas_shoes_..

할 줄 아는 것과 해 보고 싶은 것최근 풀스택(잡부라고도 한다)으로 개발하다 보니 과연 내가 무엇을 할 줄 알고 미래에는 무엇을 하고 싶은지 생각을 할 때가 있다. 그래서 이번 참에 한번 정리를 해보고자 한다. 할 줄 아는 것자바 (12년)Android (10년)JSP + 톰캣 (3년)Spring (5년)IOS (1년)Flutter (6개월)Golang (2개월)PHP (7년)Mysql (12년)Oracle (1년, 11g 자격증 보유)Mssql (1년)sqlite (10년)mongodb (6개월)node (1년)javascript (4년)es6 (6개월)Graphql (입문)docker (3개월)kubernetes (입문)Tensorflow (입문)RxJava (2년)Kotlin (2년)AWS (2년)..

부산에서 매주 진행되는 스터디입니다.부산에서 다른 스터디 내용을 보실려면 카페 에서 보실수 있습니다.https://www.udemy.com/docker-and-kubernetes-the-complete-guide 을 공부하고 있습니다도커 & 쿠버네티스 9주차 스터디 pod 자세한 설명 스크립트# kubectl describe > kubectl describe pod client-pod ........... Name: client-pod Namespace: default Node: minikube/10.0.2.15 Start Time: Sat, 02 Feb 2019 12:05:16 +0900 Labels: component=web Annotations: kubectl.kubernetes.io/last-ap..

부산에서 매주 진행되는 스터디입니다.부산에서 다른 스터디 내용을 보실려면 카페 에서 보실수 있습니다.https://www.udemy.com/docker-and-kubernetes-the-complete-guide 을 공부하고 있습니다Kubernetesminikube start 상태확인minikube status 클러스터 정보 확인kubectl cluster-info 목표다양한 도커 이미지들을 활용해서 로컬 쿠버네티스를 통해서 올리는 게 목표도커 컴포즈와 쿠버네티스 비교docker-compose이미지들을 각각 빌드해서 올린다우리가 원하는 컨테이너를 만든다각 네트워크 속성들에 대해 정의를 각각 한다.kubernetes이미 모든 이미지들이 만들어져있다고 가정한다우리가 만들기를 원하는 하나의 오브젝트에 하나의 ..

로그인 수업목표한빛 출반 홈페이지에 접속해서 로그인 과정을 거쳐서 마일리지 와 코인정보를 가져오는 게 목표준비파이썬vscoderequestsbeautifulsoup한빛 출반 네트워크 로그인 과정 뚫어보기로그인 페이지 분석http://www.hanbit.co.kr/member/login.html 한빛출판네트워크 로그인 아이디 저장 아이디 찾기 비밀번호 찾기 회원가입 우선 로그인되는 과정을 분석하기 위해서는 크롬에서 network / doc 탭에서 흐름을 체크를 하자.preserve log 라는 곳에 체크를 해야 한다. 이유는 network 페이지내에서는 한번 새로 고침을 하는 순간 로그들이 없어지기 때문에 이전 로그들을 남겨야 할려면 체크를 하자.로그인을 하는 순간login.html -> login_pro..

React,MongoDB,Express,Nginx 도커 개발 환경 구성하기이번 시간에는 대중적으로 많이 쓰이는 환경을 도커로 하나씩 구축해볼 예정이다.구성 스택은 다음과 같다.Client : ReactApi Server : Node ExpressDB : MongoServer : NginxRoot우선 환경을 구성한다. 기본적으로 3개의 폴더와 docker-compose.yaml 파일로 구성된다.- client - ...sources - Dockerfile.dev - nginx - default.conf - Dockerfile.dev - server - ...sources - Dockerfile.dev - docker-compose.yamlClientcreate-react-app 을 이용해서 구성한다.- ...