AMoon - 개발자의 각종 개발 정보 공유

학습률을 원형으로 보여주고 싶나요?피그마의 원 도형 하나로 진행률 링을 만들 수 있습니다. Arc를 조절해 75% 학습 카드를 만들고, 숫자와 도형이 맞는지 확인해보겠습니다.원형 진행률은 시작점·채움 비율·두께를 나눠 설정합니다. 이미지를 누르면 크게 볼 수 있습니다.1. 이번에는 75% 학습 카드를 만듭니다강의를 4개 중 3개 들었다면 학습률은 3 ÷ 4 × 100 = 75%입니다. 이를 원의 4분의 3만 채운 링으로 표현해보겠습니다. 피그마에서는 원을 그린 뒤 Arc를 조절하면 원호와 링을 만들 수 있습니다.완성할 카드는 320 × 320px입니다. 위에는 이번 주 학습률, 가운데에는 75%, 아래에는 목표 4강 중 3강 완료를 넣습니다. 예상 실습 시간은 약 20분입니다.완성 목표: 위쪽에서 시작해..

배지와 제목, 버튼 색상을 하나씩 고치고 있나요?피그마의 Selection colors를 사용하면 선택한 디자인 안의 같은 색상을 모아 수정할 수 있습니다. 카드 두 개로 직접 따라 해보겠습니다.1. 색상을 바꿔볼 카드 2개 준비하기카드의 배지와 제목, 버튼이 모두 같은 파란색이라면 각각 선택해서 고칠 필요가 없습니다. Selection colors에서 선택한 디자인 안의 색상을 모아 확인하고 바꿀 수 있습니다.이번에는 #2563EB → #7C3AED로 강조색을 변경하겠습니다. 먼저 왼쪽 카드만 수정하고, 이어서 두 카드의 강조색을 맞춰보세요. 예상 실습 시간은 약 20분입니다.실습 시작 파일을 자신의 초안에 복사해 사용하면 같은 화면으로 따라 할 수 있습니다. 직접 만들고 싶다면 아래 값으로 준비하세요..

같은 문구를 화면마다 하나씩 고치고 있나요?피그마의 찾기·바꾸기를 사용하면 반복된 서비스명을 모아서 수정할 수 있습니다. 이번에는 화면 3개의 이름을 바꾼 뒤 버튼 하나만 따로 고쳐보겠습니다.1. 실습할 화면 3개 준비하기서비스 이름이 바뀌면 홈 화면뿐 아니라 예약 화면과 완료 화면에도 같은 수정이 필요합니다. 이번에는 모닝예약 → 하루예약으로 이름을 바꾼 다음, 완료 화면의 버튼 하나만 따로 수정해보겠습니다.예제는 같은 페이지에 놓인 360 × 480px 프레임 3개입니다. 직접 그리기보다 준비된 예제로 시작하고 싶다면 연습용 시작 파일을 사용하세요. 원본은 그대로 두고 자신의 초안에 복사해 연습하면 됩니다. 예상 실습 시간은 약 20분입니다.항목설정프레임360 × 480px, 같은 페이지에 3개배경#..

IT-ABILITY · 제안서 입문 04정량 제안서는 숫자를 많이 적는 문서가 아니다. 공고가 평가하겠다고 지정한 항목에 대해 인정 가능한 자료를 제출하는 일에 가깝다. 처음에는 회사 소개 자료부터 모으기보다 평가표와 증빙 서식을 나란히 펼쳐야 한다.이번 글의 목표가상의 사내 업무 시스템 구축 사업을 예로 들어 정량 항목별 증빙 목록을 만들고, 본문·서식·발급 자료가 서로 맞는지 확인한다. 실제 제출 조건은 해당 공고를 따른다.1. 정량평가는 무엇을 확인할까?조달청 세부기준은 사업에 따라 정량평가 항목으로 경영상태, 수행실적 등을 제시한다. 하지만 모든 사업에서 모든 항목을 평가하는 것은 아니다. 예를 들어 수행실적은 공고 여부와 계약 성격에 따라 제외될 수 있으므로, 먼저 해당 제안요청서의 평가표를 확..

IT-ABILITY · 제안서 입문 03정성 제안서를 처음 쓰면 “최선을 다하겠습니다” 같은 문장부터 떠오를 수 있다. 평가자가 확인하기 쉬운 제안은 의지보다 어떤 요구를, 누가, 어떤 순서로 수행하고, 무엇으로 확인할지를 보여준다.이번 글의 목표제안요청서의 한 요구사항을 수행계획 문단으로 바꿔본다. 예시는 가상의 사내 업무 시스템 구축 사업이며, 실제 평가 기준이나 확정된 수행 약속이 아니다.1. 정성 제안서에서 무엇을 설명해야 할까?정성 제안은 회사 소개를 길게 나열하는 자료가 아니다. 발주기관의 문제를 이해하고, 제안한 방법이 그 문제를 해결할 수 있는지 설명하는 자료다. 조달청 기준은 정성평가 항목을 소프트웨어 개발, 유지관리 등 사업 유형별 별표로 구분한다. 따라서 구체적인 목차는 해당 제안요청..

