자바스크립트 8. 배열 제대로 알고 쓰자. 자바스크립트 배열 개념과 APIs 총정리 | 프론트엔드 개발자 입문편 (JavaScript ES6 )

자바스크립트의 완성 배열과 배열과 관련된 APIs들을 어떻게 공부하는지 방향도 잡아 보아요. 다음 퀴즈시간에서 만나요 조금더 체계적으로 공부를 원하시면 드림코딩 아카데미에서 만나요: http://academy.dre..

자바스크립트 9. 유용한 10가지 배열 함수들. Array APIs 총정리 | 프론트엔드 개발자 입문편 ( JavaScript ES6)

10가지 유용한 배열 관련 함수들에 대해서 배워보아요. 퀴즈 코드는 여기서 받아 보세요: https://drive.google.com/file/d/1smYHFS5fbgdyGHjBmXx2P-IyY3VWJ9tm/view 조금더 체계적으로 공부를 원하시면 드림코딩..

자바스크립트 10. JSON 개념 정리 와 활용방법 및 유용한 사이트 공유 JavaScript JSON | 프론트엔드 개발자 입문편 (JavaScript ES6)

JSON이 무엇인지 개념 및 배경 설명과 자바스크립트에서 어떻게 쓰는지에 대해 배워 보아요. 그리고 유용한 웹사이트 몇가지를 공유해 드릴께요 조금더 체계적으로 공부를 원하시면 드림코딩 아카데미에서 만나..

자바스크립트 11. 비동기 처리의 시작 콜백 이해하기, 콜백 지옥 체험 JavaScript Callback | 프론트엔드 개발자 입문편 (JavaScript ES6)

자바스크립트 비동기 처리를 위한 그 출발점, 콜백에 대해 정확하게 이해하고, 두가지 종류의 콜백과 콜백지옥은 무엇인지 한번 예제를 통해 알아보도록 해요. 다음에 이어지는 Promise 편에서 콜백지옥을 깔끔하..

프론트엔드 개발자 백엔드 개발자 무엇을 선택할까? 공부 방법은? (Frontend vs Backend)

프론트엔드 개발자와 백엔드 개발자는 무슨 일들을 하고, 나는 어떤것을 선택해야 할까요? 그리고 각각 어떤 부분을 더 공부해 나가면 좋을까요? 여러분들이 주신 질문들을 모아서 알렉스와 함께 영상을 찍어 보았..

[ 디자인 참견러 #13 ] [ ENG ] 비전공자의 일러스트 디자인 바꿔봤습니다! Before & After // 존코바 // 포토샵

신청해 주신 김종상님, 최선영님 감사드려요! 디자인 참견러 신청 메일 주소 : [email protected] ____________________________________________________ 첨부하실 내용 1. 닉네임 : 2. 작품 이름 : 3. 작..

[ ENG ] 복고풍 디자인을 트랜디하게 '뉴트로 디자인' 로고 만들기 // 존코바 // Photoshop Tutorials

복고와 트랜디함의 조화 뉴트로(NEWTRO)디자인에 대해 알려드립니다 :D PenTool Tutorials : http://bit.ly/336tIti Lecture Source Link : http://bit.ly/2TCn5f6 - Photoshop CC 2019 영상 사용 및 비지니스..

초보자가 알아야 할 디자인 팁 5가지

디자인을 처음 시작하실 때 꼭 기억해둬야 할 5가지 팁! 지금까지 겪어온 경험을 토대로 빠르고 간결하게 정리해봤습니다. 주관적인 기준으로 만든 영상이니 참고하세요! Five tips to remember when you first st..

Top 5 UI/UX Design [Trends] Tips by Cuberto (2020)

This month you'll get on https://patreon.com/cuberto - The 4th design course showing the process of Principle animation - Two new animated shots with source files in AE - Two videos with design tips

HTML 태그 완성, 웹 포트폴리오 만들기 전에 꼭 보세요 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

HTML 쉽다고 그냥 넘기지 마시고, 한번더 복습한다는 마음으로 꼭 들어보세요 :) 현업팁을 배우면서 조금더 체계적으로 공부해 보고 싶다면 드림코딩 아카데미를 확인해 보세요 ️ 드림코딩 아카데미: http://ac..

CSS 셀렉터, 기초 이론 정리. 포트폴리오 만드는 날까지! | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

우리 멋진 프론트엔드 개발자가 되고 벡엔드까지 우리의 실력이 상승할때까지 화이팅이요! 현업팁을 배우면서 조금더 체계적으로 공부해 보고 싶다면 드림코딩 아카데미를 확인해 보세요 ️ 드림코딩 아카데미:..

