-
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 (순서는...
-
Visual studio code를 사용한 html,css 기초 공부 - 01
툴 선택 기본적으로 내 맥북에는 Xcode가 깔려있다. 최근에 레티나 스토어 작업을 위해 아톰 에디터를 썼다. 맥북을 한번 밀고 이번에도 아톰을 쓸까 하다가, 개발자분들께 조언을하니 비쥬얼 스튜디오 코드 를 써보라고 하셔서 설치해보았다. Xcode는 애플에서 만든 개발용 프로그램이고,아톰은 Github에서 일렉트론이라는 프레임워크를 가지고 만든 에디터이다.비쥬얼 스튜디오 코드 역시 일렉트론을 이용했고 우리가 잘 알고 있는 Microsoft에서 만든 에디터이다.(최근 레티나 서비스 구조 변경 때문에, 일렉트론이란 단어를 매우 많이들었으나 정확한 실체는 아직 모름. 일단 해당 프레임워크로 만들어진 대표적인 프로그램이 Slack. 그리고...
-
슬랙 활용 Tip - 메시지
Slack이 없던 시절로 돌아가고 싶지 않아ㅠ 2015년경에 Slack을 처음 접했다. 우와 벌써 4년이나 되었네.처음부터 익숙한 메신저는 아니었으나, 인턴으로 들어갔던 전 회사에서 Slack을 사용해서 입문하게되었다.다음으로 들어간 회사에서는 사내메신저로 라인을 사용 중이었는데, 슬랙을 사용하다 왔더니 라인이 영 답답하게 느껴졌다.그래서 과감하게 슬랙 도입을 제안했고, 내가 그랬듯 팀원들도 해메었다. 허허지금은 슬랙 애기만 나오면 ‘슬랙을 도입한게 접니다^ㅁ^’라고 떳떳해졌다. 허허 가장 기초가되는 메세지 활용팁 채널별로 다양한 메세지가 오가지만, 그 중에서도 고객들의 요청사항이 공유되는 opt 채널이 가장 메세지가 많다.하루에도 몇십개가 쌓이다보니 가독성이...
-
About Prototyping tools.
Protopie와 Origami Studio를 사용해보았다. 프로토타이핑 툴인 Protopie와 Origami Studio를 사용해보았다.나는 프로토타이핑 툴을 쓰면, 해당 움직임을 개발자에게 코드로 던져줄 수 있는줄 알았다.그것은 매우 큰 착각. 그냥 After Effect로 힘들게 만들어야했던 과정을 간단히 할 수 있는데 의미가 있는 듯.물론, Framer는 가능하나 겁도 없이 도전한 나에게 매우 큰 굴욕을 안겨준 프로그램이었다.(코드를 직접 적어야함…ㅅㅂ.. 자꾸 내 근본이 디자인이라는 걸 까먹음.)물론 매우 기본적이고 쉬운 접근이 가능한 프로토타이핑 툴은 이미 사용중이다. 예를 들면 Invision.Invision은 비전공자에게 혹은 개발자에게 서비스의 전체적인 플로우를 설명하기에...
-
clipboard #2
클립보드 #2.클립보드는 제가 일정 기간동안 인상깊었던 내용을 간략히 기록하는 공간입니다. #### 📖 왜 “유튜브 퍼스트”인가 💬 우리에게 있어 유튜브가 얼마나 밀접한 공간이 되었는지 보여주는 글이다. 이제 유튜브는 더이상 영상을 찾아보는 공간이 아닌, 사람들의 소통 공간이 되었다. 맛집이 궁금할 때, 우린 네이버에 들어가서 검색을 했다. 그 후엔 인스타그램으로 공간이 바뀌었고 이젠 글의 제목처럼 ‘유튜브 퍼스트’가 되었다. 팀원들과 점심을 먹을 때, 유튜버들에 대해 이야기를 하고 주말에 신서유기를 봤냐며 유튜브에서 해당 장면을 검색해서 본다. 50대 이상의 사용자의 접속...