아 저 지난번 답글 남기고 나서 이런 강좌를 원했는데 디자이너로써 개발자가 벌써 되어가는것 같네요. ㅎㅎㅎㅎ 이런 세세한 플러그인 기능과 설명이 너무나 절실했었습니다. 모두 다 생소한데 개발자 분들은 아무리 배려를 해주셔도 모르는 부분은 좀만 공부하면 되니 알아서 해보시라고 두는것 같습니다. 헌데 저는 그런 디테일에서 답답하면 그 다음것들은 더 막막하고 실제로 강의를 듣고 났는데 제가 직접 디자인으로 뭔가를 제대로 만들 수 없어서 그냥 점점 또 잊게되더라구요. 이렇게 손쉽게 하는 방법을 알려주시고 실제로 더 많이 작업을 해가면서 알게 해주시려는게 너무나 좋네요. 완전 팬입니다! ㅎㅎ
일본 IT취업을 하기 위해서 정보처리산업기사를 취득 후에 IT직무를 고민하던 중 프론트엔드가 꿈이 되었는데 독학으로 공부를 하고 싶어서 유튜브 강좌를 찾던 중 디자인 베이스님 유튜브를 알게 되서 따라 해봤는데 HTML도 꽤 재밌었어요 !!!!! ㅎㅎㅎ 차근차근 천천히 알려주시고 정말 좋습니다 ㅠ 국비는 진도가 너무 빠르다고 해서 독학으로 공부 하게 되었는데 디자인베이스님 영상보면서 열심히 하겠습니다 ! 강의를 다 보고 실력이 많이 늘었다 생각 되어 더 심화 과정을 공부하고 싶어지면 멤버쉽 가입도 하겠습니다 !! 이렇게 퀄리티 좋고 완벽한 강의가 무료라서 죄송스러운 마음이네요 ㅠㅠ 구독 누르고 다음 강의 보러 갑니다 !!
감사합니다.. 제가 여기서 재플린 다시 배우고 xd활용법도 배우고 스캐치도 학원에서 배웠지만? 여기서 또 너무 알차게 복습해서 취업을 했지만.. 그게 끝이 아니더라구요! 확실히 퍼플리싱하시는 분들이나 개발자분들과 소통하기 위해서는 필수인부분이라고 생각합니다! 정말 열심히 배워보겠습니다 슨생님!
안녕하세요. 말씀하신대로 VS Code에 기본적으로 emmet이 깔려있긴한데 HTML Snippets를 설치하면 더 많은 html 태그에 대해 제공하고 태그가 사용되지 않는지에 대한 여부를 포함한 정보를 제공하는 확장팩이에요ㅎㅎ 뭐 없어도 효율적인 태그작성에 문제되는건 아니죠.. 저도 처음 배울때 웹 개발자분이 추천해주셔서 설치해서 습관처럼 사용해서 저 확장팩을 설치 했을때 안했을때의 큰 차별점은 모르겠네요.😅😅 혹시 알게되면 공유 부탁드릴게요 👍
아 저 지난번 답글 남기고 나서 이런 강좌를 원했는데 디자이너로써 개발자가 벌써 되어가는것 같네요. ㅎㅎㅎㅎ 이런 세세한 플러그인 기능과 설명이 너무나 절실했었습니다. 모두 다 생소한데 개발자 분들은 아무리 배려를 해주셔도 모르는 부분은 좀만 공부하면 되니 알아서 해보시라고 두는것 같습니다. 헌데 저는 그런 디테일에서 답답하면 그 다음것들은 더 막막하고 실제로 강의를 듣고 났는데 제가 직접 디자인으로 뭔가를 제대로 만들 수 없어서 그냥 점점 또 잊게되더라구요. 이렇게 손쉽게 하는 방법을 알려주시고 실제로 더 많이 작업을 해가면서 알게 해주시려는게 너무나 좋네요. 완전 팬입니다! ㅎㅎ
감사합니다ㅎㅎㅎ 좋은 강좌 많이 올려드릴게요👍👍
HTML snippets 설치하려 하는데 뭔가 줄이 찍 그어져 있고 다운로드 받기 전에 경고 문자가 나오네요 ㅎㅎ
대체할 기능이 있을까요?
일본 IT취업을 하기 위해서 정보처리산업기사를 취득 후에 IT직무를 고민하던 중 프론트엔드가 꿈이 되었는데 독학으로 공부를 하고 싶어서 유튜브 강좌를 찾던 중 디자인 베이스님 유튜브를 알게 되서 따라 해봤는데 HTML도 꽤 재밌었어요 !!!!! ㅎㅎㅎ 차근차근 천천히 알려주시고 정말 좋습니다 ㅠ 국비는 진도가 너무 빠르다고 해서 독학으로 공부 하게 되었는데 디자인베이스님 영상보면서 열심히 하겠습니다 ! 강의를 다 보고 실력이 많이 늘었다 생각 되어 더 심화 과정을 공부하고 싶어지면 멤버쉽 가입도 하겠습니다 !! 이렇게 퀄리티 좋고 완벽한 강의가 무료라서 죄송스러운 마음이네요 ㅠㅠ 구독 누르고 다음 강의 보러 갑니다 !!
너무 늦었지만 오늘부터 다시 코딩공부 열심히!! ㅋㅋㅋ 이렇게 뜰거예요,, 이부분 ㅋㅋㅋㅋㅋ (선생님의 깊은 한숨ㅋㅋㅋ) 쌤 더 힘내주세요.. 강의 너무 좋아요!!!
ㅋㅋㅋ화이팅입니다🙌
안녕하세요! 좋은 강의 감사드립니다. 시작하려고 하는데 2:30 에 나오는 snippets가 현재 지원이 되지 않는다고 뜨는데 'HTML Boilerplate'를 설치하면 되는 걸까요? 어떤걸로 해야하는지 모르겠어서 댓글 드립니당!
이제 Snippets가 vscode에 자체적으로 설치되어서 별도의 설치 안하셔도 됩니다ㅎㅎ
@@designbase 오 알겠습니다 감사합니다!!ㅎㅎ
항상 감사합니다!!! 어쩜 강좌마다 제가 궁금했던 것들이 다 나올까요?? 업무에 진짜 많이 도움 되는 영상이 많으세요~~!!
감사합니다ㅎㅎ👍👍
디발자가 되고픈 모든이들에게 정말 희망과 같은 존재시네요~
저도 마찬가지구요. 정주행하고 열심히 따라하겠습니다. 감사감사해요~!
제가 공유해드리는 지식은 빙산의 일각입니다...ㅎㅎ 하지만 디자이너가 가장 재미를 느끼기 쉽고 배우기 쉬운 언어부터 알려드리는 것이 목표입니다 ㅎㅎ
우와 코딩을 하나도 모르지만 관심이 많았는데 ..틈틈이 강좌보면서 해봐야겠어요!! 영상 감사합니다!!
ㅎㅎ네 이참에 한번 공부해보세요👍
아 다른 유튜브강의다봤는데 디베님강의가 쉽고 머리에 쏙쏙 들어오네요😥 진짜 감사합니다😥
감사합니다!ㅎㅎ 최대한 쉽게 알려드릴게요!
감사합니다.. 제가 여기서 재플린 다시 배우고 xd활용법도 배우고 스캐치도 학원에서 배웠지만? 여기서 또 너무 알차게 복습해서 취업을 했지만.. 그게 끝이 아니더라구요! 확실히 퍼플리싱하시는 분들이나 개발자분들과 소통하기 위해서는 필수인부분이라고 생각합니다! 정말 열심히 배워보겠습니다 슨생님!
화이팅입니다! 많이 알면 알수록 좋죠ㅎㅎ
저도 이제 디발자가 되려고 공부하다가 우연히 찾았는데 디자인베이스님 채널이 최고네요 ㅠㅠ 초보가 알아듣기 넘 쉽습니다!! 감사합니다!!
ㅎㅎ감사합니다! 화이팅입니다 :)
완전 컴알못에 비전공자인데 도전해봅니다!😭😭 퍼블리셔 오프라인 강좌도 신청해서 이틀 들었는데 워낙 기초지식이 없다보니까🥺수업은 윈도우로 듣고 집에와서 맥북으로 공부하고싶은데 혼자하기는 벅차서 바로 구독했어요~ 이렇게 유용한 강의가 있다니ㅜㅜㅜㅜ감동입니다ㅜㅜ👍👏👏
도전!!! 잘되실거에요ㅎㅎㅎ 화이팅입니다👍👍👍👍
초보자도 보기 쉽도록 공을 들이신 부분들이 많이 보여요ㅠㅠㅠ정말 감사합니다!!!ㅠㅠ
감사합니다ㅎㅎ👍👍
오늘 올리신 거 였군요 유익한데 왜이렇게 조회수가 적나 했어요ㅋㅋㅋ
다음영상 기다립니다!
제 영상은 원래 조회수가 적었어요...😢 다들 작심삼일인가ㅎㅎㅎㅎㅎ
아.. 벌써 멋드러지려고 한다. 정말 감사합니다. (첨부터 끝까지 코딩해보고픈 코딩 된 문서 수정전문 디자이너)
올해는 목표로하시는 것 다 이루실거예요ㅎㅎ👍
디발자 샌애긔 강의에 감동받고 울고갑니다.
ㅋㅋ감사합니다😂
우와 유용한 익스텐션이 엄청 많네요! 이 중에 Live Server밖에 몰랐는데 디자인베이스님이 추천해주신 익스텐션 바로 설치해야겠네욤! 추천 감사합니다:)
좋은 익스텐션들이 많죠!ㅎㅎ 더 좋은 것들이 있는데 나중에 추가로 소개드릴게요👍
광고따위 스킵하지 않는다..!
송영미 크.. 감사합니다🙌
지금 기초 htm과 css배우고 있는데 너무나 도움되는 텍스트 에디터 프로그램이네요. 지금까지 메모장으로만 웹페이지 만드는 연습해서 시각적으로 너무딱딱하다고 생각했었는데 이런 좋은 프로그램이 있었군요. 영상 잘봤습니다.
디자인도 툴이 중요한것처럼 개발도 툴이 아주 중요하죠ㅎㅎ 효율성이 아주 올라갑니다👍
오옹. 이렇게나 많은 익스텐션이라니~~ 유용하게 사용할게요. 감사합니다!
넵!ㅎㅎ👍
디자인 5년차, 이직하면서 따로 퍼블리셔없는 곳이라 코딩 공부 헐레벌떡 시작해봅니다!!
코딩에 대한 두려움이 잇는데 차근차근 잘 해보겠습니다앗!!!!!!!!!!!!
화이팅입니다!!🙏👍
안녕하세요 모든 강좌 다 보고 다시보고 실전으로 공부하고 있어요~ 항상 말하지만 너무나도 감사합니다. 비주얼 스튜디오로 live server 을 go live 할때마다 새로운 창이 떠서 너무 힘들어요 어떻게 하는게 좋을까요? ㅠㅠ
Go live를 매번 누르실 필요없이 한번만 띄워놓으면 코드 수정후 저장할때마다 자동으로 새로고침 됩니다!ㅎㅎ
아주 유용한 강좌 감사합니다! start~!!
도움이 되셨다니 다행입니다.ㅎㅎ 화이팅입니다!
너무너무 유용한 강좌입니다 감사합니다.
감사합니다ㅎㅎ👍
20210622 [디발자 도전 1일차] 이런 에디터툴이 있었다니 신세계 감사합니다!!!
넵!ㅎㅎ 좋은 툴입니다.
다음 강좌 빨리 좀 올려 주세요 ㅎㅎ 염치가 없지만 너무 기달려집니다. 부탁드립니다
ㅎㅎ빨리올려드리고 싶지만 회사를 다니고있어서 물리적인 시간이 부족하네요😭 최대한 빨리 올려드릴게요ㅎㅎ
감사해요! 웹디자인도 디자인베이스님 덕에 입문 시작했는데, 이 과정도 동시에 같이 해도 될까요??
안녕하세요ㅎㅎ 동시에 해도 상관없죠 당연히!🙌
휴 벌써 개발자된거같아서 설레네여...? 매우감사합니다.ㅠㅠ
개발자가 된 기분이 들었다면.. 절반은 성공하신겁니다 ㅎㅎ
제꿈이 프론트엔드개발자이고 현재 고2지만 독학으로 시작해볼려고합니다 아마 이영상이 처시작이겠죠 큰맘먹고 제대로 해볼게요 감사합니다!!!!!
우와.. 제가 고2때는 학원다니기 바빴던것같은데ㅠㅠ 준비가 엄청 빠르시네요.. 멋져요 ㅎㅎ 꿈을 이루실 것 같습니다! 화이팅ㅎㅎ
@@designbase 학교공부랑 코딩이랑 같이 병행하기 힘들거같지만 한번해볼게요 제가하고싶은걸 하는게맞으니까 감사합니다!!
@@designbase 그리고 제가 이번에 학원을 갈려하는데 제 꿈이 프론트엔드개발자인데 제꿈에 맞게 프론트엔드수업하나요??
쌤...... 기다리고잇습니다.. 흑흑... 진짜너무필요한강좌엿어요.. ㅠㅠ
안녕하세요ㅎㅎ 최근에 일이 많아서 야근을 하느라 못올리고 있네요ㅠㅠ 후딱 올려드릴게요!!
디자인 베이스님 목소리 듣고 있으면 마음이편해지면서 잠이와요 공부가 안되는데..어떻하죵
밤에 잠 안오실때 들으시면 됩니다..ㅎㅎ
너무 감사합니다
웹디자인 과정은 언제 또 올라오나요~? 늠 공부하고 싶어요~!
이번주에 녹화 예정이고 편집후 다음주에 업로드 예정입니다ㅎㅎ
HTML Snippets 같은 경우는 현재 지원하지 않는 기능이라고 하네요ㅠㅠ 다른 태그로 대신할 수 있는 게 있을까요??
해당 기능은 vs code에 자체적으로 지원해서 더 이상 설치하지 않으셔도 됩니다👍
@@designbase 아아 네!! 댓글 감사합니다 🥹 포토샵만 할 줄 알다가 이제 디자인 시장에서 경쟁력이 없는 걸 실감하고 뒤늦게 뛰어들었는데.. 너무 재밌네요ㅎㅎㅎ
영상 잘보고 갑니다. 감사합니다^^
감사합니다~!
감사합니다ㅜㅜ최고....입니다
최고.. 감사합니다 :)
안녕하세요! HTML Snippets이 더이상 사용할수없다고하는데.. 그럼 HTML Boilerplate로 설치하면 될까요..?
thanks teacher
어후 감사합니다 ㅠㅠ
저는 Live Server를 설치했는데도 파일 저장 후에 자동으로 웹브라우저에서 새로고침이 안되는데 어떻게 해야하나요??
라이브서버 설치이후에 open folder로 html파일이 있는 경로를 열어주고나서 라이브서버를 실행시켜야 작동합니다~!
쌤ㅎㅎ휴ㅠㅠ 너무 감사해요 안그래도 너무 배우고 싶었는데 혹시 정기 업로드 하실 생각인가용?
네 정기적으로 업로드 예정입니다~!ㅎㅎ 내일도 올라갈 예정입니다
@@designbase 우왓 ㅠ ㅠ 내일도 꼭 챙겨듣겠습니다 🥰
진짜 최고다..
감사합니다👍
질문해도 될까요? live server 를 확장설치하려하면 사용안함으로 체크되어있고, 절대 설치가 안되어서 비쥬얼을 삭제했다 다시깔아도 안되네요. 혹시 왜 그러지 비슷한 상황들 있었을까요?
확장프로그램 창에서 설치가 안되시는건가요??
질문할게유 감사합다
1.에디터는해서 웹으로 어캐 만드나여?
2.비주얼말고 다른것도있나여?
3저는 이상항게 탐색기 뭐 버튼만들고
다음장이런게없어요
웹으로 만드는 방법은 웹서버와 도메인이 있어야합니다.
다른 에디터로는 아톰, 브라켓, 서브라임텍스트 같은것도 있습니다.
코딩까지 ㄷㄷ 만늘이시네요
아니에요..😊😊
맥북 쓰고 있는데요 ㅜㅜ 밑에 보라색 상태바 없어졌는데 다시 살리는 방법 알려주실 수 있나요?
그거 상단 메뉴바에서 View > Appearance > Show Status bar 누르시면 됩니다.
저 호기심에 그만 상태 표시줄 닫아버리고 오른쪽 위에 메뉴도 닫아 버렸는데 상태 표시줄은 보기/안보기 설정이 있어서 다행히도 보기 설정했는데 표시줄 안에 있던 Go Live랑 UTF-8 등이 다 사라졌어요. 어떻게 복구하죠?
그거 상단 메뉴바에서 View > Appearance > Show Status bar 누르시면 됩니다.
@@designbase 정말감사합니다ㅠ
안녕하세요! html snippets는 더 이상 설치할수없다고 뜨는데 설치하지 않아도 큰 문제는 없겠죠?
네 설치 안하셔도 됩니다ㅎㅎ 이제 vs code에서 기본으로 탑재하고 있다고 들었어요
html snippet가 더 이상 사용할 수 없다고 뜨는데 대체로 사용할 수 있는 게 있을까요?
더이상 사용할수 없다는게 설치 과정에서 인가요??
@@designbase 더이상 유지관리 되지 않는대요
아마 vscode 자체적으로 해당 기능을 탑재해서 그런것 같습니다 :)
좀 어의 없는 질문이지만
visual studio code 왼쪽 마크 모양 5개 안보이게 해버렸는데 다시 보이게 하려면 어떻게 하나요???????
상단 메뉴바에서 view > appearance > show activity bar 입니다~!
도대체 예제파일은 어디있나요...맴버십 가입해도 예전거라 찾기가 힘든데요..ㅠ강의는 좋아보이는데 활용을 못하고 있어요..
코드 완성기능이 안됩니다.;; !표 입력하면 기본태그가 한꺼번에 완성됐었는데.... 어떻게 해야 할까요?
우선 Html 파일로 저장을 해야 해당 파일이 html인걸 인식해서 !치고 탭을 눌러야 기본코드 나옵니다!ㅎㅎ
7편까지 다 봤는데... 다운로드 버튼 만들고 버튼 누르면 다운로드되는 코드 알려주세요
그건 스크립트를 사용해서 제작해야됩니다!
@@designbase 아.......복잡한가요...일단 감사합니다
혹시 저가 다 다운로드를 했는데 적용이 안된거가타여..
예전 영상이라서.. 더이상 지원하지 않거나 다운받지 않아도 되는 것들이 있습니다..!
배경음이 너무 커요ㅠㅠㅠㅠㅠㅠㅠ 목소리보다 커서.. 스피커의 음량을 키워도 조금 묻히는 경향이 있네요.. 배경음으로 최소로 줄여서 강사님의 목소리에 좀 더 집중할 수 있도록 영상 제작 부탁드릴게요~ 너무 잘보고갑니다 감사합니다:)
피드백 감사합니다ㅎㅎ 줄인다고 줄였는데도 크게 느껴지셨나보네요ㅠㅠ 다음 영상부터는 좀더 작게 편집을 해봐야겠어요👍
vscode 에는 emmet 이 기본적으로 있는데 html snippets 를 설치하는 이유는 몬가요?
안녕하세요. 말씀하신대로 VS Code에 기본적으로 emmet이 깔려있긴한데 HTML Snippets를 설치하면 더 많은 html 태그에 대해 제공하고 태그가 사용되지 않는지에 대한 여부를 포함한 정보를 제공하는 확장팩이에요ㅎㅎ 뭐 없어도 효율적인 태그작성에 문제되는건 아니죠.. 저도 처음 배울때 웹 개발자분이 추천해주셔서 설치해서 습관처럼 사용해서 저 확장팩을 설치 했을때 안했을때의 큰 차별점은 모르겠네요.😅😅 혹시 알게되면 공유 부탁드릴게요 👍
auto close tag
auto rename tag
html snippets
live server
autoprefixer(선택사항)