본문 바로가기

전체 글363

CSS Flexbox 완전 정리. 포트폴리오 만드는 날까지! | 프론트엔드 개발자 입문편: HTML, CSS, Javascript Flexbox만 잘 이해하셔도 이제 본격적으로 웹사이트의 구조를 만들 수 있어요 ❤️ 현업팁을 배우면서 조금더 체계적으로 공부해 보고 싶다면 드림코딩 아카데미를 확인해 보세요 ❤️ 드림코딩 아카데미: http://academy.dream-coding.com/ 영상 끝까지 다 보시구 나오는 숙제도 다 한번씩 해보세요 :) ⬇️ 아래 더보기에 링크 확인해보세요 Flexbox Froggy 게임: https://flexboxfroggy.com/ 2020. 6. 9.
CSS 레이아웃 정리 display, position 완성 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript CSS에서 가장 기본적이고 중요한 레이아웃편이예요. 현업팁을 배우면서 조금더 체계적으로 공부해 보고 싶다면 드림코딩 아카데미를 확인해 보세요 ❤️ 드림코딩 아카데미: http://academy.dream-coding.com/ 🔗 Resources: CanIUse: https://caniuse.com/ Display https://developer.mozilla.org/en-US/d... Position https://developer.mozilla.org/en-US/d... 🌐 프론트엔드 개발자 되기 입문자편 영상 목록: https://www.youtube.com/playlist?list... 💰개발자 경력 관리 영상 목록: https://www.youtube.com/playlist?list... 📄 이.. 2020. 6. 9.
CSS 셀렉터, 기초 이론 정리. 포트폴리오 만드는 날까지! | 프론트엔드 개발자 입문편: HTML, CSS, Javascript 우리 멋진 프론트엔드 개발자가 되고 벡엔드까지 우리의 실력이 상승할때까지 화이팅이요! 현업팁을 배우면서 조금더 체계적으로 공부해 보고 싶다면 드림코딩 아카데미를 확인해 보세요 ❤️ 드림코딩 아카데미: http://academy.dream-coding.com/ 게임 여기서 해보세요 :) CSS Dinner: https://flukeout.github.io/ 🔗 Resources: CSS 위키피디아: https://en.wikipedia.org/wiki/Cascadi... MDN CSS Selectors: https://developer.mozilla.org/en-US/d... CSS Reference: https://developer.mozilla.org/en-US/d... CSS Properties Re.. 2020. 6. 9.
HTML 태그 완성, 웹 포트폴리오 만들기 전에 꼭 보세요 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript HTML 쉽다고 그냥 넘기지 마시고, 한번더 복습한다는 마음으로 꼭 들어보세요 :) 현업팁을 배우면서 조금더 체계적으로 공부해 보고 싶다면 드림코딩 아카데미를 확인해 보세요 ❤️ 드림코딩 아카데미: http://academy.dream-coding.com/ 🔗 Resources: Playground: http://jsbin.com/ 숙제는 여기서: https://en.wikipedia.org/wiki/HTML Wikipedia - HTML: https://en.wikipedia.org/wiki/HTML - Markup language: https://en.wikipedia.org/wiki/Markup_... - UTF-8: https://en.wikipedia.org/wiki/UTF-8 MDN HTML .. 2020. 6. 9.
HTML 기초, React 할때 꼭 필요한 팁! 쉽다고 무시하면 안돼요 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript React같은 프레임워크를 배우기전에 정말 기본중의 기본 HTML과 웹사이트를 분석할 수 있는 스킬을 잘 다지셔야 해요 ❤️ 현업팁을 배우면서 조금더 체계적으로 공부해 보고 싶다면 드림코딩 아카데미를 확인해 보세요 ❤️ 드림코딩 아카데미: http://academy.dream-coding.com/ 🔗 Resources: Wikipedia - HTML: https://en.wikipedia.org/wiki/HTML - Markup language: https://en.wikipedia.org/wiki/Markup_... - UTF-8: https://en.wikipedia.org/wiki/UTF-8 MDN HTML elements reference: https://developer.mozilla.org/e.. 2020. 6. 9.
개발자가 쓰면 좋은 디지털 노트는? 개발자 경력을 상승 시켜준 완소아이템 ⭐️ (에버노트, 원노트, 베어노트, 노션 전격 비교) 디지털 노트를 잘 활용하면 일정관리 뿐만 아니라 프로젝트 관리도 할 수 있어서 자기개발에도 좋지만 경력관리에도 엄청만 도움이 된답니다 :) 당연히 아날로그 노트도 개발자의 필수 아이템이죠! 🙌 오늘 영상에서는 제가 주로 사용하고 있는 아이들을 소개해 보았어요 :) 🌐 프론트엔드 개발자 되기 입문자편 영상 목록: https://www.youtube.com/playlist?list... 💰개발자 경력 관리 영상 목록: https://www.youtube.com/playlist?list... 📄 이력서 작성 방법 https://www.youtube.com/playlist?list... 📈 IT 트렌드 https://www.youtube.com/playlist?list... 📷 개발자 브이로그 https://w.. 2020. 6. 9.
#08 상세페이지 포트폴리오 꿀팁🍯｜아이소메트릭 목업을 직접 만들어보기! (입체적인 측면이미지 만들기) 안녕하세요! 디자이너 연디입니다. 이번 영상은 포트폴리오 만드실 때 이미지를 배치하는 방법 중 하나인 입체적인 측면이미지를 만드는 방법에 관한 내용입니다!😍 영상에서 목업을 만들 때 이미지 비율이 너무 길게 맞추어져서 나오는 부분이 있는데 이부분에 대해 설명을 추가하겠습니다. 처음 틀을 만들 때 이미지 비율을 대충이라도 짐작해서 그려주시고 자유변형을 해줘야 비율이 맞게 나오게됩니다! 영상에서는 처음부터 세로로 좀 더 길게 틀을 만들어 준 뒤 자유변형을 했어야 비율이 알맞게 나오게 되었겠죠!? 제가 이 부분을 생각못하고 그리는 바람에 실수를 하고 말았네요! 여러분들은 이 점 꼭 유념하고 만들어주세요!🤗 #웹디자이너 #포트폴리오 #포토샵 2020. 6. 8.
디자인벤치마킹을 어디서 하세여?[MaDia] ►문의내용 메일 : madia_designer@naver.com 까페 : https://cafe.naver.com/madiadesigner 안녕하세요 실무디자이너 마디아입니다. 저도 잘은 못하지만 최선을다해서 많은 학생 및 신입분들에게 도움이 될 수 있는 디자인 및 정보를 제공해드리도록 노력하겠습니다. 강의분야 : UIUX , ICON , LOGO , infographic , 디자인정보 ---------- Hello, I'm working designer Madia. I am not good at it, but I will try my best to provide design and information to help many students and new students. Lectures : UIUX .. 2020. 6. 8.
#05 상세페이지 디자인! 뷰티컷을 이용한 인트로 페이지 만들기 문의: xxkimykxx@gmail.com 안녕하세요~ 디자이너 김연디입니다:D 작년부터 꾸준히~뷰티컷을 이용한 제품페이지 디자인이 나오고 있어서 그 트렌드에 맞추어 저도 만들어 봤어요. 제품의 특징이 잘 드러난 뷰티컷을 이용하면 간단하고 깔끔하게 인트로페이지를 꾸밀 수 있답니다:D 궁금하신 점은 언제든지 댓글 남겨주세요! 좋아요와 구독도 ^_^ #상세페이지 #포토샵 #실무디자이너 2020. 6. 8.
전문가가 알려주는 이쁜 그라디언트의 모든 것! // Gradient // 존코바 // 포토샵, Photoshop Tutorials 안녕하세요, 존코바입니다. 디자인에서 정말 중요한 그라디언트를 쉽고 이쁘게 사용하는 법에 대해 알려드려요! ▶ Similar Tutorials Simple Design Tip Tutorials → http://bit.ly/2V3b2Fj Color Tip Tutorials → http://bit.ly/2DUBWJM Typography Tip Tutorials → http://bit.ly/2YhBltr - Lecture Source Link : http://bit.ly/2VlK8gH - Photoshop CC 2017 - Wacom Tablet Intuos 3 ▶ 영상 사용 및 비지니스 문의 : studio.project36@gmail.com ------------------------------------.. 2020. 6. 8.
[초급] 타이포그래피가 태어나기까지의 제작 과정 엿보기! // 존코바 // TYPOGRAPHY // 포토샵 안녕하세요, 존코바입니다. 디자인을 해본 적이 없는 분들에게 타이포 디자인하는 과정을 소개해드려요! 디자인을 어떤 식으로 풀어나가야 할지 아예 모르겠다면 꼭 시청하셔요! ▶ Similar Tutorials Font Tutorials → http://bit.ly/2I0rpOr Typography Tip Tutorials → http://bit.ly/2YhBltr - Photoshop CC 2017 - Wacom Tablet Intuos 3 ▶ 영상 사용 및 비지니스 문의 : studio.project36@gmail.com -------------------------------------------------------------------------------------------- COPYRIGHT ⓒ.. 2020. 6. 8.
2% 부족한 디자인, 고퀄로 만드는 '밀도' 올리는 방법 // 존코바 // 모션엘리먼츠 디자인, 영상 퀄리티를 결정 짓는 가장 큰 차이 밀도에 대해 알려드려요 :) - MotionElements : https://www.motionelements.com/ko 존코바의 '밀도와 혼'을 갈아 넣어 만든 애프터이펙트 초중급 온라인 클래쓰! 자세한 내용은 아래 링크에서 확인하실 수 있습니다. ▼▼▼▼▼▼▼▼▼▼▼▼ https://101.gg/jkoba-class ▲▲▲▲▲▲▲▲▲▲▲▲ - Photoshop CC 2019 - Aftereffect CC 2019 ▶ 영상 사용 및 비지니스 문의 : studio.project36@gmail.com ▶ 질문 및 개인적인 문의 : onekick2000@naver.com ▶ 본 영상에는 간접 광고가 포함되어 있습니다. ----------------------.. 2020. 6. 8.
일러스트레이터 강좌 #9 - 타이포그래피 3D 입체글자 만들기 I 텍스트 도형 입체감 글자를 디자인하는 타이포그래피(Typography)! 녹아 흘러내리는듯한 타이포그래피에 이어 이번 강좌에는 입체감이 느껴지는 3D 글자를 만들어 보겠습니다 :) ■ 완성파일(ai)은 아래 링크에서 다운받을 수 있습니다. https://drive.google.com/open?id=19wH... 도움이 되셨나요? 그럼, 좋아요! 및 구독하기! 부탁드립니다 😍 늘 재미난 예제로 포토샵과 일러스트레이터를 맛있게 다루는 실무 디자이너가 되는 그날까지, 롤스토리 디자인 연구소의 우디가 함께합니다. ---------- ■ 롤스토리디자인연구소 블로그 http://rollstory.tistory.com/ ■ 롤스토리디자인연구소 인스타그램 http://www.instagram.com/woody_seo/ ◼︎ 광고/비즈니스.. 2020. 6. 8.
[포토샵 강좌] 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://bit.ly/2VZ8E4s - Photoshop CC 2019 ▶ 영상 사용 및 비지니스 문의 : studio.project36@gmail.com ▶ 질문 및 개인적인 문의 : onekick2000@naver.com -------------------------------------------------------------------------------------------- COPYRIGHT ⓒ 2015 J.. 2020. 6. 8.
#초급.뉴모피즘 디자인 가장쉽게 하는법[일러스트] 추천, 구독, 알림 꼬오옥~ 눌러주세요! 안녕하세요 디자이너 마디아입니다. 현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가도록 하겠습니다. -------------------------------------------------------------------------- ► youtube channel: https://bit.ly/2GJYUF1 ►단톡방 : https://open.kakao.com/o/gakaJCvb ►mail : madia_designer@naver.com ►cafe : https://cafe.naver.com/madiadesigner -------------------------------------.. 2020. 6. 8.

티스토리툴바