전체 글61 [디자인꿀팁] 꼭 써야 할 Figma 플러그인 Top3 Rename it 다량의 컴포넌트 이름을 한번에 바꿀 수 있는 플러그인. https://www.figma.com/community/plugin/731271836271143349/Rename-It Figma - Rename It | Keep your Figma files organized, batch rename layers and frames. • Mutiple Layers Rename Multipl... Figma Community plugin — Keep your Figma files organized, batch rename layers and frames. • Mutiple Layers Rename Multiple layers at once. • Sequence Sequentially rename.. 2021. 7. 16. 홈페이지 솔루션으로 홈페이지 만들기 1. 크리에이터 링크 아주 편리하다. 어느정도 퍼블리싱을 할 수 있는 디자이너가 섬세하게 디자인을 수정하고 싶다면 비추. 디테일한 퍼블리싱은 불가능하다. 내일 상담전화해서 물어볼 것 1. 헤더 디자인 변경이 가능한가? NO 2. 서체 커스텀 가능한가? NO 3. 메인 페이지 버튼을 넣을 수 있는가? NO 개인 커스텀 디자인의 취약점이 큰 사이트이다. 2. 워드프레스 https://www.youtube.com/watch?v=AQVoTIVPZn8 아주 친절한 튜토리얼로 보고 따라하기만 해도 큰 개발 공수 없이 홈페이지를 만들 수 있다. 실수1. wordpress.com 과 wordpress.org 를 헷갈려서 클라이언트에게 wordpress.com 로그인 하라고 전달했다. 절대 헷갈리지 말자 2. 다국어 설.. 2021. 6. 30. javascript 함수 정리 a ≠ A이고 a = B이다. {#if !==a} A {:else} B {/if} 2021. 6. 25. input 타입 range 스타일 커스텀 https://github.com/Dev-Jeromebaek/design_note/issues/1 🤹♀️ input 타입 range 스타일 커스텀하기 · Issue #1 · Dev-Jeromebaek/design_note input 타입 range 스타일 수정하기_커스텀 스타일 요구조건 input type="range" 약간의 커스텀이 가능하다고만 알고있었는데 작업할 일이 없어서 만져본 일이 없다가 요구조건이 있어서 천천히 뜯어보 github.com 2021. 5. 20. IntelliJ Plugin 설치 방법 1. 단축키 ( Command + , ) 클릭 후 Preferences 로 들어갑니다. 2. Plugins를 검색합니다. 3. 원하는 Plugin을 검색 후 Install을 클릭하면 끝! 2021. 5. 18. IntelliJ를 결제했다 1. 기존에 쓰던 어둠의 IntelliJ 쿠키 날리기 https://intellij-support.jetbrains.com/hc/en-us/articles/206544519 Directories used by the IDE to store settings, caches, plugins and logs Location of the IDE files depends on the operating system, product and version. 2020.1 and above versions 2019.3.x and below versions Examples for IntelliJ IDEA 2020.3: Windows: Configuration (i... intellij-support.jetbrains.com .. 2021. 5. 18. [웹 퍼블리싱] 내 홈페이지에 트렌지션 넣기 * 트렌지션 단축 코드 transition : 속성 시간 변화 지연 transition : width .35s ease .1s; transition : 전체 시간 transition : all .35s; 2020. 6. 22. [디자인꿀팁] 벤치마킹 사이트 모음 1. Behance 세련된 디자인이 거의 다 모여있다고 볼 수 있는 유명한 사이트. 해외의 작품들을 쉽게 볼 수 있다는 장점이 있다. https://www.behance.net/ 최고의 Behance 오늘의 큐레이터 추천 프로젝트 www.behance.net 2. Dribbble 퀄리티 높은 UXUI 디자인 작업물을 접할 수 있는 사이트. 색상을 사용하는 방법이나 아이콘과 로고 등 통일감 있는 디자인 작업 시 참고. dribbble.com/ Dribbble - Discover the World’s Top Designers & Creative Professionals Discover the world’s top designers & creatives Dribbble is the leading destina.. 2020. 5. 22. 맥 단축키 https://knulab.com/archives/9733 맥 사용자가 알아야 할 9가지 단축키 – KNULAB Mac 단축키는 Apple 컴퓨터에서 사용하면 보다 복잡한 일련의 작업들이 한결 수월해지는 키 조합이다. 모든 컴퓨터 작업 (복사, 붙여넣기, 잘라내기 등)에 필수적인 기본 단축키와 함께 디자인 프로세스를 간소화하는 간단하고 실용적인 방법이다. 01. 창 닫기/Close window (Command + W) 많은 다른 문서를 동시에 작업 할 때 상단 모서리의 빨간색 점을 클릭하는 대신 Cmd + W 바로 가기를 사용하여 원치 않는 창을 제거하는 것이 시 knulab.com 2020. 2. 19. [컬러리스트 기사] 실기 준비 전 조사 및 마음의 준비 https://m.blog.naver.com/PostView.nhn?blogId=kkongjamae&logNo=221562048024&categoryNo=28&proxyReferer=https%3A%2F%2Fwww.google.com%2F [컬러리스트 산업기사 자격증]::2019 제1회 컬러리스트산업기사 실기시험 독학 합격후기 및 공부법(+공부 팁/시험장 팁) 안녕하세요꽁자매입니다지난번 컬러리스트 산업기사필기시험 독학 및 시험 후기 포스팅에 이어오늘은 엄청... blog.naver.com https://dailysolar.tistory.com/2 독학러를 위한 2019 컬러리스트 기사 최종 합격 후기 드디어!! 2019년 5월 22일(수) 2019년 컬러리스트 정기 기사 1회 합격자 발표가 나왔다. 회사.. 2020. 2. 19. 반응형 웹을 만들기 위한 첫걸음 - 기본 원칙 9가지 반응형 웹 디자인이란? 디바이스의 크기에 따라 유동적으로 적응할 수 있는 디자인이라고 생각한다. 상세설명은 http://beesflow.co.kr/%EB%B0%98%EC%9D%91%ED%98%95%EC%9B%B9%EC%9D%B4%EB%9E%80/ 반응형웹이란? - 비즈플로우 10년이상 전문가들의 워드프레스개발 반응형웹 웹디자인 전문업체 beesflow.co.kr 반응형 웹의 9가지 기본 원칙 참고 사이트! https://knulab.com/archives/1153 반응형 웹 디자인의 9가지 기본 원칙 – KNULAB 반응형 웹 디자인은 다중 스크린 문제에 대한 훌륭한 솔루션이지만 인쇄 관점에서 볼 때 어려움을 겪습니다. 고정 된 페이지 크기가 없으며, 밀리미터 또는 인치가 없으며, 물리적 인 제약이 없습.. 2020. 2. 18. [일기] 서울 지하철에서 아이폰을 떨어뜨리면 일어나는 일 ★ 동생이 간만에 서울집에 올라와 전화를 걸었다. 타이밍이 기가막히게 맞아 집 앞 지하철 개찰구에서 함께 집에 가기로했다. 그러고 집에 도착한 후, 폰이 없다는 사실을 깨달았다. 개찰구 앞에서 에어팟을 빼고 폰을 주머니에 넣으려고 한 순간부터 집까지 걸어가는 길에 떨어뜨린거같은데 기억이 삭제당한건지 어디서 떨어뜨렸는지 기억이 나질 않았다. 동생 폰으로 전화를 걸어봐도 폰은 꺼져있고.... 지하철과 집을 총 3번 오가며 빗길을 뒤졌다. 지하철 CCTV조회는 경찰동행으로만 가능하다고해서 경찰서에 전화 후 경찰과 함께 조회했지만 화질도 구리고, 사각지대도 있어서 확인불가.... 희망의 끈을 처절히 붙들며 LG U+홈페이지로 들어가 분실신고를 하고 마지막 위치를 지도에서 조회해보니 동대문ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ.. 2020. 2. 17. [디자인꿀팁] 무료 목업 사이트 모음 직접 쓰려고 모아둔 유용한 UI 목업 사이트 모음 01. Free Mock Up 디바이스 종류별로 목업들이 있어 가장 활용성이 높은 사이트다. 인쇄물, 제품 목업들도 다수 있다. https://www.free-mockup.com/ Free Mockup | Best free Mockups We collect the best free mockups in one place. Free for personal and commercial use. It's very convenient, join us. www.free-mockup.com 02. anthony boyd graphics 퀄리티가 높고 깔끔하다. 개성이 강한 목업이 많아 구경하는 재미가 있다. https://www.anthonyboyd.graphics/m.. 2020. 2. 12. [디자인꿀팁] 신입 디자이너라면 꼭 알아야 할 무료 폰트 1 저작권 무료 사이트 내용 https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com https://brunch.co.kr/@jade/203 저작권 걱정없는 무료 한글폰트 한글날 기념 무료 한글 글꼴 포함 | 이제 매년 한글날이 되면 많은 기업들이 한글폰트를 내는 것이 좋은 홍보의 수단이 되는 듯 하다. 최근에 누구나 이용할 수 있도록 공개된 무료 한글 공개 폰트(글꼴)들을 정리해 보았다. 유료가 아니어도 예쁜 폰트가 참 많아졌다. 1. 네이버 나눔한글폰트 http://hangeul.naver.com/2016/nanum 가장 많이 사용하는 .. 2020. 2. 12. 이목을 끄는 홈페이지 디자인-1 (기획) 잘 팔리는 디자인은 무엇이 다른가? 온라인 쇼핑몰의 목적은 매출이다. 잘 팔리는 홈페이지 비법의 액기스가 집중된 곳이라 생각이 들었다. 참고사이트 : https://m.blog.naver.com/PostView.nhn?blogId=businessinsight&logNo=221788838324&targetKeyword=&targetRecommendationCode=1 온라인 쇼핑몰 매출 수직 상승 비법은 '이것'이다?│인터비즈 [HBR/하버드비즈니스리뷰] 날이 갈수록 인터넷, 모바일 쇼핑몰 시장은 커지고 있다. '쇼루밍족... blog.naver.com 온라인 고객경험의 핵심요소 정보성 오락성 사회성 감각성 https://itcha.co.kr/ 잇차 itcha.co.kr 2020. 1. 30. [디자인꿀팁] 시간 없을 때 쓰는 PPT 참고/구매 사이트 01. 피피티모아 https://pptmoa.com/ 무료 PPT템플릿 사이트 - 피피티모아 최저가 1000원! 무료 PPT템플릿, 눈에 확 띄는 고품질 세련된 PPT템플릿 배경, 아이콘, 그래프, 차트, 피피티모아 pptmoa.com 참고할 만한 세련된 디자인이 많고 무료 템플릿도 있어 디자인 작업 시 유용하다. 추가+) 디자이너가 꼭 알아야 할 디자인 꿀팁들 https://develop-designer.tistory.com/62 [디자인꿀팁] 무료 아이콘 사이트 모음 작업시간을 단축시키는 무료 아이콘 사이트 모음 아이콘은 아주 작은 요소지만 작은 디테일로 디자인의 분위기를 좌우하기 때문에 작업물의 퀄리티에 큰 영향을 끼친다고 생각한다. 그렇기 때 develop-designer.tistory.com h.. 2020. 1. 9. Php storm _ local 사이트 연결 안될 때 01. Wifi 연결 오류 사무실을 옮겼거나 기존 와이파이를 변경했을 때 일어날 수 있는 오류이다. 기존 설정했던 와이파이로 연결하면 local사이트가 연결된다. 02. 주소 설정 오류 local 주소를 찾고 호스트 번호를 변경해준다. 터미널에 순서대로 ifconfig e1 을 치면 주소가 나온다. 주소가 다를 경우 우측상단의 Edit Comfigurations..버튼을 누른다. Server Configuration의 호스트 주소를 변경한다. 2019. 12. 4. 05. 템플릿 & 프로젝트 구성 1. 뷰 템플릿 2. 뷰 프로젝트 구성 방법 1. 뷰 템플릿 : html, css 등의 마크업 속성과 뷰 인스턴스에서 정의한 데이터 및 로직들을 연결하여 사용자가 브라우저에서 볼 수 있는 형태의 html로 변환해 주는 속성. 템플릿에서 사용하는 뷰의 속성 데이터 바인딩 자바스크립트 표현식 디렉티브 이벤트 처리 고급 템플릿 기법 디렉티브 v-접두사를 가지는 모든 속성 처음뵙겠습니다. 개자이너입니다. 디렉티브 이름 역할 v-if 참/거짓을 판단해 html태그를 화면에 표시하거나 표시하지 않는다. v-for 지정한 뷰 데이터의 개수만큼 html태그를 반복 출력한다. v-show v-if와 비슷하지만 v-show는 css효과(display:none;)을 주어 실제 태그는 남기고 화면상으로 보이지 않게 할 수 있.. 2019. 9. 25. 이전 1 2 3 4 다음 반응형
