[ 피그마 ] 초간단! 도형안에 이미지 넣기 ( 클리핑 마스크(Clipping Mask) 활용)  피그마 작업중 이미지를 도형모양으로 넣는 프로필 UI 가 필요하게 되었습니다.  빠르고 쉽게 작업하는 방법을 같이 알아보도록 하겠습니다.  해당내용은 포토샵의 클리핑 마스크, 피그마에서는 마스킹 을 응용한 방법입니다. # 1.클리핑 마스크 란? ( Clipping Mask )  클리핑 마스크(Clipping Mask) 는 특정 도형(Shape)을 기준으로 이미지 또는 오브젝트의 특정 부분만 보이도록 잘라내는 기능입니다. 예를 들어, 이미지를 원형으로 자르거나, 텍스트 안에 이미지를 넣을 때 활용할 수 있습니다.    # 2.피그마에서 적용하기 - 이미지 가져오기  1) 하단에서 Image/video ... ..

[ 피그마 ] 초간단! 표 (테이블 table) 만들기 피그마 작업중 테이블 UI 가 필요하게 되었습니다.  빠르고 쉽게 작업하는 방법을 같이 알아보도록 하겠습니다.  해당내용은 오토레이아웃을 응용한 방법입니다. # 1.네모박스 및 표 셀 만들기 이번 작업을 위해 네모 박스를 하나 그려줍니다.  1) 하단에서 네모 박스 선택  2) 원하는 크기의 박스 만들기    전 220 X 60 사이즈로 만들었습니다.  3) 박스 아웃라인 설정하기 박스를 만들었으니, 박스 테두리를 만들어줍니다. 박스 색상 변경은 Fill 에서 하시면되고, 테두리는 Stroke 에서 하시면 됩니다.Center 옵션으로 만드시면 됩니다.  4) 텍스트 박스 만들기  텍스트를 클릭후 아까 만든 박스안에 위치를 지정하고, 원하는 텍스트를 ..

2025년 파이썬으로 도전해볼 만한 AI · Data 토이 프로젝트 20선인공지능과 데이터 분석이 여전히 폭발적인 화두로 떠오르는 2025년, 파이썬(Python)은 여전히 가장 매력적인 언어로 꼽히고 있습니다.특히 토이 프로젝트(Toy Project)는 새로운 기술을 배우고 실습하기에 최적의 형태이므로, 짧은 기간 안에 집중해서 배울 수 있고 결과물도 확인하기 좋습니다. 이번 글에서는 파이썬으로 진행하기 좋은 AI · Data 토이 프로젝트 20가지를 소개합니다.프로젝트명, 간단한 설명, 사용할 주요 알고리즘 및 라이브러리를 함께 제시하여 여러분이 무엇부터 어떻게 시작하면 좋을지 방향을 잡아드립니다.목차1. 뉴스 기사 요약 봇2. 감정 분석 챗봇3. 이미지에서 텍스트 추출 & 번역4. 날씨 예측 미니 ..

# 1. HTML에서 이모지(Emoji) 삽입하는 방법 1. 이모지란 무엇인가?😊이모지(Emoji)는 감정을 시각적으로 표현할 수 있는 작은 아이콘입니다. 사용자가 웹 페이지에서 보다 친근하게 느끼도록 하며, 간단한 텍스트보다 효과적으로 메시지를 전달할 수 있습니다. 이번 글에서는 HTML에서 이모지를 삽입하는 다양한 방법을 알아보겠습니다.  2. HTML에서 이모지 삽입 방법1) 유니코드(Unicode) 사용유니코드는 이모지를 포함한 다양한 문자에 대한 고유 코드입니다. 이를 HTML에서 활용하면 손쉽게 이모지를 삽입할 수 있습니다. 아래는 예제 코드입니다.😊 유니코드를 활용한 이모지 예제입니다. 코드에 사용된 "😊"는 유니코드로 U+1F60A에 해당합니다. 이를 HTML에서 사용하려면 다음과 같..

이 포스팅에서는 선형대수의 기초 개념인 선형 방정식 시스템과 행렬 변환에 대해 다룹니다. 행렬 형태의 방정식, RREF(완전 계단식 형태), 벡터 방정식 및 부분 공간 개념을 단계별로 설명하며, 예제를 제공합니다. 수학 및 공학 기초 지식을 향상시키고 학습에 도움을 주는 포스팅입니다. # 1. 선형대수의 선형 방정식Linear Equations in Linear Algebra ( 선형대수의 선형 방정식 ) 1.1 Systems of Linear Equations (선형 방정식의 시스템) 선형 방정식의 정의 선형 방정식은 다음과 같은 형태를 가집니다. $$a_1x_1 + a_2x_2 + \cdots + a_nx_n = b$$ 여기서 $a_1, a_2, \ldots, a_n$은 상수(계수), $b$는..

