-
Visual studio code를 사용한 html,css 기초 공부 - 02
##### id는 unique한 값. class는 겹쳐도 됨. id는 style줄 때, #으로 시작하고 class는 .으로 시작. Div에는 여러개의 Style을 줄 수 있는데, 이때 아래와 같은 순서대로 따른다.1. CSS에 정의된 내용.2. elemente에 직접 스타일 값을 주었을때. (ex. style=”border: 1px solid black; 이런식으로 안에 직접 때려박아줌)3. CSS에 !important 값을 준 스타일. padding과 margin의 차이.padding은 안에 속해있고 margin은 밖의 영역이라고 생각하면 쉬움.padding과 margin 값 주는 방법은 동일함.1. margin:10px;2. margin-top:10px; (top, bottom, left, right)3. margin: 10px 9px 8px 7px (순서는...
Glee's profile imageGlee
2019-05-26 22:24
-
Visual studio code를 사용한 html,css 기초 공부 - 01
툴 선택 기본적으로 내 맥북에는 Xcode가 깔려있다. 최근에 레티나 스토어 작업을 위해 아톰 에디터를 썼다. 맥북을 한번 밀고 이번에도 아톰을 쓸까 하다가, 개발자분들께 조언을하니 비쥬얼 스튜디오 코드 를 써보라고 하셔서 설치해보았다. Xcode는 애플에서 만든 개발용 프로그램이고,아톰은 Github에서 일렉트론이라는 프레임워크를 가지고 만든 에디터이다.비쥬얼 스튜디오 코드 역시 일렉트론을 이용했고 우리가 잘 알고 있는 Microsoft에서 만든 에디터이다.(최근 레티나 서비스 구조 변경 때문에, 일렉트론이란 단어를 매우 많이들었으나 정확한 실체는 아직 모름. 일단 해당 프레임워크로 만들어진 대표적인 프로그램이 Slack. 그리고...
Glee's profile imageGlee
2019-05-26 22:24
-
슬랙 활용 Tip - 메시지
Slack이 없던 시절로 돌아가고 싶지 않아ㅠ 2015년경에 Slack을 처음 접했다. 우와 벌써 4년이나 되었네.처음부터 익숙한 메신저는 아니었으나, 인턴으로 들어갔던 전 회사에서 Slack을 사용해서 입문하게되었다.다음으로 들어간 회사에서는 사내메신저로 라인을 사용 중이었는데, 슬랙을 사용하다 왔더니 라인이 영 답답하게 느껴졌다.그래서 과감하게 슬랙 도입을 제안했고, 내가 그랬듯 팀원들도 해메었다. 허허지금은 슬랙 애기만 나오면 ‘슬랙을 도입한게 접니다^ㅁ^’라고 떳떳해졌다. 허허 가장 기초가되는 메세지 활용팁 채널별로 다양한 메세지가 오가지만, 그 중에서도 고객들의 요청사항이 공유되는 opt 채널이 가장 메세지가 많다.하루에도 몇십개가 쌓이다보니 가독성이...
Glee's profile imageGlee
2019-04-03 19:24
-
About Prototyping tools.
Protopie와 Origami Studio를 사용해보았다. 프로토타이핑 툴인 Protopie와 Origami Studio를 사용해보았다.나는 프로토타이핑 툴을 쓰면, 해당 움직임을 개발자에게 코드로 던져줄 수 있는줄 알았다.그것은 매우 큰 착각. 그냥 After Effect로 힘들게 만들어야했던 과정을 간단히 할 수 있는데 의미가 있는 듯.물론, Framer는 가능하나 겁도 없이 도전한 나에게 매우 큰 굴욕을 안겨준 프로그램이었다.(코드를 직접 적어야함…ㅅㅂ.. 자꾸 내 근본이 디자인이라는 걸 까먹음.)물론 매우 기본적이고 쉬운 접근이 가능한 프로토타이핑 툴은 이미 사용중이다. 예를 들면 Invision.Invision은 비전공자에게 혹은 개발자에게 서비스의 전체적인 플로우를 설명하기에...
Glee's profile imageGlee
2018-12-24 19:24
-
clipboard #2
클립보드 #2.클립보드는 제가 일정 기간동안 인상깊었던 내용을 간략히 기록하는 공간입니다. #### 📖 왜 “유튜브 퍼스트”인가 💬 우리에게 있어 유튜브가 얼마나 밀접한 공간이 되었는지 보여주는 글이다. 이제 유튜브는 더이상 영상을 찾아보는 공간이 아닌, 사람들의 소통 공간이 되었다. 맛집이 궁금할 때, 우린 네이버에 들어가서 검색을 했다. 그 후엔 인스타그램으로 공간이 바뀌었고 이젠 글의 제목처럼 ‘유튜브 퍼스트’가 되었다. 팀원들과 점심을 먹을 때, 유튜버들에 대해 이야기를 하고 주말에 신서유기를 봤냐며 유튜브에서 해당 장면을 검색해서 본다. 50대 이상의 사용자의 접속...
Glee's profile imageGlee
2018-12-24 02:24
-
Jeonju 숙소 후보
1. 은행나무한옥의 큰방과 다락 가격 : 180,834원 (1인 약 45,000원)거리 : 경기전 1분거리큰방과 다락구성, 최대 6인 수용 전주한옥마을 내부중에서도 외곽쪽에 자리잡아서 조용하다고함. ▶︎자세히보기 2. 게스트하우스 - 성이방(S) 가격 : 107,509원 (1인 약 27,000원)거리 : 경기전 10분거리퀸사이즈침대1개, 이층침대1개, 욕실1개 포함, TV있음 게스트하우스 내에 4인실방. 욕실 포함이고 네명 모두 침대에서 잘 수 있음. 한옥마을에서 도보로 약 10분정도 걸려서 좀 먼편임. 3. 전주 인디고 게스트하우스 : 독채 가격 : 147,672원 (1인 약 37,000원)거리 : 경기전 9분**거리온돌, 개별욕실 구비...
Glee's profile imageGlee
2018-09-06 15:32
-
Spotify를 사용해보았다
지난번 네이버 ‘vibe’서비스에서 살짝 언급했는데 그 후로 궁금증이 생겨 직접 사용해보았다. 실은 좋은 노동요가 필요했는데 유튜브 검색이 이제 질렸다. 그냥 클릭 몇번으로 내가 모르는 괜찮은 곡들이 재생되길 바랬다. 일단 전체적으로 매우 맘에 들었다! 맥북에 직접 spotify 앱을 깔아 사용해보았다. 1. 키보드로 컨트롤이 된다(★★★★★) 맥북 키보드에는 F7부터 F12까지 음악 컨트롤을 할 수 있는 키가 있다.나는 이걸 매우 유용하게 쓰는 편이다. 주로 아이튠즈에서 음악을 듣거나 팟캐스트를 듣기 때문에 작업하다가도 전화가 오거나하면 ‘재생/멈춤(F8)’키를 눌러...
Glee's profile imageGlee
2018-08-07 18:32
-
8월 1째주 inspiration
2018년도 어느덧 8월!무섭게만 느껴졌던 Behance에 포폴을 올리기 시작한 사건부터 다양한 딴짓의 향연. 01. Behance에 포폴올리기 Behance에 포트폴리오 올리기는 ‘다이어트’와 함께 오래된 나의 소망이었다.그러나 왠지 장벽이 높아! 메인에 있는 작품들만봐도 겁나 고퀄리티. 사용툴에 After Effect까지 썼다고? 세상에.언젠가는 올릴 타이밍이 오겠지 했는데 2018년 7월에 찾아오셨다. ‘한가함’이란 것이.최근 작업보다 작업 과정과 결과물이 단순한 예전 포트폴리오부터 순차적으로 쌓아보기로했다. 실은 예전에 wix로 포트폴리오 사이트를 구축했었다. 그 때 한번 정리한 내용들을 먼저 그대로 올려보기로했다.구 포트폴리오 사이트 작업할 때, 어느정도 가이드라인이 잡혀서...
Glee's profile imageGlee
2018-08-02 15:00
-
clipboard #1
클립보드 #1.클립보드는 제가 일정 기간동안 인상깊었던 내용을 간략히 기록하는 공간입니다. 01. 제플린이 드디어 윈도우 버전을 출시했다! 스케치와 제플린을 접하고서 ‘이보다 완벽한 조합은 없어!’를 외치며 작업을 했었다.그런데 윈도우 쓰시는 개발자님은 불편했을꺼야.제플린이 맥os만 지원하다보니 웹으로 접속해서 이미지파일을 다운로드하거나 가이드를 볼 수 있었다. 이제 윈도우 사용자들도 제플린을 프로그램으로 설치 및 사용이 가능하다.Adobe Photoshop도 그렇고 XD에서도 제플린으로 내보내기 기능이 가능하다보니 윈도우 사용자들을 위해 비교적 빠르게 런칭되었다.(나는 더 늦게 나올줄 알았음)그리고 Adobe XD가 무섭게 사용자들을 공략중인데, 사용료를 아예 무료로 바꿔버리길래...
Glee's profile imageGlee
2018-07-23 18:00
-
Github Meetup. (1/n)
Date : 2017년 7월 4일 수요일Co-worker : yoon퍼블리셔님, im개발자님, seo개발자님 드디어 첫 Meetup! 디자이너, 개발자, 퍼블리셔. 다양한 시각으로 각자 느낀점을 가볍게 애기해보기로 했다. 글을 작성하다가 날아가서(멘탈 털림) 다른 분들의 황금같은 의견이 기억이 안난다. ㅠㅠ 그래서 내가 느낀점 위주로 정리해본다. [ 디자이너의 눈물나는 Github Pages 도전기 😱 ] 기본적으로 ‘겁’이 기본값인 사람 내가 먼저 접했는데 제일 진도가 느리고 제일 헤맸다. 비전공자니까 당연해, 괜찮아.어떤 우여곡절을 겪었는지는 지난번 글에서 언급했으니 넘어가자.내가 2주걸려도 해결 못한 문제를 개발자님이 2시간만에 파악하고...
Glee's profile imageGlee
2018-07-16 12:00
-
스타뜨 깃헙
제가 Github pages로 사이트를 만들어보려구요. (feat.디자이너) (글 한번 날려먹어서 약 5일동안 멘탈 정리 후, 다시 적어봄) 1. 왜 github pages로 만들고자했는가. 진행중이던 다수의 프로젝트들이 마무리 단계에 들어섰다. 다른 프로젝트에 들어가기 전, 팀원들이 지금 생각하고 했던 것들을 글로 남겨두면 좋을 것 같단 생각을 했다. 잠깐 머릿속을 스치는 생각들로 글로 남기면 그것은 온전히 우리의 것이 되니까. 그래서 기업블로그 자료를 조사하다 github pages로 만들어진 사이트들을 보게 되었다. 그 중에서도 인상깊었던 몇가지 블로그들을 소개하고 넘어가자. 참고하기 좋은 기업블로그들 리디북스...
Glee's profile imageGlee
2018-07-10 02:40