슾이 지은 고봉밥

이번에는 업무와 관련된 플러그인 외 추가로 참고할만한, 이런 작업도 되는구나 싶은 플러그인들을 공유하려고 한다. 기획자도 사용할 수 있지만 디자인 작업에 더 유용하지 않을까 싶다. 지난번에 소개한 UI/UX 관련 AI 서비스인 Galileo의 경우는 피그마에서 작업파일을 옮겨 사용할 수 있는데, Uizard의 경우는 피그마에서 해당 플러그인을 제공한다. 해당 플러그인은 본인이 설계한 화면을 Uizard로 내보낼 수 있는 기능을 제공한다. (내보내기한 후 Uizard의 Focus Predictor와 같은 기능을 사용해 보면 좋을 것 같다.)https://soupsrice.tistory.com/17 UI 디자인을 위한 생성형 AI 서비스(1) - Galileo AIAI 기술을 접목시키는 서비스가 계속해서 출..

피그마에는 유용하게 쓸 수 있는 플러그인이 많다.굳이 구글 검색을 하지 않아도 바로 쓸 수 있는 아이콘, 무료 이미지 등 바로 찾고 적용할 수 있다.알고 있는 몇 가지 플러그인들을 공유하려고 한다.  Iconify아이콘을 형태에 따라 나뉘어져 있어 원하는 디자인에 맞게 빠르게 찾아 적용할 수 있다.구글부터 아이콘 끝이 둥근형태, 뾰족한 형태 등등 여러 카테고리로 나뉘어져 있어 좋고, 태그를 통한 검색도 가능하다.https://www.figma.com/community/plugin/735098390272716381 Iconify | Figma CommunityImport Material Design Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji and m..

Uizard는 생성형 AI 서비스로 명령어 입력 시 적절한 Ui를 제안해주는 서비스다.주요 기능은 명령어 입력을 기반으로 한 와이어프레임, ui 제안 뿐만 아니라 ai를 이용해 내가 설계한 화면의 히트맵 예측과 같은 설계 시 참고할 만한 기능들을 다수 제공하고 있다. 서비스 접속 및 로그인 시 아래와 같은 홈 화면을 볼 수 있다. 피그마처럼 다른 사용자가 올려놓은 템플릿을 이용할 수 있다. 주요 기능1) 검색을 이용한 쉽고 빠른 ui 생성위의 빨간색으로 표시한 검색창에 원하는 화면을 작성하고 클릭하면 오른쪽 작업 영역에 뿌려진다.검색 영역 밑에 보면 세분화된 검색 필터가 있어 이를 활용할 수 있다. (컴포넌트 생성 및 검색에도 유용해 보인다.) 2) 와이어프레임을 디자인된 샘플 화면으로 변경여기서 좋은 ..

AI 기술을 접목시키는 서비스가 계속해서 출시되고 있다.이미 Chat GPT처럼 AI기술을 UI/UX 업무에 활용하여 문서를 작성하거나, 업무 자동화에 적용하는 등 실무에 쓰이는 사례가 늘고 있다.Chat GPT 뿐만 아니라 Galileo, Uizard, Genius와 같은 UX 디자인에 적용할 수 있는 생성형 서비스에 대해 소개하려고 한다. 그 중 오늘은 Galileo AI를 소개한다. Galileo AI 인터페이스 디자인을 위한 생성형 AI 서비스다. 접속 시 아래와 같은 화면이 노출되며, 로그인 이후 사용 가능하다.https://www.usegalileo.ai/explore Galileo AIGalileo AI is a UI generation platform for easy and fast des..

정보처리기사 필기 합격했다.필기의 경우 CBT 시험 방식으로 답안 제출 후 합격(예정) 여부가 바로 보인다.제출 버튼 누르기 직전 굉장히 두근거렸다.. 거의 1년 만에 두근거린 듯 하다.  1. 정보처리기사 필기 사용 교재교재는 시나공 정보처리기사로 보았다.수제비와 많이 고민했지만, 시나공에는 각 제목 앞에 A, B, C, D와 같이 시험에 자주 출제되는 비율대로 표시를 해두었다.직장인이었기 때문에 시간이 부족할 수 있다 생각해 시나공을 선택했다.설명도 꽤 자세했고 무료 강의도 있었다. 공부하면서는 무료 강의 들을 시간조차 부족하다 생각해서 정말 모르겠는 부분은 검색 및 잘 정리된 글을 통해 이론을 바로 습득했다.좋은 점은 교재 뒷편에 최신 기출별 문제와 답, 해설까지 있어 따로 찾아볼 필요없이 책 구성..