CSS 레이아웃 정리 display, position 완성 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

CSS에서 가장 기본적이고 중요한 레이아웃편이예요. 현업팁을 배우면서 조금더 체계적으로 공부해 보고 싶다면 드림코딩 아카데미를 확인해 보세요 ️ 드림코딩 아카데미: http://academy.dream-coding.com/ ..

CSS Flexbox 완전 정리. 포트폴리오 만드는 날까지! | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

Flexbox만 잘 이해하셔도 이제 본격적으로 웹사이트의 구조를 만들 수 있어요 ️ 현업팁을 배우면서 조금더 체계적으로 공부해 보고 싶다면 드림코딩 아카데미를 확인해 보세요 ️ 드림코딩 아카데미: http://..

프론트엔드 공부 순서, 높은 연봉 받는 프론트엔드 개발자 되기 | 해외 개발자 선배가 알려드려요 ️ (웹개발 공부 순서)

프론트엔드 로드맵은 여기를 참고해 주세요 :) https://github.com/kamranahmedse/developer-roadmap kamranahmedse/developer-roadmap Roadmap to becoming a web developer in 2020. Contribute to kamranahmeds..

반응형 웹, 웹개발 할때 꼭 알아야 하는 Responsive Web | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

웹개발시 반응형으로 만드는것이 굉장히 중요합니다. 반응형이 무엇이고 왜 중요하고 어떻게 잘 만들수 있는지 얘기해봤어요 :) 현업팁을 배우면서 조금더 체계적으로 공부해 보고 싶다면 드림코딩 아카데미를 확..

모바일 디자인이 되는과정 [Adobe xd]

자바스크립트 3. 데이터타입, data types, let vs var, hoisting | 프론트엔드 개발자 입문편 (JavaScript ES5+)

자바스크립트에서 제일 중요한 변수와 데이터 타입에 대해 완벽 정리 ️ 인터뷰 면접때 자주 나오는 질문들도 중간 중간 함께 다뤄볼께요

자바스크립트 4. 코딩의 기본 operator, if, for loop 코드리뷰 팁 | 프론트엔드 개발자 입문편 (JavaScript ES6)

자바스크립트와 다른 언어에서도 쓰이는 operator와 loop에 대해 정리 ️ && 과 || 연산자를 쓸때 주의해야 할 점 하나를 콕 집고 알아보아요

자바스크립트 5. Arrow Function은 무엇인가? 함수의 선언과 표현 | 프론트엔드 개발자 입문편(JavaScript ES6)

프로그램을 이루는 가장 기본적인 빌딩 블럭, 함수에 대해서 알아보아요 ️ 함수의 선언식과 표현식의 차이점을 알아보고 Arrow function에 대해서 알아보아요.

자바스크립트 6. 클래스와 오브젝트의 차이점(class vs object), 객체지향 언어 클래스 정리 | 프론트엔드 개발자 입문편 (JavaScript ES6)

객체지향언어 컨셉에 대한 이해와 클래스와 오브젝트의 차이점에 대해서 알아보아요 ️ JavaScript Reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference

#초급.뉴모피즘 디자인 가장쉽게 하는법[일러스트]

추천, 구독, 알림 꼬오옥~ 눌러주세요! 안녕하세요 디자이너 마디아입니다. 현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가..

[포토샵 강좌] 3D 사용하지 않고 3D 느낌나는 로고 만들기 // 존코바 // Photoshop Tutorials

안녕하세요, 존코바입니다! 오늘의 포토샵 강좌는 3D 느낌나는 로고 만들기입니다 :D Hello, I'm Jonkoba! Today's Photoshop course is to create a logo that feels like 3D :D - Lecture Source Link : http://..

일러스트레이터 강좌 #9 - 타이포그래피 3D 입체글자 만들기 I 텍스트 도형 입체감

글자를 디자인하는 타이포그래피(Typography)! 녹아 흘러내리는듯한 타이포그래피에 이어 이번 강좌에는 입체감이 느껴지는 3D 글자를 만들어 보겠습니다 :) 완성파일(ai)은 아래 링크에서 다운받을 수 있습니..

2% 부족한 디자인, 고퀄로 만드는 '밀도' 올리는 방법 // 존코바 // 모션엘리먼츠

