Author 부빠기
정의 <video>는 비디오나 영화를 재생시킨다. 속성 src: 재생할 비디오의 주소를 지정한다. width: 요소의 너비를 지정한다. (value: pixels) height: 요소의 높이를 지정한다. (value: pixels) loop: 반복 재생을 지정한다. (value: loop) poster: 사용자 에이전트가 비디오 데이터를 사용할 수 없는 경우 이미지 파일의… Continue Reading →
노드 유형과 그 값을 출력 ELEMENT_NODE = 1 ATTRIBUTE_NODE = 2 TEXT_NODE = 3 CDATA_SECTION_NODE = 4 ENTITY_REFERENCE_NODE = 5 ENTITY_NODE = 6 PROCESSING_INSTRUCTION_NODE = 7 COMMENT_NODE = 8 DOCUMENT_NODE = 9 DOCUMENT_TYPE_NODE = 10 DOCUMENT_FRAGMENT_NODE = 11 NOTATION_NODE =… Continue Reading →
다음 시리즈를 위해서 그런지 1편보다는 덜했다. 끝나는 지점이 확실히 다음 편을 위해서 끝났었다. 갑자기 좀비물이 되는거 같은 느낌이 들어서 별로였지만
다음 시리즈까지 봐야 알 듯하다.
첫째마당 기초부터 시작하는 자바스크립트 자바스크립트 시작하기 자바스크립트란 무엇인가요? 자바스크립트란? 개발자가 만든 문서에 방문자가 방문하여 어떤 동작을 취했을 때, 그 동작에 대응하여 반응이 일어날 수 있도록 해주는 언어이다. 자바스크립트 언어의 특징 자바스크립트 인터프린터 언어이다. 자바스크립트는 클라이언트 스크립트 언어이다. 객체 기반 언어이다…. Continue Reading →
BLISK란 무엇인가? Blisk는 모든 기기에서 원활히 잘 작동하고 웹사이트 개발과 테스트를 위한 브라우저이다. Blisk의 특징은 공식사이트 메인에서도 안내하고 있는데 다음과 같다. 스마트 폰과 태블릿을 완전히 동일하게 작동할 수 있다. 데스크탑과 모바일의 URL과 스크롤이 동기화 된다. 파일 변경시 자동으로 페이지를 새로고침한다…. Continue Reading →
아톰을 실행할 때마다 그리고 새 창을 띄울 때 마다 Welcome Guide 창이 열려서 번거로워서 구글링을 해보았다. ctrl+,를 Settings 화면에 들어가는 방법 및 File » Settings..선택해서 들어갈 수 있다. Packages에서 Welcome을 검색해서 아래의 이미지 처럼 나올 것이다. 1. 비활성화(disabled)를 한다. 2…. Continue Reading →
크롬 브라우저를 사용하다보면 앱, 테마, 앱, 게임등을 받을 수 있다. 이번에 테마를 변경함으로써 다양한 테마들이 존재하여 공유하고자 이렇게 글을 남긴다. 필자가 적용한 테마는 아래의 Deadpool이다. 필자가 같은 테마를 받으려면 다운받기받기를 누르면 된다. 그러면 크롬의 테마 링크로 이동 될것이다. 이 테마외에… Continue Reading →
서브라임 텍스트에서는 기본적으로 레이아웃을 나눌 수 있었다. 단축키는 이미지에 나와있는거처럼 가능하다. 이렇게 하려면 아톰은 패키지를 이용해야 하는거 같아서 구글링을 검색을 해봤다. 아톰에서는 Pane Layout Package를 설치하면 비슷하게 사용가능하다.
서브라임 텍스트 테마 중에 Seti_UI 테마를 추천하려고 한다. 서브라임 텍스트를 쓰면 대부분 Theme – Soda를 많이 사용하고 있었는데 필자도 Soda를 사용하다가 최근에 Seti_UI로 변경하였다. 바꾸게 된 계기는 Soda를 계속 썼더니 질린것도 있고 폴더구조에서 Seti는 아이콘도 제공되서 굳이 자세히 보고 있지… Continue Reading →
전문가를 위한 CSS3 1장~5장까지 정리한 글이다. 이 책의 저자 블로그http://tangledindesign.com/ 1장 CSS 서체 타입을 개발하려면 그것이 헤드라인든지 본문 텍스트이든 간에 커닝, 트래킹, 리딩에서부터 리가쳐(연간 활자), X-하이트, 종횡비에 이르기까지 수많은 요소들을 고려해야 한다. 커닝(kerning): 글자 엇물리기, 특정 글자 사이를 엇물리게 조정하여… Continue Reading →
정말 이쁘게 잘만든 영화이다. 동화, 애니메이션 그대로 표현을 하였으며 모두 연기도 잘했다.
영화 속에는 자주 나오는 것은 ‘사랑’이라는 단어였다. 그리고 미녀와 야수뿐만 아니라 다른 사람들에게도 그것들이 잘 표현되었던거 같다.
그래픽이 너무 자연스럽고 풍경, 그리고 성, 인물들이 넘 이뻐서 좋았다. 노래들도 모두 좋았던거 같다.
오버워치 4시즌 종료동시에 5시즌이 바로 열린다. 4시즌 종료 시점이 오버워치의 1주년이 되기 때문이다. 5시즌 동시에 새로운 스킨들도 될 예정이며 기존에 영웅들 스킨을 못샀던 것을 크레딧을 구매 가능하게 하는 듯하다. 기존에 크레딧을 모았던 유저들은 바로 구매 할 수 있을거 같다. 4시즌… Continue Reading →
Sublime Text에서는 기본 기능이였던 감싸는 태그가 아톰에서는 패키지를 설치를 해야한다. Sublime Text에서 단축키는 Ctrl+Shift+Enter이다. Atom wrap in tag 설치 ※ 필자는 윈도우 환경이라 항상 윈도우만 설명합니다. Ctrl+, (comma)를 눌러 세팅(Settings)메뉴가 나온다. 아래 이미지처럼 메뉴를 눌러서 들어가도 된다. 기본 단축키는 alt+shift+w이다…. Continue Reading →
Snippets은 정기적으로 사용되는 코드 덩어리로 프로그램 파일에 빠르게 삽입할 수 있다. 유용하고 Atom 텍스트 편집기의 핵심 기능이다. 아톰 패키지와 언어 문법은 종종 미리 정의된 snippets함께 정의 된다. img입력 한 후 Enter을 치면 다음 코드가 나타난다. <img src=”” alt=”” /> 커서는… Continue Reading →
이 경기서 손흥민이 한국인 유럽 최다 골을 기록하였다. 그래서 하이라이트 경기를 가져왔다. 이 경기에서 축구 통계사이트 ‘후스코어드’ 역시 손흥민에게 8.7점을 부여하며 두 번째로 높은 점수를 받았다. 이미지출처: Interfootball
아톰 에디터는 커서 좌/우 키는 있지만 상/하 이동 키가 없다. 이것은 Sublime Text와 동일하다. Sublime Text에서는 Horizontal Scroll를 설치를 하여 사용했었다. Sublime Text에서는 바로 키맵을 바꿀 수가 있었다. 서브라임 텍스트에서는 아래와 같이 설정해서 썼었다. [ { “keys”: [“alt+down”], “command”: “scroll_width”,… Continue Reading →
Atom(아톰)을 사용하기전에는 Source Tree App를 이용해서 형성관리를 했었다. Sublime Text를 사용할 때에는 플러그인들이 있었지만 딱히 만족한 것들이 없어서 소스트리를 이용했던 것이다. Atom(아톰)에서 git plus를 이용하면 소스트리 사용을 안할 수 있다. Git plus 소스트리를 이용 안하고 git 주소 clone을 하고 싶다면… Continue Reading →
싸이 신규 앨범 중에 노래 2곡을 추천합니다. 1번째는 타이틀곡 2곡중에 하나인 I LUV IT을 추천하고 2번째 곡은 기댈 곳이라는 노래를 추천합니다. 두개의 노래가 장르가 정반대인데 필자 감성은 기댈 곳에 더 좋네요.
가오갤vol2를 보고 재미 있어서 1편을 보게 되었다. 원래 1편을 보고 2편을 보려고 했는데 시간이 안맞아서 먼저 2편을 보고 1편을 보게 되었다. 1편을 봐도 잼나네 ㅋㅋ 근데 이때 개봉했을 때 왜 안봤을까 ㅠㅠ
이제라도 봐서 다행이지만 아직 못본 사람은 꼭 보시길!!
에디터를 살표보면 가운데든 구석이든… 위에서 아래까지 쭉 그어진 라인이 보인다. 코딩을 할 때마다 거슬려서 구글링을 해보았다. 메뉴에서 File -> Stylesheet를 선택하면 된다. 선택해서 styles.less 화면이 나오면 아래 코드를 작성하면 된다. // 가운데 줄 제거 atom-text-editor::shadow { .wrap-guide { visibility:hidden; }… Continue Reading →
아톰을 처음 사용하다보면은 엔터를 쳤을 때 해당 {}안으로 들어가야하는데 1컬럼으로 갈 것이다. 그러면 탭키로 다시 안쪽으로 와야하는데 이것이 많이 불편하다. 방법은 다음과 같다. Files -> Settings단축키는 ctrl + , 세팅화면으로 들어간다. Settings화면 왼쪽에 core, editor가 있을껀데 editor 탭을 선택 후… Continue Reading →
Atom의 소개 및 설치방법 그리고 패키지 안내는 이전 포스트에서 다뤘다. 아톰의 다른 패키지를 보고 싶다면 아래 링크로 가면 된다. 아톰 유용한 패키지 리스트 보러가기 이 글에서는 sync-setting 패키지에서만 다룰 것이다. 설치 요약: 단축키 Ctrl+,를 눌러서 Settings에 들어간다. Install 탭을 눌러서… Continue Reading →
소개하기 Github에서 공개한 텍스트 편집기이다. 무료이면서 개인적으로 필요한 기능들에 대해 추가적으로 제작도 가능하며, 이를 패키지로 배포하여 서로 공유할 수 있다. 아톰에서 만든 짧은 소개 영상은 아래에서 볼 수 있다. (자막 有) 장점 오픈소스로 관리, 100% 무료 Git 연동이 기본으로 들어있다…. Continue Reading →
픽사 사이트: https://www.pixar.com 기간:2017.04.15. (토) ~ 2017.08.08. (화) 장소:동대문디자인플라자M배움터 입장하마자 작업의 프로세스와 그 프로세스의 설명으로 시작된다. 스크립트(각본) 영화가 실현되는 것은 바로 이 각본으로부터 비롯된다. 토이 스토리(1995), 토이 스토리2(1999), 토이 스토리(2010) 벅스라이프(1998) 몬스터 주식회사(2001), 몬스터 대학교(2013) 우리의 영화들은 최첨단 기술로 만들어진다…. Continue Reading →
솔직히 영화 전개 및 내용은 뭔가 필자의 가슴을 뜨겁게 만들거나 울분터지는 일을 만들거나
그런 내용은 없었다.
단지 정치계에서는 실제로 저럴 수 있겠다는 생각이 든다.