본문 바로가기
닫기
필터

  • 가볍게 알아보는 브라우저와 자바스크립트의 역사 😉

    velog.io

    가볍게 알아보는 브라우저와 자바스크립트의 역사 😉

    팀 버너스리가 최초의 브라우저를 개발넷 스케이프가 네비게이터를 출시하면서 최초의 상용 브라우저가 등장1995년 즈음, 네비게이터는 큰 인기를 얻어 빠르게 시장 점유율 90%를 차지이때의 웹은 HTML로만 이루어져 정적인 기능만 제공하여 링크만 존재하는 워드 문서와 별

    Dev_Hong

  • [JavaScript] 자바스크립트에 대해 알아보자!

    17

    velog.io

    [JavaScript] 자바스크립트에 대해 알아보자!

    변수 (Variable)
    변수란, 데이터를 담아두는 공간이며 프로그램에서 사용되는 데이터를 일정 기간 동안 기억하여 필요한 때에 다시 사용하기 위해 데이터에 고유의 이름인 식별자를 명시한 것이다.
    식별자 : 어떤 대상을 유일하게 식별할 수 있는 이름
    변수명 : 변수에 명시한 고유한 식별자
    변수값 : 변수로 참조할 수 있는 데이터 값

    JavaScript에서...

    Dev_Hong

  • [Android] PendingIntent 개념 익히기

    velog.io

    [Android] PendingIntent 개념 익히기

    '그냥 인텐트랑 뭐가 다른거지..' 하셨던 여러분들을 위해

    Dev_Hong

  • [일러스트레이터] 패턴 브러쉬 (마스킹 테이프 효과 -프리셋 파일 제공)

    youtube.com

    [일러스트레이터] 패턴 브러쉬 (마스킹 테이프 효과 -프리셋 파일 제공)

    이제, 마스킹 테이프 구매하지말고 직접 만들어 쓰세요~ 응??
    오늘은 재미난 마스킹 테이프 효과를 패턴 브러쉬로 만들어 보겠습니다 +_+

    '마스킹 테이프 10종세트' 프리셋 파일도 아래 링크에 있어요 :)

    ■ 예제파일 다운로드

    https://drive.google.com/drive/folders/1xmWCUCz_QaYfGtwhaz3b5fNUKNkAfGzJ?usp=sharing

    #일러스트레이터강좌 #마스킹테이프디자인 #패턴브러쉬

    ----------

    '학원은 왜가? 우디와 함께 독학하자!'
    오늘도 도움 되셨나요? 그럼, 우디에게 힘이 되는 구독&좋아요&알림 버튼 꾹~ 부탁드립니다 😍
    실무 디자이너가 되는 그날까지, 롤스토리디자인연구소가 언제나 함께 할게요 :)

    본 영상에 사용된 버전은 Adobe CC 2020 및 Mac(애플컴퓨터) 환경이며,
    화면에 보이는 맥용 단축키는 아래의 윈도우키와 같습니다.
    ⌘(command) = ctrl / ⌥(option) = alt / ⇧ = shift

    ◼︎ 광고/비즈니스/개인 문의 patoz@daum.net
    ◼︎ 디자인 의뢰 문의 https://open.kakao.com/o/sPDMl4tc
    (디자인 의뢰 문의 외, 개인적인 질문엔 답변하지 않습니다)

    ■ 롤스토리디자인연구소 인스타그램 http://www.instagram.com/woody_seo/
    ■ 롤스토리디자인연구소 블로그 http://rollstory.tistory.com/

    이 영상의 저작권은 롤스토리디자인연구소에게 있으며, 무단 복제 및 도용을 금지합니다. Copyrightⓒ2018 Rollstory Design Lab All rights reserved.

    Dev_Hong

  • 일러스트레이터 타이포그래피 디자인(3D)

    3

    tistory.com

    일러스트레이터 타이포그래피 디자인(3D)

    타이포그래피(Typography)란? 간단명료하게 말하자면, 문자를 이용한 디자인을 말합니다. 주로 편집 디자인에서 많이 활용됩니다. 그 외에도 포스터, 리플릿 등 문자가 들어가는 모든 곳에 타이포 그래피 디자..

    Dev_Hong

  • 일러스트레이터 레이어 생성 및 결합

    tistory.com

    일러스트레이터 레이어 생성 및 결합

    일러스트는 그림을 그릴 수 있게 도와주는 프로그램입니다. 그림을 그릴 때도 하나의 도화지에서 그림을 그려도 되지만, 여러 투명 도화지에 그림을 각각 그린 후 도화지를 합쳐서 그림을 그릴 수 있게 도와주는..

    Dev_Hong

  • [일러스트레이터] 아트보드(대지) 설정의 모든 것

    youtube.com

    [일러스트레이터] 아트보드(대지) 설정의 모든 것

    대지를 마음대로 수정할 수 있는, 아트보드 툴(Artboard Tool)
    !
    여러분들은 어디까지 알고 계시나요? 오늘은 아트보드 툴 완전 정복 해보겠습니다 +_+

    ■ 예제파일 다운로드

    오늘은 예제파일 엄떠요!

    00:00 인트로
    00:30 도화지만드는개념
    01:01 아트보드(대지) 방향 변경하기
    01:40 아트보드(대지) 수치로 크기 조절하기
    02:05 아트보드(대지) 자르기
    02:55 아트보드(대지) 복사하기
    03:49 아트보드(대지) 드래그해서 만들기 & 지우기
    04:00 아트보드(대지)에 가이드 표시하기
    04:18 아트보드(대지) 패널 활용하기 - 순서 변경
    05:22 아트보드(대지) 툴 단축키 (shift+ O)
    05:28 오늘의 개꿀팁
    06:17 바이염~

    *여러분들이 알려주신 추가 내용
    - 똑같은 위치에 붙여넣기 할 때 몇 개의 대지가 아니라 화면에 존재하는 모든 대지에 추가하고 싶으면 ctrl+F 보다 ctrl +alt+shift+V 하면 모든 대지에 같은 위치로 붙여넣기 되어서 더 빨라욤 (구독자 qooo)

    - 제가 많이 쓰는 거는 오브젝트에 아트보드 맞추기 입니다 (패키지나 로고 등등에 많이 써요!)
    작업 다 끝나고 'Object - artboads - fit to artwork bound' 누르면 오브젝트에 맞게 아트보드가 맞춰져요.
    늘 좋은 강의 감사해요. 우디님의 웃음과 개그를 사랑하는 1인 올림  (구독자 silvia kim)

    #아트보드 #대지 #아트보드툴

    ----------

    '학원은 왜가? 우디와 함께 독학하자!'
    오늘도 도움 되셨나요? 그럼, 우디에게 힘이 되는 구독&좋아요&알림 버튼 꾹~ 부탁드립니다 😍
    실무 디자이너가 되는 그날까지, 롤스토리디자인연구소가 언제나 함께 할게요 :)

    본 영상에 사용된 버전은 Adobe CC 2020 및 Mac(애플컴퓨터) 환경이며,
    화면에 보이는 맥용 단축키는 아래의 윈도우키와 같습니다.
    ⌘(command) = ctrl / ⌥(option) = alt / ⇧ = shift

    ◼︎ 광고/비즈니스/개인 문의 patoz@daum.net
    ◼︎ 디자인 의뢰 문의 https://open.kakao.com/o/sPDMl4tc
    (디자인 의뢰 문의 외, 개인적인 질문엔 답변하지 않습니다)

    ■ 롤스토리디자인연구소 인스타그램 http://www.instagram.com/woody_seo/
    ■ 롤스토리디자인연구소 블로그 http://rollstory.tistory.com/

    이 영상의 저작권은 롤스토리디자인연구소에게 있으며, 무단 복제 및 도용을 금지합니다. Copyrightⓒ2018 Rollstory Design Lab All rights reserved.

    Dev_Hong

  • [일러스트레이터] 그라디언트 완벽 정리

    youtube.com

    [일러스트레이터] 그라디언트 완벽 정리

    일러스트레이터에 그라이디언트 만드는 거 많이들 헷갈리셨죠?!
    오늘은 그라디언트와 관련된 수많은 질문에 답변해드리는 강좌입니다 :)

    ■ 예제파일 다운로드
    https://drive.google.com/drive/folders/1cZV7ePw8Qq0lORGgBUo3WixVxqxreH6g?usp=sharing

    0:00 인트로
    0:55 모든 도구 불러오기
    1:25 그라디언트 패널
    1:48 디폴트 그라디언트
    3:05 그라디언트 색상 변경
    4:45 그라디언트 툴 활용
    5:40 이미지에서 그라디언트 추출법
    8:06 오늘의 꿀팁

    #일러스트레이터강좌 #그라디언트 #그라데이션

    ----------

    '학원은 왜가? 우디와 함께 독학하자!'
    오늘도 도움 되셨나요? 그럼, 우디에게 힘이 되는 구독&좋아요&알림 버튼 꾹~ 부탁드립니다 😍
    실무 디자이너가 되는 그날까지, 롤스토리디자인연구소가 언제나 함께 할게요 :)

    본 영상에 사용된 버전은 Adobe CC 2021 및 Mac(애플컴퓨터) 환경이며,
    화면에 보이는 맥용 단축키는 아래의 윈도우키와 같습니다.
    ⌘(command) = ctrl / ⌥(option) = alt / ⇧ = shift

    ◼︎ 광고/비즈니스/개인 문의 patoz@daum.net
    ◼︎ 디자인 의뢰 문의 https://open.kakao.com/o/sPDMl4tc
    (디자인 의뢰 문의 외, 개인적인 질문엔 답변하지 않습니다)

    ■ 롤스토리디자인연구소 인스타그램 http://www.instagram.com/woody_seo/
    ■ 롤스토리디자인연구소 블로그 http://rollstory.tistory.com/

    이 영상의 저작권은 롤스토리디자인연구소에게 있으며, 무단 복제 및 도용을 금지합니다. Copyrightⓒ2018 Rollstory Design Lab All rights reserved.

    Dev_Hong

  • 일러스트레이터 도구 파악하기

    tistory.com

    일러스트레이터 도구 파악하기

    그림을 그릴 때는 어떤 재료와 도구를 사용하느냐에 따라서 결과가 달라집니다. 그만큼 정보를 시각화하여 표현해주는 일러스트도 도구를 알고 사용하는 것이 훨씬 표현이 자유로워질 것입니다. 일러스트 프로그..

    Dev_Hong

  • 일러스트레이터 기초 이론 (컬러모드, 해상도)

    tistory.com

    일러스트레이터 기초 이론 (컬러모드, 해상도)

    일러스트는 자신이 전달하고 싶은 정보를 시각화하기에 아주 좋은 그림도구라고 생각하시면 됩니다. 포토샵이 사진 편집 및 합성으로 작품을 만들어 낸다면, 일러스트는 아이디어를 구상하고 자신이 표현하고 싶..

    Dev_Hong

  • 새 회원 이메일 검증 구현법

    tutsplus.com

    새 회원 이메일 검증 구현법

    웹사이트에서 계정을 생성하고 회사에서 보낸 이메일 확인을 요구받고 검증 링크를 클릭하여 활성 한적이 있나요? 스팸 메일 계정 수를 줄일 수 있는 고도의 방법입니다. 이 단원에서 그런 일을 수행하는 유용한 방법을 배울 것입니다!
    빌드하려는것은? 훌륭한 PHP 가입 스크립트를 빌드할건데 사용자가 접근 권한을 얻기 위해 웹사이트의 "회원...

    Dev_Hong

  • How to Implement Email Verification for New Members

    tutsplus.com

    How to Implement Email Verification for New Members

    Have you ever created an account with a website and been required to check your email and click a verification link sent by the company in order to activate it? Doing so highly reduces the number...

    Dev_Hong

  • [일러스트레이터] 기하학 패턴 만들기

    youtube.com

    [일러스트레이터] 기하학 패턴 만들기

    패턴을 이루는 기본단위만 찾을 수 있다면, 못 만들 패턴은 없답니다!
    오늘은 기하학적인 패턴을 만들어 볼게요 :)
    아참, 패턴 관련 베스트 질문 모음도 있어요 +_+

    ■ 예제파일 다운로드
    https://drive.google.com/drive/folders/1-wFer7rfEbR_se9YWIbxkqd6rsjNzEMb?usp=sharing

    0:00 인트로
    0:17 기하학 패턴 만들기
    0:52 삼각형 만들기
    2:17 같은 각도의 라인 만들기
    3:12 쉐이프 빌더 툴
    3:54 오브젝트 회전 및 반전
    5:07 패턴 등록 방법
    7:02 패턴Q1 - 패턴 색깔 변경 방법
    8:01 패턴Q2 - 패턴 크기 변경 방법
    8:39 패턴Q2 - 패턴 배경 적용 방법
    9:11 추가Q - 패턴 개별 수정 방법

    #일러스트레이터 #기하학 #패턴

    ----------

    '학원은 왜가? 우디와 함께 독학하자!'
    오늘도 도움 되셨나요? 그럼, 우디에게 힘이 되는 구독&좋아요&알림 버튼 꾹~ 부탁드립니다 😍
    실무 디자이너가 되는 그날까지, 롤스토리디자인연구소가 언제나 함께 할게요 :)

    본 영상에 사용된 버전은 Adobe CC 2021 및 Mac(애플컴퓨터) 환경이며,
    화면에 보이는 맥용 단축키는 아래의 윈도우키와 같습니다.
    ⌘(command) = ctrl / ⌥(option) = alt / ⇧ = shift

    ◼︎ 📕유튜브 채널 운영을 위한 포토샵 디자인 (우디 지음)
    - 네이버 책 소개 : http://bit.ly/woody_book
    - 예스24 구매 : http://bit.ly/woody_yes
    - 교보문고 구매 : http://bit.ly/woody_kyobo

    ◼︎ 영상에 사용된 음악 / 효과음 / 영상 소스는 아트리스트와 아트그리드를 이용 했습니다.
    아래 링크로 가입하면 추가 2개월 혜택이 있으며, 저에게도 소정의 혜택이 있습니다.
    🎵Artlist I 무제한 라이선스의 음원 & 효과음 - https://bit.ly/2P9oeLI
    🎥Artgrid I 고품질 영상 소스 - https://bit.ly/3lQMtdJ

    ◼︎ 광고/비즈니스/개인 문의 patoz@daum.net
    ◼︎ 우디에게 디자인 의뢰하기 https://open.kakao.com/o/sPDMl4tc
    (오픈채팅 상담은 디자인 의뢰 문의 외, 개인적인 질문엔 답변하지 않습니다)
    ◼︎ 로고 주문서 작성하기 https://bit.ly/3mEu0RP
    (로고 외 디자인은 오픈채팅 상담을 이용해 주세요)

    ■ 롤스토리디자인연구소 인스타그램 http://www.instagram.com/woody_seo/
    ■ 롤스토리디자인연구소 블로그 http://rollstory.tistory.com/

    이 영상의 저작권은 롤스토리디자인연구소에게 있으며, 무단 복제 및 도용을 금지합니다. Copyrightⓒ2018 Rollstory Design Lab All rights reserved.

    Dev_Hong

  • [일러스트레이터] 도트 패턴 질감 - 컬러 하프톤

    youtube.com

    [일러스트레이터] 도트 패턴 질감 - 컬러 하프톤

    컬러 하프톤 이펙트를 사용해 도트 패턴이 들어간 질감 표현을 해볼게요~ 😆

    ■ 예제파일 다운로드
    https://drive.google.com/drive/folders/1EEaWzJ8_dNDg6ugTM_VMWC7m6qC0UMrk?usp=sharing

    #일러스트레이터 #도트패턴 #컬러하프톤

    ----------

    '학원은 왜가? 우디와 함께 독학하자!'
    오늘도 도움 되셨나요? 그럼, 우디에게 힘이 되는 구독&좋아요&알림 버튼 꾹~ 부탁드립니다 😍
    실무 디자이너가 되는 그날까지, 롤스토리디자인연구소가 언제나 함께 할게요 :)

    본 영상에 사용된 버전은 Adobe CC 2021 및 Mac(애플컴퓨터) 환경이며,
    화면에 보이는 맥용 단축키는 아래의 윈도우키와 같습니다.
    ⌘(command) = ctrl / ⌥(option) = alt / ⇧ = shift

    ----------

    ◼︎ ✏️우디에게 디자인 의뢰하기
    - 로고 디자인 : https://bit.ly/3mEu0RP
    - 그외 디자인 : https://open.kakao.com/o/sPDMl4tc
    (오픈채팅 상담은 디자인 의뢰 문의 외, 개인적인 질문에 답변하지 않습니다)

    ◼︎ 📕우디 책 출간! '유튜브 채널 운영을 위한 포토샵 디자인'
    - 네이버 책 소개 : http://bit.ly/woody_book

    ◼︎ 영상에 사용된 음악 / 효과음 / 영상 소스는 아트리스트와 아트그리드를 이용 했습니다.
    아래 링크로 가입하면 2개월 추가 혜택이 있으며, 저에게도 소정의 혜택이 있습니다.
    - 🎵Artlist I 무제한 라이선스의 음원 & 효과음 : https://bit.ly/2P9oeLI
    - 🎥Artgrid I 고품질 영상 소스 : https://bit.ly/3lQMtdJ

    ◼︎ 광고/비즈니스/개인 문의 patoz@daum.net
    ◼︎ 롤스토리디자인연구소 인스타그램 http://www.instagram.com/woody_seo/
    ◼︎ 롤스토리디자인연구소 블로그 http://rollstory.tistory.com/

    이 영상의 저작권은 롤스토리디자인연구소에게 있으며, 무단 복제 및 도용을 금지합니다. Copyrightⓒ2018 Rollstory Design Lab All rights reserved.

    Dev_Hong

  • 반드시 기억해야 하는 CSS 선택자 30개

    tutsplus.com

    반드시 기억해야 하는 CSS 선택자 30개

    여러분은 id, class, descendant 기초를 알고 있겠죠. 과연 그게 전부일까요? 그렇다면, 여러분은 폭넓게 적용하지 못하고 있네요. 이 글에서 설명하는 선택자 중에 다수가 CSS3 명세서에 있으며 모던 브라우저에서만 적용할 수 있지만, 여러분이 이 선택자들을 열심히 암기하기 바랍니다. 1. *
    * {
    margin: 0;
    ...

    Dev_Hong

  • The 30 CSS Selectors You Must Memorize

    tutsplus.com

    The 30 CSS Selectors You Must Memorize

    Learn CSS: The Complete Guide
    We've built a complete guide to help you learn CSS, whether you're just getting started with the basics or you want to explore more advanced CSS.
    CSS Selectors
    So...

    Dev_Hong

라이브러리에 저장

좋아하는 강좌들을 수집하고 관리하고 공유하세요

닫기