💡Design Mode 메인 메뉴 Figma 작업 화면에서 좌측 상단 Figma 로고 아래로 화살표를 클릭하면 메인 메뉴가 Drop Down 된다. Quick actions 메뉴는 작업하고 있는 파일 안에 들어 있는 기능을 찾아주는 검색 기능이다. Dev Mode 메인 메뉴 Dev Mode로 전환한 뒤의 메인 메뉴는 Design Mode와 상이하므로 참고한다. 파일 불러오기 메인 메뉴에서 Ctrl + Shift + K 단축키를 이용하여 Place image/video를 빠르게 할 수 있다. 파일을 선택하면 마우스 커서 옆에 썸네일이 보이면서 화면 어디에 이미지를 위치할 것인지 보여준다. 이미지를 삽입할 위치를 정하고 나면 Figma 파일 안에 이미지가 들어가게 되며, 좌측의 레이어 패널에서도 이미지 레이..
💡Design Mode 디자인 모드는 화면을 디자인하기에 최적화된 모드로, 다양한 UI 요소를 설계하고 비주얼 속성을 정의하는 데 특화되어 있다. 컬러 값, 크기, 위치 등의 속성을 조정하여 레이아웃 디자인을 변경할 수 있으며, 추가적인 작업을 통해 고도화된 디자인을 만들 수 있다. 💡Dev Mode 개발 모드는 디자인된 화면의 코드를 확인하는 데 특화되어 있다. Dev Mode를 통해 개발자들이 디자인을 확인하고 버튼의 위치, 글꼴 크기 등을 쉽게 확인할 수 있도록 지원하고 있다. Shift + D 단축키로 간편하게 Design Mode와 Dev Mode를 전환할 수 있다. Dev Mode 시작하기 오른쪽 상단의 'Dev Mode' 버튼을 클릭한다. 그러면 Welcome to Deve Mode라는 글과..
[Figma] 개발자 환경 구축: Figma 계정 생성 및 프로그램 설치 💡Figma 환경 구축 https://www.figma.com/ Figma: The Collaborative Interface Design Tool Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform. isaac-christian.tistory.com Figma를 설치하기 전이라면 위 글을 참고하여 계정을 생성하고, Figma를 설치하도록 한다. 💡페이지 알아보기 프로젝트 팀 권한 Owner (Ad..
💡Figma 환경 구축 https://www.figma.com/ Figma: The Collaborative Interface Design Tool Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform. www.figma.com Figma 홈페이지에서 최신 업데이트 내용과 인사이트를 확인할 수 있다. Figma 계정 생성 계정 생성을 위해 Get started for free 버튼을 클릭하여 가입 화면으로 넘어간다. 팝업창에서 구글 이메일로도 등록이 가능하며, 업무용으로 ..
💡Figma란? Figma는 UX/UI 디자인 및 프로토타입 제작을 위한 기능을 온라인에서 사용할 수 있는 디자인 툴이다. 웹, 앱, 인터페이스 디자인 등 다양한 분야에서 사용되며, 디자인과 개발 과정에서 필요한 여러 협업 기능을 지원한다. 2022 Design Tools Survey 결과, 현업에서 UI 디자인과 프로토타이핑에 가장 많이 사용하는 툴로 Figma가 선정되었다. 프로토타이핑 툴의 차이점 피그마 (Figma) 스케치 (Sketch) 프레이머 (Framer) 포토샵 (Photoshop) 실행 환경 웹, 프로그램 프로그램 (MAC OS만 가능) 웹, 프로그램 프로그램 실시간 공동 작업 O X X X 히스토리 관리 O X O X 애니메이션 프로토타이핑 O O O X 디바이스별 대응 O O O X..
💡텍스트 전처리텍스트 전처리는 자연어를 컴퓨터가 이해하고 처리할 수 있는 형태로 변환하는 과정이다. 이를 통해 기계는 자연어를 이해하고, 인공지능은 텍스트 데이터를 학습할 수 있게 된다.텍스트 전처리 과정은 Sentence, Tokenization, Cleaning, Stemming, Encoding, Sorting, Padding/Similarity로 진행된다. 🔎언어의 형태소한글은 띄어쓰기가 되어 있지 않은데 함축적으로 들어 있는 내용과 파생 표현이 많기 때문에 토큰화를 진행하기가 어렵다. 그렇기 때문에 자연어를 효과적으로 처리할 수 있도록 전처리 과정이 필수적이다.예시 문장: 바쁜 일상 속에서도 책을 읽는 것은 마음의 휴식이 된다."바쁜": 자립 형태소 (형용사)"일상": 자립 형태소 (명사)..
💡자연어 처리 소개자연어는 일상생활에서 사용하는 보편적인 언어이며, 자연어 처리는 컴퓨터가 자연어를 이해하도록 처리하는 것이다.자연어 처리는 인공지능 분야에서 머신러닝을 활용하여 텍스트와 데이터를 이해하고 처리하는 기술이다. 주로 텍스트의 구조와 의미를 파악하여 다양한 응용 분야에서 활용된다.컴퓨터에게 인간과 유사한 방식으로 언어를 이해하는 능력을 부여하며, 통계적 머신러닝과 딥러닝을 활용하여 언어 모델을 구축한다.음성 인식(Speech Recognition), 번역(Translation), 요약(Text Summary), 분류(Text Classification) 등의 분야에서 자연어 처리 기술이 다양하게 활용되고 있다. 자연어 처리란?NLP(Natural Language Processing, 자연어..
모니터가 하나일 때 코딩하는 화면, 결과를 확인하는 화면, 기타 작업을 하는 화면을 모두 한 화면에서 해결해야 한다는 불편함이 있었다. 작업량이 많아지면서 모니터가 하나 더 있으면 좋겠다는 생각이 간절했는데, 여자친구에게 이른 생일선물로 모니터를 받게 되었다.😄 여자친구가 선물해 준 모델은 BenQ 24인치 모니터이다. 플리커프리 기술로 밝기를 제어하고, 미세한 깜박임(플리커)을 줄여서 눈의 피로를 줄여준다고 한다. 개발자 특성상 모니터를 보는 시간이 많아서 이 부분이 특히 마음에 들었다. 모니터는 조립하는 데 5분도 채 걸리지 않았다. HDMI 선을 연결하니 바로 화면 연결이 됐다. 24인치 크기도 너무 크지도 작지도 않고 적당하게 느껴졌다. 불량화소도 없어서 오래오래 잘 사용할 거 같다. 그리고 홈플..