디자인, 영상 퀄리티를 결정 짓는 가장 큰 차이 밀도에 대해 알려드려요 :) - MotionElements : https://www.motionelements.com/ko 존코바의 '밀도와 혼'을 갈아 넣어 만든 애프터이펙트 초중급 온라인 클래쓰!..

[초급] 타이포그래피가 태어나기까지의 제작 과정 엿보기! // 존코바 // TYPOGRAPHY // 포토샵

안녕하세요, 존코바입니다. 디자인을 해본 적이 없는 분들에게 타이포 디자인하는 과정을 소개해드려요! 디자인을 어떤 식으로 풀어나가야 할지 아예 모르겠다면 꼭 시청하셔요! Similar Tutorials Font Tutori..

전문가가 알려주는 이쁜 그라디언트의 모든 것! // Gradient // 존코바 // 포토샵, Photoshop Tutorials

안녕하세요, 존코바입니다. 디자인에서 정말 중요한 그라디언트를 쉽고 이쁘게 사용하는 법에 대해 알려드려요! Similar Tutorials Simple Design Tip Tutorials → http://bit.ly/2V3b2Fj Color Tip Tutorials..

#05 상세페이지 디자인! 뷰티컷을 이용한 인트로 페이지 만들기

문의: [email protected] 안녕하세요~ 디자이너 김연디입니다:D 작년부터 꾸준히~뷰티컷을 이용한 제품페이지 디자인이 나오고 있어서 그 트렌드에 맞추어 저도 만들어 봤어요. 제품의 특징이 잘 드러난 뷰티컷..

디자인벤치마킹을 어디서 하세여?[MaDia]

문의내용 메일 : [email protected] 까페 : https://cafe.naver.com/madiadesigner 안녕하세요 실무디자이너 마디아입니다. 저도 잘은 못하지만 최선을다해서 많은 학생 및 신입분들에게 도움이 될 수 있..

#08 상세페이지 포트폴리오 꿀팁｜아이소메트릭 목업을 직접 만들어보기! (입체적인 측면이미지 만들기)

안녕하세요! 디자이너 연디입니다. 이번 영상은 포트폴리오 만드실 때 이미지를 배치하는 방법 중 하나인 입체적인 측면이미지를 만드는 방법에 관한 내용입니다! 영상에서 목업을 만들 때 이미지 비율이 너무..

개발자가 쓰면 좋은 디지털 노트는? 개발자 경력을 상승 시켜준 완소아이템 ️ (에버노트, 원노트, 베어노트, 노션 전격 비교)

디지털 노트를 잘 활용하면 일정관리 뿐만 아니라 프로젝트 관리도 할 수 있어서 자기개발에도 좋지만 경력관리에도 엄청만 도움이 된답니다 :) 당연히 아날로그 노트도 개발자의 필수 아이템이죠! 오늘 영상에..

HTML 기초, React 할때 꼭 필요한 팁! 쉽다고 무시하면 안돼요 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

React같은 프레임워크를 배우기전에 정말 기본중의 기본 HTML과 웹사이트를 분석할 수 있는 스킬을 잘 다지셔야 해요 ️ 현업팁을 배우면서 조금더 체계적으로 공부해 보고 싶다면 드림코딩 아카데미를 확인해..

기획서가 디자인으로 변화는 과정 [Adobe xd]

지극히 주관적인 내가 색감을 공부한 방법

오늘은 제가 색감을 공부했던 방법에 대해서 잠시 이야기를 해 보고자 합니다. 누군가에게는 도움이 되었으면 좋겠습니다.

#02.[speed x1.5배] 학생분들 실제 디자이너의 작업속도 궁금하시죠? [MaDia]

추천, 구독, 알림 꼬오옥~ 눌러주세요! 안녕하세요 디자이너 마디아입니다. 현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가..

그림 못 그려도 좋은 디자이너 되는 방법 // 존코바

안녕하세요! 존코바입니다. 그림을 못 그려도 디자이너 할 수 있냐는 얘기가 많았는데요 꼭 그림 잘 그리지 않아도 좋은 디자이너가 될 수 있는지에 대하여 얘기해봤습니다!

#06 실무 디자이너 꿀팁! 사실꿀｜디자이너는 폴더,파일 정리 어떻게 할까? (Feat.구독자님의 질문댓글)

문의 : [email protected] 김연디 체널의 실무 디자이너 꿀팁이 이름이 생겼어요! 사수도 알려주지 않는 실무 디자이너 꿀팁 이 문장을 줄여서 사실꿀이라는 귀염귀염한 애칭이 탄생했답니다. 사실..