뒤늦게 정보처리기사 자격증을 취득하기 위해 공부하고 있다. 모두 취득할때 미뤄두다가 점점 필요성을 깨달아 공부 중이다. 그 중 급 헷갈려서 찾아본 것을 정말 짧게 정리한다. b=++b/3 + c--이라는 식이 있다고 가정하자. (b=2, c=1) 전치(++b)는 b를 먼저 증가시킨 후 연산을 진행한다. 반면에, 후치(c--)는 모든 연산이 끝난 후 증가시킨다. 그러므로 b=2가 된다. c의 감소는 모든 연산이 끝난 후 결과가 나온 뒤 감소된다.

PPT형식의 화면설계서(스토리보드)로 여전히 실무에서 많이 활용한다.요구사항을 기준으로 작성한 화면에 설명을 붙이려면 글의 양이 많아질 수 밖에 없어 PPT형식에 사용되는 양식은 PPT뿐만 아니라 Figma 등에도 동일한 구성으로 사용된다.직접 가독성 좋은 화면설계서를 만드는 것도 좋지만, 시간 상 이미 좋게 다듬어진 것을 찾아 수정 혹은 활용하는 것이 빠르다.그 중 Figma에 있는 커뮤니티를 사용해 좋은 화면설계서(스토리보드)양식을 활용하는 법을 공유하려고 한다. 왜 하필 Figma인지나의 개인적인 기준으로는 유료 PPT형식 템플릿을 찾거나, 굳이 그렇게 찾지 않아도 Figma의 커뮤니티를 사용하는 것이 빨랐다.그리고 PPT보다 가독성있게 만든 템플릿을 제작 혹은 활용하여 Figma를 사용해 팀 내 ..

고객 사이트와 연동되는 관리자 사이트는 모든 메뉴들이 고객에게 제공하 서비스와 연관되어 구성하게 된다.예를 들어, 고객에게 제품을 판매하는 서비스라면 공개 물품부터 가격, 할인율, 문의사항 등 연관된 여러 관리자 메뉴를 생성하고 관리자가 이에 대한 데이터를 생성, 수정, 삭제할 수 있게 한다.고객 화면에서는 서점, 옷, 콘텐츠 등 어떠한 서비스 분야라도 보여주고 싶은 부분을 더 강조하기 위해 가장 먼저 노출되는 '순서'가 중요하다.이는 고객이 보는 카테고리 혹은 검색 결과 순위 등에 녹여져 있다. 관리자가 코드 관리를 하는 이유고객에게 보여지는 정보는 대부분 데이터로 관리된다.이때 고객에게 보여지는 제품 노출 순서, 검색 결과 순서, 검색 필터 순서, 메뉴 순서 등 고객에게 우선적으로 노출되도록 유도할 ..

제4정규형(4NF) 4NF는 BCNF를 만족하면서 다치 종속을 제거하는 과정이다. 다치 종속은 아래와 같다. A, B, C 3개의 속성을 가진 릴레이션에서 복합 속성 (A, C)에 대응하는 B값의 집합이 A에만 종속되고, C에는 무관하다면 B는 A에 다치 종속이라 한다. (A->>B) 즉 4NF는 모든 속성이 A에 함수적 종속 관계를 만족하도록 해야한다. 이름 자격증 언어 홍길동 정보처리기사 C 김철수 SQLD C++ 박이동 빅데이터분석기사 JAVA 위의 테이블을 보면 이름, 자격증에 대응하는 언어의 집합이 이름에만 종속되고, 자격증과는 무관한 관계이다. 이때 다치 종속을 제거하려면 아래와 같이 릴레이션을 분리하여 제거한다. 이름 자격증 홍길동 정보처리기사 김철수 SQLD 박이동 빅데이터분석기사 이름 언..

정규화 과정은 종속성 이론을 이용해 잘못 설계된 관계형 스키마를 작은 속성의 세트로 쪼개는 과정이다.사실 위의 정의는 처음 봤을떄 뭘 이렇게 어렵게 말을 하지 라고 생각을 했다.개인적으로 이해하기는 릴레이션(테이블)을 분해하여 데이터가 불필요하게 중복되거나 예기치 못한 현상(잘못 삽입/삭제/갱신)을 방지하기 위해 정규화 과정을 진행한다.정규화를 알기 전 아래의 내용을 숙지하면 좋다. 제1정규형(1NF)1NF는 릴레이션(테이블)에 속한 도메인이 원자값만으로 되어있는 정규형이다.아래의 표 과목 속성을 보면 수학, 영어 두 개가 있다. 이름나이과목홍길동17수학, 영어김철수17과학, 사회 1NF를 만족하려면 아래와 같이 과목에 원자값만 있어야 한다. (값이 하나만 있어야 한다.)이름나이과목홍길동17수학홍길동17..