-
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은 비전공자에게 혹은 개발자에게 서비스의 전체적인 플로우를 설명하기에...
-
Spotify를 사용해보았다
지난번 네이버 ‘vibe’서비스에서 살짝 언급했는데 그 후로 궁금증이 생겨 직접 사용해보았다. 실은 좋은 노동요가 필요했는데 유튜브 검색이 이제 질렸다. 그냥 클릭 몇번으로 내가 모르는 괜찮은 곡들이 재생되길 바랬다. 일단 전체적으로 매우 맘에 들었다! 맥북에 직접 spotify 앱을 깔아 사용해보았다. 1. 키보드로 컨트롤이 된다(★★★★★) 맥북 키보드에는 F7부터 F12까지 음악 컨트롤을 할 수 있는 키가 있다.나는 이걸 매우 유용하게 쓰는 편이다. 주로 아이튠즈에서 음악을 듣거나 팟캐스트를 듣기 때문에 작업하다가도 전화가 오거나하면 ‘재생/멈춤(F8)’키를 눌러...