Top 10 Web Design Trends in 2020 - Every Designer Should Know

Here are Top 10 Web Design Trends that you will see in 2020. We have picked the most popular designs from Dribbble and we predict & assuming these will become trends in the web design industry. SUBS..

10 stunning graphic design trends for 2020

99designs has compiled a list of graphic design trends for 2020: https://99designs.com/blog/trends/gra... Staying up to date on graphic design trends is crucial for graphic designers and business ow..

Logo Design Trends in 2020 | Top 10 Logo Design Trends

Learn More About Logo Design Trends : https://alldesignideas.com/logo-desig... Logo Design Trends in 2020 in this video I am going to share with you top logo design trends in 2020 and show you a bea..

집에서 혼자만든 말도 안되는 취준생 포트폴리오

추천, 구독, 알림 꼬오옥~ 눌러주세요! 안녕하세요 디자이너 마디아입니다. 현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가..

대한민국 디자인의 미래가 밝습니다.

추천, 구독, 알림 꼬오옥~ 눌러주세요! 안녕하세요 디자이너 마디아입니다. 현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가..

자바스크립트 배우기전 꼭 봐야할 영상 | 자바스크립트의 역사와 현재 그리고 미래 (JavaScript, ECMAScript, JQuery, Babel, Node.js)

새로운 언어를 배울때 바로 문법부터 공부하는 것보다 언어의 탄생배경과 이 언어를 배웠을때 어느 분야에서 활용할 수 있고, 나에게 어떤 이득이 생길 수 있는지에 대한 이해가 필수입니다 우리 이번영상에서는..

자바스크립트 JavaScript ES6, 콘솔에 출력, script async 와 defer의 차이점 및 앞으로 자바스크립트 공부 방향 | 프론트엔드 개발자 입문편

Jvascript를 HTML에 링크할때 효율적인 방법 async와 defer의 차이점을 살펴보고 앞으로 공부하기 위한 환경설정을 해보도록 할께요 :) 저는 새로운 언어를 배울때 (C, C++, C#, Java, Kotlin, Swift, Python, Go,..

저만의 경쟁력 있는 상세페이지 만들기 노하우를 공개합니다. 꼭 알고 가셨으면 좋겠습니다. :)

*클래스101 온라인 강의오픈했습니다! https://class101.app/mabsaki-class 안녕하세요! 남규입니다. 이전에 타깃, 니즈, 상품에 대해서 정리한다면 상세페이지를 만들기 훨씬 쉬워진다고 말씀드렸죠. 그렇다면 실..

Navbar CSS Tutorial: 3 Ways to Create a Navigation Bar with Flexbox

This free design and web development course will use Flexbox and basic HTML to create 3 different navbar designs. You'll see some examples of how Flexbox properties like 'align-items', 'justify-cont..

[포토샵 초보 꿀팁] 컬러 사용 완전 정복! with 어도비 컬러 // Adobe Color // 존코바

안녕하세요, 존코바입니다! 색을 이쁘게 쓰고 싶지만 어려우신 분 디자이너처럼 색 사용하고 싶으신 분 이런 분들을 위해 컬러 사용 핵꿀팁 알려드리려고 합니다! 이론보다는 노하우에 관련된 정보로 본인에게 맞..

초보자도 디자이너처럼 컬러를 잘 쓰는 꿀팁 5가지 대방출 - 컬러를 쓰기 어려우신 분들이라면 들어오세요!

안녕하세요! 컨트롤에쓰에 쓰다입니다! 오랜만이 아닌데 왜이리 오랜만 같죠...? 오늘은 제가 컬러를 사용하는데 어려움을 겪고 계신 초보자 분들 뿐만 아니라 현업에 계신 분들까지 사용하고 응용하시면 좋을만한..

#01 상세페이지 디자인! 이것만 알고 시작하세요!

안녕하세요. 디자이너 연디입니다! 오늘부터는 실무디자인꿀팁 외에 컨텐츠 디자인 강의도 같이 시작하려고 합니다. 그 첫번째로는 바로 제품 상세페이지 디자인에 대한 내용입니다. 상세페이지 ..

디자이너 추천하는 상업적, 저작권 무료 폰트 완벽 모음! // 존코바 // 디자인 // 유튜버

안녕하세요, 존코바입니다. 제가 현재 유튜브 하면서 계속 사용하고 크리에이터, 유튜버에게 필수인 상업적, 저작권 무료 폰트 소개입니다! 1.검은고딕 https://github.com/zesstype/Black-Han... 2.에스코어드림..