Ubuntu 20.04에서 Nginx를 설치하고 웹 서버로 설정하는 방법을 알려드리겠습니다. 이 포스팅은 Nginx를 처음 사용하거나 웹 서버 환경을 구성하는 데 익숙하지 않은 사용자도 쉽게 따라할 수 있도록 상세히 설명하는 것에 초점을 두었습니다.  다른 개발환경 세팅에 대해 궁금하시다면 아래 포스팅을 같이 참고해주세요 ✅  개발환경 세팅 정리[ SpringBoot ] Visual Studio Code 에서 스프링부트 개발환경 세팅 [ React ] 리액트 개발환경 구축[ 유니티 ] 맥북 M1 유니티 개발환경 세팅 [ AI ] Windows에서 딥러닝 개발 환경 구축    # 1. Nginx 란? Nginx 란? Nginx는 HTTP 및 Reverse Proxy 기능을 제공하는 고성능 웹 서버입니다. ..

MongoDB는 스키마가 유연하고 성능이 뛰어난 NoSQL 데이터베이스로 많은 개발자들에게 인기를 끌고 있습니다.이번 포스팅 에서는 MongoDB 설치 및 개발환경 세팅에 대해 알아보도록 하겠습니다.  다른 개발환경 세팅에 대해 궁금하시다면 아래 포스팅을 같이 참고해주세요 ✅  개발환경 세팅 정리[ SpringBoot ] Visual Studio Code 에서 스프링부트 개발환경 세팅 [ React ] 리액트 개발환경 구축[ 유니티 ] 맥북 M1 유니티 개발환경 세팅 [ AI ] Windows에서 딥러닝 개발 환경 구축    # 1. MongoDB 란?  MongoDB 란? MongoDB는 오픈 소스 NoSQL 데이터베이스로, 유연한 데이터 모델과 높은 확장성을 제공하는 것이 특징입니다. 문서 지향(Do..

이번 포스팅에서는 파이썬 고급알고리즘 인 분할 정복, 백트래킹, 그리고 그리디 알고리즘  을 소개하고, 각각의 알고리즘의 원리와 실제 프로젝트에서 어떻게 사용될 수 있는지 예시를 들어 설명하겠습니다. 그 외에 파이썬의 연사자 와 함수 에 대해 궁금하시면 아래 포스팅을 같이 참고해주세요✅  필수 개념 정리 [ 자료구조 ] 자료구조란 무엇이며 왜 중요한가? 프로그램 성능에 미치는 영향 [ 배열 ] 배열은 무엇이고 어떻게 활용하는가? ( 예제 포함 ) [ python ] 파이썬 정렬 알고리즘과 실제 프로젝트에서의 활용 예시 [ 알고리즘 ] 재귀와 동적 계획법(DP) 쉽게 이해하기 ( 피보나치 수열, 배낭 문제, 최장 공통 부분 수열 등 ) [ 알고리즘 ] 파이썬 그래프 알고리즘의 모든 것 정리 ( 기초부터 탐..

이번 포스팅에서는 그래프 알고리즘의 기본 개념부터 깊이 우선 탐색(DFS), 너비 우선 탐색(BFS), 최단 경로와 최소 신장 트리 알고리즘까지 소개하고, 각각의 알고리즘의 원리와 실제 프로젝트에서 어떻게 사용될 수 있는지 예시를 들어 설명하겠습니다. 그 외에 파이썬의 연사자 와 함수 에 대해 궁금하시면 아래 포스팅을 같이 참고해주세요✅  필수 개념 정리 [ 자료구조 ] 자료구조란 무엇이며 왜 중요한가? 프로그램 성능에 미치는 영향 [ 배열 ] 배열은 무엇이고 어떻게 활용하는가? ( 예제 포함 ) [ python ] 파이썬 정렬 알고리즘과 실제 프로젝트에서의 활용 예시 [ python ] 선형 탐색과 이진 탐색 알고리즘 이해와 실제 프로젝트 예시 [ 알고리즘 ] 재귀와 동적 계획법(DP) 쉽게 이해하기 ..

이번 포스팅에서는 재귀와 동적계획법에 대해 소개하고, 각각의 알고리즘의 원리와 실제 프로젝트에서 어떻게 사용될 수 있는지 예시를 들어 설명하겠습니다. 그 외에 파이썬의 연사자 와 함수 에 대해 궁금하시면 아래 포스팅을 같이 참고해주세요✅  필수 개념 정리 [ 자료구조 ] 자료구조란 무엇이며 왜 중요한가? 프로그램 성능에 미치는 영향 [ 배열 ] 배열은 무엇이고 어떻게 활용하는가? ( 예제 포함 ) [ python ] 파이썬 정렬 알고리즘과 실제 프로젝트에서의 활용 예시  ✅  파이썬 프로젝트 정리[ python ] 파이썬으로 카운트다운 타이머 만들기 (time 모듈 과 while문 ) [ python ] 파이썬으로 가위바위보 게임 만들기 (random 모듈 과 조건문 ) [ python ] 파이썬으로 계..