ETC9 간단하게 사용해볼 수 있는 와이어프레임 제작 AI툴 신규 서비스 구축을 위해 와이어프레임을 제작할 일이 생겼다.프론트엔드 개발자로서 기존에는 클로드로 모든 것을 해결했지만, 결과물을 프롬프팅뿐만 아니라 직접 수정해보고 싶기도 했고기술이 넘쳐흐르는 시대에 실제 UX/UI 디자이너들은 어떤 툴을 쓸지 궁금해서 여러가지를 사용해봤다. '자산 관리 시스템'에 대해 자산 등록, QR코드 프린트 및 실사 기능 등등의 기능을 포함해서chatGPT를 사용해 프롬프트를 작성해 동일하게 요청했다. 1. Figma - Wireframe DesignerFigma 플러그인에 설치해서 바로 사용 가능하다.💰 한달에 10회 무료 요청 가능 / Pro 업그레이드 비용 : $5상당히 저렴한 가격으로 제공되는데 결과물도 저렴하다. 한장짜리 오버뷰로 나옴.그리고 대화형 프롬프트가 .. 2025. 8. 22. 이것저것 개념 정리 Spring boot웹 프로그램을 쉽고 빠르게 만들 수 있도록 도와주는 자바의 웹 프레임워크.사용자가 일일이 모든 설정을 하지 않아도, 자주 사용되는 기본 설정을 알아서 해준다. JPA(Java Persistence API)자바에서 객체를 데이터베이스에 저장하고 관리하기 위한 인터페이스와 기능을 제공하는 API.스프링 부트는 JPA를 사용하여 데이터베이스를 처리할 수 있고, JPA를 구현한 대표적인 실제 클래스에는 Hibernate가 있다.@Entity@Table(name = "input_data")public class InputData .. 정의정의InputData data = new InputData("Alice", "Hello!");entityManager.persist(data); 이러한 예시에.. 2025. 3. 11. Voice Cloning 보이스 클로닝이란, 최소 샘플 데이터 기반의 음성복제 알고리즘이다. 1. 준비 단계대상 목소리의 음성 데이터를 수집한 녹음 파일 + 음성 데이터와 일치하는 텍스트 대사 2. AI 모델 학습1) 데이터 전처리 (노이즈 제거, 음성 분할 등)2) 음성 모델 학습 (Tacotron, WaveNet, VITS 등) - 음성의 특성을 파악하고, 입력된 텍스트를 해당 목소리로 변환할 수 있도록 목소리를 훈련시킨다. 3. 음성 생성1) 텍스트 입력 - 생성하고자 하는 텍스트를 입력한다.2) 음성 합성 - 학습된 모델을 이용해 입력된 텍스트를 대상 목소리로 합성한다. 2023년 12월에 발표된 논문 OpenVoiceby MIT, 칭화대, 마이쉘(캐나다 AI 스타트업) 연구진 - 짧은 오디오 클립만으로도 보이스 클로닝.. 2025. 2. 20. 프론트엔드 프레임워크 프레임워크란?개발에 필요한 화면 구현, DB 연동 등의 공통된 부분을 제공하여 비용을 낮추고 시간을 단축시키는 역할을 한다.프레임워크가 웹 개발에서 필수는 아니지만, 팀 단위 작업에서 작업 속도를 비약적으로 높이고 개발을 단순화할 수 있으므로,프로젝트 목표에 맞는 프레임워크를 적절히 선택하여 개발하는 것이 도움이 된다. Stack Overflow Developer Survey 2022In May 2022 over 70,000 developers told us how they learn and level up, which tools they’re using, and what they want.survey.stackoverflow.co 1. Angular 구글에서 만든 JavaScript 프레임워크이다.. 2023. 3. 19. 10개의 언어로 웹앱 만들기 재밌는 영상을 보게 되어서 기록하는 포스팅입니다. Ruby나 DJango, https://www.youtube.com/watch?v=FQPlEnKav48 1. What does a WEB FRAMEWORK actually do? 1) MODEL They provide an abstraction over your *relational database. They typically have a built-in OBJECT RELATIONAL MAPPER that can migrate code from your preferred programming language into SQL code that can be used by the database. *relational databse 관계형 데이터베이스 관리 .. 2023. 3. 9. OSI 7 Layer | TCP/IP Updated Layer Background시험을 위해, 면접을 위해 달달 외우는 OSI 7 계층.이번에도 다시 달달 머릿속에 넣다가, 몇년째 이 개념을 이렇게 요약적이고 추상적인 의미로만 받아들이는게 아쉬워서 조금은 가벼운 마음으로 추가적인 정리를 해보기로 했다. 포스팅의 일부는 우아한Tech 채널의 아래 영상을 참고했다. 명강의,,https://www.youtube.com/watch?v=1pfTxp25MA8 Physical Layer (PHY, L1)모든 파일과 프로그램은 0과 1의 나열이다. 다시 말해, 0과 1만 주고받을 수 있다면 통신이 가능해진다.이렇게 0과 1이 나열된 bit 정보를 주고받기 위해서는 source에서는 아날로그의 전기적 신호로 바꾸고(encoding), target에서는 아날로그 신호를 해석(de.. 2022. 3. 14. C++ 메모리 접근 형변환 https://igotit.tistory.com/entry/CC-%EC%99%80-%EB%A9%94%EB%AA%A8%EB%A6%AC-%EC%A0%91%EA%B7%BC-%ED%98%95%EB%B3%80%ED%99%98 C/C++. & 와 * 메모리 접근 형변환 uint32_t ui32 = 26584; uint8_t ui8[4]; ////32비트 정수 ui32 를 8비트 정수배열에 배치하기. uint8_t * pui8 = (uint8_t*)&ui32; // ui32 의 주소를 uint8_t 포인터 형으로 받고. ui8[0] = *(pui8+0); ui8[1] =.. igotit.tistory.com uint32_t st = 1234512345; uint8_t sst[4]; cout 2022. 1. 17. vi란? vi는 1976년도에 만들어진 유서 깊은 에디터이다. vi 및 vim의 역사에 대한 글이다. https://twobithistory.org/2018/08/05/where-vim-came-from.html Where Vim Came From Tracing the long lineage of software that brought us Vim. twobithistory.org 요약하자면, 옛날 옛적에는 텍스트를 편집할 때 라인 에디터(ed)라는 아주 불편한 것을 썼다고 한다. 그러던 중 1976년도에 빌 조이라는 전설의 프로그래머가 vi를 개발하며 텍스트 편집이 매우 편해졌고, 이후 vi를 오픈소스화한 여러 변종들이 등장했는데 그 중 하나가 바로 vim(vi improved)이라고.. vi에는 일반 모드, .. 2021. 12. 30. Shell이란? 셸(Shell)은 사용자로부터 명령을 받아 그것을 해석하고 프로그램을 실행하는 역할을 한다. 사전적 의미로는 조개 껍데기를 뜻하는데, 내부의 커널이 있고 사용자는 이를 감싸고 있는 껍데기를 통해 커널에 접근한다는 개념으로 컴퓨터의 초창기인 60년대부터 사용된 단어라고 한다. 셸은 흔히 명령 줄 셸인 CLI와 그래픽 셸인 GUI로 구분한다. 그 외에도 이 환경으로 접속하는 보안접속 프로그램인 SSH(Secure Shell)을 일컫는 말이기도 하다. 본격적으로 셸에 대해 알아보기 전에 셸과 터미널의 차이를 알아보면 다음과 같다. 셸 : 사용자가 글자를 타이핑하여 컴퓨터에게 명령할 수 있도록 하는 프로그램 터미널 : 셸을 실행하기 위해 글자 입력을 받아 컴퓨터에게 전달하거나 컴퓨터의 출력을 글자 화면에 쓰는 .. 2021. 12. 30. 이전 1 다음