IT-ABILITY · 제안서 입문 02처음 받은 제안요청서가 길고 낯설다면 첫 장부터 모두 외우려고 하지 않아도 된다. 먼저 “무엇을 만들어야 하는가”, “무엇으로 평가받는가”, “무엇을 언제 제출하는가”를 찾아 표시하면 제안서 작업의 순서가 보인다.이번 글의 목표공고문과 제안요청서(RFP)를 읽고, 작성 전에 확인할 내용을 평가·요구사항·제출 목록으로 옮긴다. 아래 사례는 가상의 사내 업무 시스템 구축 사업이다.1. 제안요청서와 입찰공고는 어떤 문서일까?제안요청서는 발주기관이 입찰 참가자에게 사업 내용과 제안서 작성 기준을 알려주는 문서다. 재정경제부 계약예규는 제안요청서에 과업내용, 요구사항, 계약조건, 평가요소와 평가방법, 제안서 규격 등을 명시하도록 한다. 협상에 의한 계약체결기준 제5조에서 확..

IT-ABILITY · TREND / DESIGN SKILLS“예쁘게 만들어줘” 다음에는어떤 디자인 스킬을 써야 할까?AI에게 홈페이지를 부탁했는데 다른 사이트와 너무 비슷하거나, 발표 자료마다 색과 글꼴이 달라 보인 적이 있을 것이다. 이럴 때는 요구를 더 구체적으로 쓰는 것과 함께 작업에 맞는 디자인 스킬을 활용해 볼 수 있다.디자인 스킬은 AI가 참고하는 작업 지침이다색·글꼴·배치 원칙과 작업 순서, 필요한 자료를 묶어 AI 에이전트가 디자인 업무에 활용하도록 만든다. 이미지 생성 서비스나 디자인 앱 자체와는 역할이 다르다. 스킬과 파일·도구 실행을 지원하는 환경에서 사용하며, 결과를 만들 실행 도구가 추가로 필요할 수 있다.이번에는 방향 잡기 → 웹 화면 제작 → 포스터 제작 → 색·글꼴 통일 →..

IT-ABILITY · TREND / AI SKILLSAI에게 매번 설명하던 작업 순서,스킬로 묶어 두면 어떨까?“이 PDF에서 중요한 내용만 뽑아줘.” “이 메모를 보고서로 만들어줘.” AI에게 일을 맡겨도 파일을 읽는 방법이나 결과를 만드는 순서를 다시 설명할 때가 있다. 이때 알아두면 좋은 것이 스킬(Agent Skills)이다.스킬은 AI가 참고하는 업무 매뉴얼이다작업 지침과 필요한 스크립트·참고 자료를 한 묶음으로 만들어, AI 에이전트가 해당 일을 할 때 활용하게 한다. 예를 들어 ‘워드 보고서 만들기’ 스킬은 문서 작성 절차와 확인 방법을 알려주는 식이다. OpenAI의 스킬 개념 설명에서도 반복 작업에 쓰는 지침·자료 묶음으로 소개한다.이번에는 검색, 웹 작업, PDF, 워드, 엑셀이라는 ..

피그마에서 버튼을 만들 때마다 글자 길이에 맞춰 사각형 크기를 다시 조절하고 계신가요? ‘로그인’을 ‘지금 바로 로그인하기’로 바꿨을 뿐인데 버튼이 너무 작아지거나, 글자가 밖으로 삐져나오는 경험이 있다면 이번 글이 도움이 될 거예요. 오늘의 피그마 초간단에서는 오토 레이아웃(Auto Layout)을 활용해 글자가 길어지면 버튼도 자동으로 늘어나는 디자인을 만들어 보겠습니다. 처음 접하는 분도 10~15분이면 실습할 수 있도록 꼭 필요한 설정만 다룹니다.이번 글에서 배우는 것Shift + A로 오토 레이아웃 추가하기Hug contents로 내용에 맞춰 크기 조절하기Padding으로 텍스트와 버튼 테두리 사이 여백 만들기텍스트를 바꿔도 형태가 유지되는 버튼 완성하기1. 피그마 오토 레이아웃이란?오토 레이아..

IT-ABILITY · TREND / VOICE PICKS 03문장을 목소리로 바꾸는 AI,한국어와 실행 환경부터 고르자.영상 내레이션을 만들고 싶거나, 내 앱의 문장을 음성으로 읽게 하고 싶을 때 떠올릴 수 있는 선택지가 오픈소스 음성 생성 도구다. 이번에는 GitHub를 중심으로 여섯 프로젝트를 찾고, 한국어 지원과 도입 목적이 어떻게 다른지 비교했다.텍스트 음성 변환(TTS, Text-to-Speech)은 문장을 오디오로 만드는 기술이다. 참고 녹음의 음색을 반영하는 목소리 복제와, 음성 자료로 모델을 추가 학습하는 미세조정은 서로 다른 과정이다. 녹음된 말을 글로 바꾸는 음성 인식이나 음악 생성과도 구분하자.먼저 살펴볼 후보한국어 기능을 넓게 비교하려면 Qwen3-TTS, CPU 기반의 기본 읽기..