어도비 XD 는 UI 디자인을 할 수 있는 도구입니다. 제플린과 연동해서 디자이너와 퍼블러셔 개발자가 협업작업도 가능해서 많은 분들이 사용하고 있는데요. 예전에는 스케치를 많이 썼고 아직도 현업에서 사용하고 계신 회사들이 있는지는 잘 모르겠지만 저는 처음부터 XD 만 사용해서 XD 에 익숙한 편입니다. 오늘은 제플린과 어도비 XD 연동하는 방법을 살펴보겠습니다. 제플린 제플린은 디자인 작업물을 개발자에게 전달할 수 있는 툴입니다. 이전에 포토샵에서 작업한 디자인을 개발자에게 전달한다면 아마도 중간에 퍼블리셔가 완전한 작업물을 만들기 전까지는 작업물의 수치나 이미지 요소들을 가져다 쓰기가 불편해서 디자이너는 디자이너대로 이미지요소를 모아서 보내줘야하고 수치도 각각 알려줘야만 했습니다. 지금은 제플린이 있기..
CSS 이해하기에 이어서 CSS 셀렉터를 알아보고 활용하는 방법을 함께 알아보겠습니다. 예제를 따라서 작성해보고 브라우저에서 확인해보는 방법으로 하시면 쉽게 이해하실 수 있을 것 같아요. 아래는 샘플 html 입니다. 이 문서에 CSS 를 적용해 보겠습니다. CSS TEST 간단히 CSS 요소에 대해 알아봅니다. 첫번째 리스트 요소입니다. 두번째 리스트 요소입니다. CSS는 지난번 CSS 이해하기에서 잠깐 말씀드린 것처럼 selector { } 형식으로 되어 있습니다. 각각의 태그에 직접 적용하는 경우는 제외하고 문서 내 별도 영역에 CSS 처리하는 경우나 별도의 파일을 연결하는 경우는 모두 이와같이 되어 있다고 할 수 있습니다. selector { property:value; } 셀렉터의 종류 univ..
HTML퍼블리싱에서 빼놓을 수 없는 것이 CSS입니다. 사이트를 꾸밀려면 반드시 필요한 요소이며 규칙인데요. CSS를 먼저 이해하고 자주 쓰이는 요소들도 살펴보겠습니다. CSS란 Cascading style Sheet의 약자입니다. HTML을 꾸며주는 표현 언어인데요. 문서구조- 뼈대를 HTML 로 구축하고 디자인을 CSS로 해준다고 할 수 있습니다. HTML 이 있어야만 CSS 도 의미 있습니다. HTML 자체에도 색상, 크기, 높이, 넓이, 위치 등을 조정할 수 있지만 더 디테일하게 구현이 가능하도록 해줍니다. CSS 가 생기기 전엔 모든 HTML 문서별로 따로따로 디자인 해줘야 했다면 이제는 CSS에 디자인 요소를 따로 모아서 일괄적으로 수정, 편집이 가능한 것이죠. 홈페이지가 커지면 커질 수록 C..
파이썬하면 아나콘다(Anaconda)는 꼭 같이 나오는데요. 아나콘다는 파이썬 배포판 중에 하나입니다. 리눅스도 여러종류의 배포판이 있죠. 우분투, 페도라, 레드햇, CentOS 등등 배포판마다 특징을 갖고 있습니다. 아나콘다는 수백개의 파이썬 패키지를 포함하고 있는데요. 수학, 과학 관련 패키지를 포함하고 있는 것으로 유명합니다. 파이썬이 아무 것도 없는 빈방처럼 보인다면 아나콘다는 빌트인되어 있는 가구가 있는 방이라고 하면 적절할 것 같습니다. 그리고 아나콘다는 2020년 중순경에 유료로 변경되어, 개인적, 학습용은 상관 없지만 회사에선 유료 구매 후 사용해야 합니다. 아나콘다 설치 빈방이라고 파이썬을 비유하긴 했는데 이미 파이썬 자체도 필요한 것들을 많이 가지고 있습니다. 아나콘다가 훨씬 많다는 것..
제가 많은 기계식 키보드를 사용해 본 것은 아니지만 2년 정도 기계식 키보드를 사용하면서 느낀 것은 장점인 키감 빼고 가격과 관리, 내구성 모든 면에서 차라리 일반적인 펜타그래프 방식이나 멤브레인을 구매하시거나 좀 더 고가이면서 만족스러운 키감을 필요로 하는 경우라면 애플의 키보드를 추천드립니다. 맥사용자에 한합니다. 맥이 아니시라면 마이크로소프트의 키보드도 좋고 로지텍도 당연히 좋습니다. 너무 저가형은 아무래도 키감을 떠나서 키가 너무 무겁거나 가벼운 것이 예측이 잘안되죠. 기계식 키보드를 사는 이유? 기계식 키보드를 선호하시는 분중엔 게임이나 매크로 기능이 꼭 필요해서 쓰시는 분들도 있습니다. 매크로 기능은 예를 들면 "기계식 키보드"라고 입력하고 저장해두면 특정키를 한번만 입력해도 자동으로 반복입력..
아이폰12에서는 화면 캡처를 어떻게 할까요? 홈버튼이 있는 아이폰을 쓰다가 홈버튼이 사라진 아이폰 X(10), 11, 12 부터는 스크린샷을 찍는 방법이 달라질 수 밖에 없죠. 아이폰 12를 비롯한 홈버튼 없는 아이폰에서 화면 캡처하는 몇가지 방법을 알려드립니다. 볼륨버튼 + 전원버튼 이용하기 아이폰 10, 11, 12 는 왼쪽에는 볼륨 버튼, 오른쪽엔 전원버튼 형태입니다. 홈버튼이 있던 아이폰은 상단에 전원버튼이 있었죠. 화면 캡처를 하려면 음량 + 올리는 위쪽 버튼과 전원버튼을 동시에 눌러주면 됩니다. 가볍게 눌러주면 캡처할 수 있어요 또하나의 방법은 뒷면 탭입니다. 아이폰 12에서 설정 > 손쉬운사용 > 터치를 누르면 맨 아래 뒷면 탭이란 메뉴가 있습니다. 이중 탭, 삼중 탭 - 두번 터치, 세번터..
애플홈페이지에 스토어 (Store)메뉴가 등장했습니다. 이전 애플 홈페이지는 Mac, iPad, Iphone, watch 등 개별 제품으로 들어가 각각의 페이지에서 구매를 진행했는데요. 그러다보니 액세서리류를 보려면 메뉴를 찾아 이리저리 헤매야 했죠. 국내에서 애플 스토어라고 하면 이제까지는 한동안 국내 유일의 애플 오프라인 공식매장이었던 가로수길 애플 스토어와 여의도 애플 스토어였습니다. 이제 애플스토어라고 하면 온라인인지 오프라인인지 정확히 얘기해야겠죠? 가로수길 애플 스토어 서울 강남구 가로수길 43 080-500-0029 10:00 오전 - 10:00 오후 여의도 애플 스토어 서울 영등포구 국제금융로 10 IFC MALL, L1 080-500-0013 10:00 오전 - 10:00 오후 애플 온라..
갤럭시 z 플립 3가 지난 11일 언팩(Samsung Galaxy Unnpackd 2021) 을 통해 온라인으로 z폴드 3와 함께 공개되었습니다. 갤럭시 z플립은 플립이라 불리지만 폴더블폰의 형태로 콤팩트한 타입으로 디자인에서 많은 점수를 받고 있는데요. 성능과 함께 아직은 애플에서 아이폰 12s 혹은 13을 출시하지 않은 시점이므로 아이폰 12와 비교해보고 출시일과 가겨고 살펴봤습니다. 갤럭시 Z 플립 3 갤럭시 Z 플립 3 는 사실상 2라는 얘기들도 있지만 삼성에서 마케팅으로 2세대를 건너뛰었다고 할 수도 있지만 1세대 출시 후 중간에 업그레이드 버전이 출시되어 사실상 현재까지 2세대가 나와 있다고 볼 수 있습니다. 이번에 언팩으로 공개한 모델은 3세대라 할 수 있죠. 삼성측에서는 플립3에 대해 " ..
파이썬은 문자열을 쉽게 다룰 수 있는 언어입니다. 문자열이란 문자들의 집합, 문자들의 나열을 의미하죠. 문자열을 출력하고 다루는 함수 몇가지와 문자열에서 일부분만 출력하거나 일부 정보만 이용하는 방법인 슬라이싱(Slice)에 대해서 공부해보겠습니다. 사이트별로 서로 다른 패스워드를 만들어주는 예제를 통해서 문자열과 슬라이싱을 어떻게 적용하는지 살펴보려고 합니다. 파이썬이 문자열을 쉽게 다룰 수 있는 언어를 증명하듯 문자열과 관련된 함수도 많더라구요. 그래서 모두 다루지는 못하고 문제를 풀면서 필요한 함수들과 함께 연관 함수들을 같이 다루면 될 것 같습니다. 그리고 앞으로도 점점 더 많은 문제를 다루면서 자연스럽게 파이썬을 익혀가는 방식으로 진행해보려고 해요. 그리고 참고로 이 문제는 나도코딩님의 파이썬 ..
지난번에 파이썬으로 랜덤함수(random())를 이용해서 난수를 출력하는 것을 해봤는데요. 오늘은 예제문제를 통해서 랜덤함수를 복습해보겠습니다. 여러가지 숫자중에서 랜덤으로 하나를 뽑아내는 프로그램을 만들어보는 예제를 풀어보겠습니다. 예제) 1-100까지 숫자가 적힌 카드 중에서 자동으로 행운의 숫자 카드를 추첨하는 프로그램을 만들어봅시다. 조건 1 : 랜덤으로 카드를 정해야 합니다. 조건 2 : 50번까지의 카드에서만 하나를 뽑아주세요. 조건 3: 1-5번은 별도 추첨을 할 것이기 때문에 제외하도록 합니다. 출력 예제 : ################################ 당신의 행운의 카드는 * 입니다. 축하합니다! ################################ 이런 문제들은 이벤..
오늘은 비주얼 스튜디오 코드(Visual Studio Code)로 파이썬 프로그램의 기초를 다지는 두번째 시간입니다. 지금까지 파이썬에서 몇가지 맛보기를 해봤어요. 2020/08/22 - [IT/파이썬] - 파이썬 기초 3 : 파이썬 설치하기 2020/08/26 - [IT/파이썬] - 파이썬으로 계산해보기 2020/08/27 - [IT/파이썬] - 파이썬으로 계산(2) : 함수로 계산해보기 2020/08/28 - [IT/파이썬] - 비주얼스튜디오코드로 파이썬 시작하기 (1) 비주얼스튜디오코드로 파이썬 시작하기 (1) 지난번까지 파이썬으로 정수계산을 해보고 함수라는 것도 잠깐이나마 맛보는 시간을 가졌는데요. 이제 Visual Studio Code(VSC) 비주얼스튜디오 코드를 이용해서 파이썬 공부를 본격적..
지난번까지 파이썬으로 정수계산을 해보고 함수라는 것도 잠깐이나마 맛보는 시간을 가졌는데요. 이제 Visual Studio Code(VSC) 비주얼스튜디오 코드를 이용해서 파이썬 공부를 본격적으로 시작해보겠습니다. 이미 비주얼스튜디오 코드는 설치를 해두었습니다. 혹시 비주얼 스튜디오 코드 설치가 필요하신 분은 지난번 포스팅을 참고로 봐주시면 좋겠습니다. 2020/08/25 - [IT/파이썬] - 파이썬 에디터 - 비주얼 스튜디오 코드 사용하기 파이썬 에디터 - 비주얼 스튜디오 코드 사용하기 파이썬(Python)을 설치하면 이제 코딩을 할 에디터가 있어야겠죠. 지난번에 파이썬을 설치하면서 봤던 구름 IDE를 사용할 경우는 접속하고 컨테이너로 들어가면 바로 코딩을 할 수 있는 에디터가 � sensepress...
