전체 글 (8) 썸네일형 리스트형 [피그마] 알아두면 좋은 figma 부트스트랩 벡터 아이콘 (커뮤니티) 피그마 벡터 아이콘 다운로드 [피그마] 알아두면 좋은 figma 주요 250 벡터 아이콘 250 피그마 벡터 아이콘 다운로드 [피그마] 알아두면 좋은 figma 주요 단축키 모음 안녕하세요 코드블리입니다. 요즘 모바일 기획 및 디자인을 피그마에서 직접 하고있는데, 간격도 자동으로 맞춰주고 FLOW도 지정해서 시뮬레이션 할수있고 나름 참 괜찬은 툴이더라구요 단축키 없이 그냥 클릭으로 작업하고 있었는데, 문득 자주 쓰는 MOVE(이동) 이라던가 SELECT(선택)을 하는 단축키를 사용하면 좋겠다 싶어 정리해보았습니다. 들어가기에 앞서, figma에서 Ctrl(cmd)+Shift+/를 누르시면 여러 단축키들을 쉽게 둘러보실 수 있습니다. 그리고 저는 figma를 윈도우 환경에서 주로 사용하기 때문에 Ctrl로 표시했어요. 맥 유저시라면 Cmd로 대체해서 쓰시면 됩니다. 1. File & Properties Ctrl+Shift+E 출력(저장) Export Ctrl+Alt+S 히스토리 저.. Node.js의 개요 § 2009년 Ryan Dahl § 자바 스크립트 언어 § 크롬 V8 엔진 > Node.js의 특징 § 싱글 쓰레드 § 비동기 I/O § 이벤트 기반(event driven) > Node.js의 장점 § 싱글 쓰레드로 작성 § 비동기 I/O § 간단한 구조의 경량 프레임워크와 풍부한 라이브러리 § 서버와 클라이언트에서 사용하는 언어가 같다. > Node.js 개발 권장 분야 § 실시간 소셜 네트워크 서비스 § 데이터 중심의 서비스 § IoT 기기 연동 > Node.js 홈페이지(http://nodejs.org) > Node.js 버전 구성 버전은 두단계로 진행된다. 짝수버전이 Stable / 홀수버전 Unstable 4.x이후(node.js와 io.js 가 통합한후) 4.x 이후 : Stable, LTS.. 챗GPT, 어디까지 써봤니? 실전 활용팁 10가지 챗GPT, 어디까지 써봤니? 실전 활용팁 10가지 Marshall Gunnell | PCWorld1일 전 ‘챗GPT’는 인공지능과 상호작용하는 방식에 혁신을 가져왔다. 고급 자연어 처리 기능을 갖춘 챗GPT는 퀴즈 놀이부터 시 쓰기까지 다양한 작업에 도움을 줄 수 있다. 여기서는 챗GPT를 활용할 수 있는 놀랍도록 재미있고 유용한 10가지 방법을 살펴본다. ⓒOpenAI (edited) 재미있는 레시피 만들기 챗GPT가 할 수 있는 흥미로운 일 중 하나는 사용자의 입맛, 재료, 특정 식단 요건에 따라 레시피를 생성하는 것이다. 원하는 요리 종류, 사용하려는 재료, 식이 제한 사항 등 특정 정보를 입력하면 된다. 그러면 챗GPT가 단계별 지침, 재료의 양, 요리 팁이 포함된 레시피를 알려준다. 챗GPT에 .. 플로팅메뉴바 (가로)_처음에는 안보이고 마우스를 스크롤 다운하면 나타나서 상단에 항상 노출 하는 플로팅 메뉴 / css 반응형 / 인입상품개수에 따라 유동적 조정 / 상품별 객체화 / div정렬 / .. 안녕하세요 코드블리입니다. 고객사에서 기존 은행권 랜딩 사이트에 플로팅 메뉴를 올려달라고 요청을 받았는데, 보통 이러한 경우는 랜딩페이지의 html로 주시면 거기에 맞춰 퍼블리싱을 합니다. 그런에 이번엔 그냥 따로 만들어 달라고 요청이 왔어요 근데 이게..아주 쉬워보이지만 기존의 레이아웃이 없다면 반응형으로 넓이 높이를 지정하지 않고 만들어야 하기때문에 더 고난이도 작업이 되지요. 여튼 3번의 피드백을 받고 완성이 되었습니다. *화면로딩시 보이지 않지만, 마우스를 스크롤 다운하면 나타나서 상단에 항상 노출되는 가로 플로팅 메뉴* 1. 플로팅 메뉴에 상품이 몇개 올라갈지 모르니 유동적으로 만들어 달라. 2. 객체의 넓이 , 높이를 임의로 지정하지 말아달라. 3. 항상 수직 탑, 수평가운데에 메뉴바가 위치하.. 디자인 색상 모드의 이해 RGB 와 CMYK = 개발자의 눈에서 웹과 출력물 색상이 다르다면? 안녕하세요. 코드블리 입니다. 저는 개발자지만 웹용디자인 작업 컬러값을 #000000 으로 항상 소통하여왔는데 어느날 브랜드 색상을 분명히 줬는데 출력물이 좀 어두운거에요 컬러가???? 나름 아티스트이신 부모님의 영향으로 디자인의 지식이 일반 디자이너보다 높다고 자부하는데 "왜 어두운거에요? 감리제대로 않하신거 아니에요? 1도. 2도. ..... 그런데 이유가 있었습니다. 그 이야기 해드리려구요~ 브랜드 및 로고 디자인 작업이 완료되면 최종 로고 파일을 받아보실 텐데요, 추후 해당 원본 파일을 활용하여 명함 엽서 등 서식류를 인쇄하거나 패키지 제작이 필요하실 겁니다. 그렇기 떄문에 로고 디자인 원본 파일을 온,오프라인에서 사용하기 위해서는 색상 값과 인쇄에 대하여 필수적으로 이해하고 있어야 하는 부분들이.. 웹/앱 UI UX 기획자를 위한 참고 사이트 정리 #1. 마인드맵 2022년 2월에 시작한 프로젝트가 끝나고 얼마 되지 않아 또 앱 /웹 개발이 의뢰가 들어왔습니다. 아무래도 성공적으로 앱스토어에 론칭을 하고 나면 개발회사가 아주 많아도 안정적이고 경험이 많은 곳을 찾는 듯합니다. 그래서, 이번 기회에 실무 앱/웹까지 진행하는 그 기나긴 과정을 한번 정리해보고자 합니다. 앱개발이라 하지만, 결국은 웹사이트(랜딩페이지) 앱(하이브리드로 할 것인지 네이티브로 할 것인지) 관리자 페이지 를 모두 구축하여야 하기 때문에 겉으로 보는 것만큼 간단하지 않지요. 서비스 기획에 관련된 툴은 글로벌 트렌드에 따라 많은 변화를 겪고 있는 것 같습니다. 오래 사용하여 익숙한 툴로 빠르게 기획하는 것도 중요하지만(전 PPT 사용) 트렌드에 발맞추는 것 또한 놓쳐서는 안 되는 것 같습니다. .. 이전 1 다음
