앗! 이제보았네요. 죄송합니다. 지금은 디자인업무를 하지않다보니 피그마 신규영상이 없네요. 조만간 새로만들어 올리도록 하겠습니다. 본업을 하면서 디자인부터, 퍼블리싱, 프론트엔드개발까지 담는 강의를 준비하려 하다보니 시간이 조금 걸리네요... 오래 영상을 올리지 못해 죄송합니다.
답을 늦게 드렸네요 죄송합니다. 실제로 웹사이트 제작 시에는 개발자나 디자이너마다 성향이 조금 다릅니다. 개인적으로는 반응형으로 제작시 스마트폰의 사이즈부터 권장을 드립니다. 그래야 변화되는 디바이스의 환경에 맞춰 수정하기에도 편한 부분들이 있습니다. 빠지는 부분들이나, 미묘하게 변화되는 부분들에 대한 수정에도 용이하기에 작은 디바이스부터 수정하시는 것을 권장 드립니다. 하지만 이는 고정된 관념이 아닌 회사의 가이드나 디자이너 또는 개발자의 관점에 따라 달라지는 부분들이기에 쉽게 답변드리기는 어렵습니다. 때로는 저도 말씀하시는 노트북 크기부터 작업하기도 합니다. 회사의 기준이 어떤 디바이스를 우선순위로 보는지에 따라 달라지기 때문인데 이때에는 체크리스트를 만드셔서 수시로 변화되는 관점들을 체크하시면서 작업하세요~
선생님 물어 볼게 있어서 댓글 남겨요~ 웹에 대해 상당히 초보자 이구요 선생님 동영상 2020_웹코딩기초 동영상 목록6번까지 여러번 돌려보면서 겨우 조금 아주 조금 이해 하면서 따라 하는 수준인데요 HTML를 배우고 싶어 선생님 채널 구독을 하였습니다 그런데.. 보다보니 2020웹코딩기초 말고도 웹기초2021도 있고 해서 어떤 순으로 공부 해야 할지 잘 모르겠어서 여쭈어 보고 싶어요 ㅠㅠ
영상봐주셔서 감사합니다. 영상의 내용은 제가 수업하면서 실시간으로 찍은 자료들입니다. 그래서 매 수업마다 영상을 촬영하고 올리고있어요. 그러니 어떠한 영상을 보시더라도 문제는 없습니다. 다만 조금의 시간이 지나있으니 자료가 달라지거나 조금더 최신의 기술이 들어가고있습니다. 아주 최신기술을 담지는 않으나 현재진행하고있는 학생들의 따라오는 속도와 맞추고 있더 조금씩 다른점을 알려드리며, 아주 쉬운부분부터 보시려하신다면 영상중에 30시간 웹표준(정확한 명칭을 모르겠네요ㅡㅡ ) 으로 보시면 전체 요약이됩니다. 하나의 과정목차를 선정하시고 처음부터 보시면 되실거예요
긴 글 감사합니다... 선생님 한가지 간곡하겠습니다ㅠㅠ 초보자라 한자한자 타이핑하고 있으나 (연습겸) 영상 찍으실 때 쓰시는 단축키 사용하실 때 음성으로도 부탁 드려요ㅠㅠ 주석 라인 복사 몇가진 설명에는 있는데 간혹 선생님이 빠른 진행을 하실 때 쓰시는 단축키를 모르겠어서 부탁 드립니다 앞으로 올리실 영상에요...감사하고 정주행 하겠습니다!!!건강 하세요 영상 정말 감사합니다~
@@다이어리-z8c 앞으로의 내용에서는 참고하겠습니다. 이수업이 온라인수업 학생을 위한게 아니라 오프라인으로 수업을 듣는 학생들이 재학습하도록 만들다보니, 이런 내용들이 있네요. 또한 일부는 단축키내용은 일부러 설명드리지 않는 것도 있습니다. 초반에는 설명을 위해 빨리쓰고있으나, 단축기능보다는 내용에 충실 하시라고 실제 수업에서도 얘기 안하고 진행하는 경우도 많이 있습니다. 단축키는 1~2주 정도 뒤에 설명드리고 있죠.^^
영상을 봐주셔서 감사합니다. 너무 늦게 답을 드리네요. 꼭 그렇지는 않습니다. img요소는 인라인형식(글자처럼 인식되는형태)의 요소이기때문에 블럭형식(div,h*,p,li,dl ...)의 요소로 묶어주기는 합니다만 span의 요소 또한 인라인형식이므로 묶을 필요는 없습니다. 형상에서 span을 묶어서 처리하는 경우는 해당부분을 특정기능을 첨부하거나 할 때 사용하는 역할이라고 생각하시면 됩니다.
xidoweb.com 에서 ps 또는 ai 부분 카드를 클릭하시면 ot부분에 세팅 파트가 있습니다. 또한 일러스트레이터는 이번에 세팅 방법을 올려놓았으니 참고하세요~~ 포토샵 세팅 영상은 추후 다시 올려드리도록 하겠습니다. 음성이 썩 원할하지 못해서 아쉽네요 여러방면 고민해보고 조금씩 개선해보도록 하겠습니다.
한달이나 지나서 답을 드리게되네요.. 일단 옵셋패스가 걸리지 않는 부분을 직접 봐야 알듯합니다. 아마도 사용시 선택을 일부 잘못하신 부분이 있어서 그렇지 않을까 하고 유추해보지만 동일환경에서 단축키는 되는데 메뉴에서는 동작하지 않는다는 건 좀 아이러니하네요. 이부분은 제가 답을 드릴수가 없어 좀 아쉽네요. 영상의 어느부분에서 그런지 알려주시면 좋을듯 하네요. 격어본적이 없어 명확한 답을 드릴 수는 없지만 서체의경우 outline 처리하지 않은 상황일경우에는 동작하지 않을 수 있습니다. 아님 버전마다 생기는 일부 버그가 있으니 이점을 확인해 보셔야겠네요..하지만 이런버그의 내용은 들어본적이 없어서...ㅜㅜ 제가 직접본다면 좀더 좋을텐데... 혹시라도 동일현상이 생기신다면 별도로 자료를 보내주시면 확인해서 답을 드릴께요. 한달이나 지나서 답을 드리기 좀 죄송합니다.
선생님 강의 잘 보고 있습니다. 질문이 있는데, 즐거운 떡 만들기 문구가 들어있는 도형이랑 하단에 있는 네모 박스도 쉐입 툴에 있는게 맞나요? 즐거운 떡 만들기 문구가 들어있는 도형은 아무리 찾아도 안보이더라구요 ㅜㅜ 펜툴로 만드는건가 싶었는데 답지를 보니 펜툴은 또 아니고.. 하단에 있는 네모 박스도 쉐입툴에 있는 네모 도형으로 하니 모서리가 아예 뾰족하거나 심하게 뭉뚝한것 뿐이던데 답안이랑 비슷하게 나오려면 어떤 도형을 선택해야 되는건가요?
공부하다가 궁금한게 생겼는데요, 그림효과 중 2번은 이미지를 캔버스로 가져온 후에 효과를 넣었는데, 그림효과 3번 필터는 왜 적용하고 이미지를 끌고 와야하나요? 그리고 설명하신 내용 중에 이미지를 가져오는 방법 중 드래그와 전체선택 복붙이기로 는 이미지 이동 말고 Place 로 이미지 파일을 캔버스 위에 놓아도 같은 결과가 인건가용??
이미지를 불러와서 적용후에 필터를 적용하면 생각보다 강한 필터가 적용됩니다 원본에서 필터를 사용한 후에 이미지를 불러와야 자격증에서 요구하는 크기의 필터를 적용시킬수있어 원본에서 필터를 건후에 가져왔습니다 2번이미지의경우는 place와는 다릅니다만 place로 불러와도 큰문제는 없습니다 다만 place로 불러올경우 이미지가 스마트오브젝트처리된 형태가되어 조금 다른형힉으로 처리될 수있습니다
처음부터 만드는 영상 없나요? 보면서 따라해보고 배우고 싶어요!!
앗! 이제보았네요. 죄송합니다. 지금은 디자인업무를 하지않다보니 피그마 신규영상이 없네요. 조만간 새로만들어 올리도록 하겠습니다. 본업을 하면서 디자인부터, 퍼블리싱, 프론트엔드개발까지 담는 강의를 준비하려 하다보니 시간이 조금 걸리네요... 오래 영상을 올리지 못해 죄송합니다.
@@xidolee1502 오 감사합니다 ㅎㅎ
그럼 웹사이트를 만들때 노트북 사이즈부터 만들고 정렬을 걸어야 하나용??
답을 늦게 드렸네요 죄송합니다. 실제로 웹사이트 제작 시에는 개발자나 디자이너마다 성향이 조금 다릅니다. 개인적으로는 반응형으로 제작시 스마트폰의 사이즈부터 권장을 드립니다. 그래야 변화되는 디바이스의 환경에 맞춰 수정하기에도 편한 부분들이 있습니다. 빠지는 부분들이나, 미묘하게 변화되는 부분들에 대한 수정에도 용이하기에 작은 디바이스부터 수정하시는 것을 권장 드립니다. 하지만 이는 고정된 관념이 아닌 회사의 가이드나 디자이너 또는 개발자의 관점에 따라 달라지는 부분들이기에 쉽게 답변드리기는 어렵습니다. 때로는 저도 말씀하시는 노트북 크기부터 작업하기도 합니다. 회사의 기준이 어떤 디바이스를 우선순위로 보는지에 따라 달라지기 때문인데 이때에는 체크리스트를 만드셔서 수시로 변화되는 관점들을 체크하시면서 작업하세요~
몰랐던 팁들이 많네요. 영상 감사합니다.
도움이 되셨다니 감사합니다
너무 유익한 정보였습니다. 많은 도움됐어요 :)
도움이 되셨다니 감사합니다
26:53 / 33:49
17:11 프레임으로 바꿔놓고 쓰기
저대신 이렇게 표기해주시고 감사드려요
감사합니다 감사합니다 절 받아주세요 감사합니다 선생님 복 받으시구요 올 한 해 마무리 잘 지으시고 내년에도 좋은 일 가득하시길 빌께요 아무것도 모르는 입장에서 이런 영상을 계속 찾아 헤맸습니다 정말 정말 감사합니다
구독 했구요 앞으로도 많이 영상 올려주세요 ❤
아주아주 옛날에 올린영상들에 지금도 이렇게 관심주셔서 감사드립니다. 지금은 편집쪽이 아니라 관련영상을 자주 올리지 못하고있지만 향후 다시 영상을 올리게 된다면 작게다시 시작할 수 있는 용기를 주셔서 감사드립니다. ~~
와 진짜 강의 최고예요
감사합니다. 지금은 편집일을 하지 않아 더이상 올라오지 않는영상에도 관심가져주셔서 감동이어요. 현재 다른업무가 많아 아직 추가영상을 올리지 못하고 있지만 향후 다른 강의를 올릴때 힘을 나게 해주시네요 감사합니다.
잘 봤어요 좋은 영상 감사합니다!
오래된영상임에도 봐주셔서 감사합니다! 덕분에 다시 준비할 힘을 얻어갑니다.
와.. 아니 뭐 이렇게 완벽하죠? 이 영상 하나로 월간지 뽑겠어요! 감사합니다! 소문낼께용!
하하 이영상하나가 생각보다인기가많네요. 감사합니다.
감사합니다....
좋게봐주셔서 감사합니다
파일을 뜯어보면서 더 공부해보고싶은데.. 혹시 공유 가능하실지 조심스럽게 여쭤봅니다...!
보시는 이미지는 피그마오픈데이터를 각색하여 만든자료라 검색하시면 쉽게 찾으실수 있습니다
정말 정말 돈을 주고 배워야 할 강의입니다 =) 정말 감사합니다
도움이 되셨다니 다행입니다. 덕분에 다시 강의할 힘을 얻었네오
@@xidolee1502 제가 오히려 감사해요 ❤️
너무 필요한 강의였습니다 흑흑 감사합니다..
도움이 되셨다니 다행입니다.
말씀하신대로 대지 두개 연결해서 페이지를 만들었는데 PDF로 모아봤을때는 겹쳐진 도련만큼 사진이 이상하게 잘려보입니다(매끄럽게 안이어짐) 인쇄할땐 문제없는걸까요??
다른일을 하다보니 바로 답을 못해드렸네요 ㅜㅜ 죄송합니다. 실제로 인쇄하면 해당부분이 안쪽으로 들어가기에 문제는 없습니다. 인쇄소에서도 해당부분에 대해 잘 처리해주기도 하구요.
너무 유용하게 잘 써먹었습니다! 👍
도움이 되셨다니 다행입니다.
안녕하세요 ㅠㅠ 혹시 저렇게 vscode 삭제했는데 설정에서 건드린 값들은 초기화가 되는데, 확장팩으로 설치했던 것들은 설치만 안돼있지 코드 치면 다 적용이 되는데 아예 초기 상태의 vscode로는 못 돌아갈까요?
너무 늦게 답을 으리네요 죄송합니다. 초기상태의 vscode로 돌리기위해서는 툴삭제가 아닌 숨겨진 code폴더를 삭제하는 것이 방법입니다.
와 감사합니다!!!!! 사랑해요❤❤❤❤
아이고 이런좋은말씀을 감사합니다😭
잘 봤습니다!☺
봐주셔서 감사합니다!
이해가 되도록 정말 잘 가르쳐 주시네요..감사합니다~
도움이 되셨다니 감사합니다^^
넘 감사합니다.~~
저도 감사합니다
정말 유익한 강의입니다!!
좋은 말씀 감사합니다! 오랫동안 강의를 안하고있었는데 다시준비할수있는 힘이되네요
@@xidolee1502이 강의 보면서 한발자국씩 나가다 보니 1인출판사로 제이그루브의 성인가요 기타연주곡집이라는 책도 출간하게 되었네요!
@@J_GROOVE_GUITAR_TAB 세상에 저보다 나으시네요 완전축하드려요 감동입니다 저도 찾아서 구매하겠습니다
너무 헷갈리네요 이리갔다가 저리갔다가
차후 좋은강의로 다시올리겠습니다.감사합니다
감사합니다 ㅠㅠㅠ
저도 감사해요 행복한하루되세요
플레이로 확인 시 영역 밀림때문에 며칠 고생했는데 프레임이 아닌 그룹으로 작업했던 때문이군요; 좋은 배움 얻어갑니다
늦었지만 답글드려요😁도움이되셨다니다행입니다.
선생님 물어 볼게 있어서 댓글 남겨요~ 웹에 대해 상당히 초보자 이구요 선생님 동영상 2020_웹코딩기초 동영상 목록6번까지 여러번 돌려보면서 겨우 조금 아주 조금 이해 하면서 따라 하는 수준인데요 HTML를 배우고 싶어 선생님 채널 구독을 하였습니다 그런데.. 보다보니 2020웹코딩기초 말고도 웹기초2021도 있고 해서 어떤 순으로 공부 해야 할지 잘 모르겠어서 여쭈어 보고 싶어요 ㅠㅠ
영상봐주셔서 감사합니다. 영상의 내용은 제가 수업하면서 실시간으로 찍은 자료들입니다. 그래서 매 수업마다 영상을 촬영하고 올리고있어요. 그러니 어떠한 영상을 보시더라도 문제는 없습니다. 다만 조금의 시간이 지나있으니 자료가 달라지거나 조금더 최신의 기술이 들어가고있습니다. 아주 최신기술을 담지는 않으나 현재진행하고있는 학생들의 따라오는 속도와 맞추고 있더 조금씩 다른점을 알려드리며, 아주 쉬운부분부터 보시려하신다면 영상중에 30시간 웹표준(정확한 명칭을 모르겠네요ㅡㅡ ) 으로 보시면 전체 요약이됩니다. 하나의 과정목차를 선정하시고 처음부터 보시면 되실거예요
긴 글 감사합니다... 선생님 한가지 간곡하겠습니다ㅠㅠ 초보자라 한자한자 타이핑하고 있으나 (연습겸) 영상 찍으실 때 쓰시는 단축키 사용하실 때 음성으로도 부탁 드려요ㅠㅠ 주석 라인 복사 몇가진 설명에는 있는데 간혹 선생님이 빠른 진행을 하실 때 쓰시는 단축키를 모르겠어서 부탁 드립니다 앞으로 올리실 영상에요...감사하고 정주행 하겠습니다!!!건강 하세요 영상 정말 감사합니다~
@@다이어리-z8c 앞으로의 내용에서는 참고하겠습니다. 이수업이 온라인수업 학생을 위한게 아니라 오프라인으로 수업을 듣는 학생들이 재학습하도록 만들다보니, 이런 내용들이 있네요. 또한 일부는 단축키내용은 일부러 설명드리지 않는 것도 있습니다. 초반에는 설명을 위해 빨리쓰고있으나, 단축기능보다는 내용에 충실 하시라고 실제 수업에서도 얘기 안하고 진행하는 경우도 많이 있습니다. 단축키는 1~2주 정도 뒤에 설명드리고 있죠.^^
와 제가 찾던효과인데 정말 멋지네요 ㅠ 저렇게 움직이는것만으로도 퀄리티도 높아보이고 나중에 홈페이지 만들때 영상 처음부터 봐야겠어요 ㅠ
감사합니다. 하지만 일부 음성이 들어가지 않아 죄송하네요.. 추후 다른 영상 녹화시 음성 추가하도록 하겠습니다.
3:17 이 영상에 있는 PSD 파일 실습용으로 받을수 있는 방법 없을까요?
본이미지는 실제 존재하는 웹페이지의 내용을 PSD로 수업과정시간에 보고 분리하여 만들기로 제작한 파일이라 유포하기엔 어려움이 있습니다. 저작권이 있는 이미지라 배포해드릴 수는 없겠네요 죄송합니다.
@@xidolee1502 아닙니다..^^ 이 영상 보고 도움 많이 됐어요!
@@Liber_Spiritus 도움이 되셨다니 다행이네요. 감사합니다.
강의 감사합니다. 혹시 img class 를 사용할 때도 span으로 묶어주나요?
영상을 봐주셔서 감사합니다. 너무 늦게 답을 드리네요. 꼭 그렇지는 않습니다. img요소는 인라인형식(글자처럼 인식되는형태)의 요소이기때문에 블럭형식(div,h*,p,li,dl ...)의 요소로 묶어주기는 합니다만 span의 요소 또한 인라인형식이므로 묶을 필요는 없습니다. 형상에서 span을 묶어서 처리하는 경우는 해당부분을 특정기능을 첨부하거나 할 때 사용하는 역할이라고 생각하시면 됩니다.
소리가 날아갔어요
ㅜㅜ 죄송합니다... 다음수업때 다시 보강해서 넣도록할께요
Whats up, xido lee. it's a absolutely mysterious video. thank. :)
thank you : have a good day for you
포토샵이랑 일러스트 처음 들어갔을때 설정방법좀 올려주시면 안되요?
xidoweb.com 에서 ps 또는 ai 부분 카드를 클릭하시면 ot부분에 세팅 파트가 있습니다. 또한 일러스트레이터는 이번에 세팅 방법을 올려놓았으니 참고하세요~~ 포토샵 세팅 영상은 추후 다시 올려드리도록 하겠습니다. 음성이 썩 원할하지 못해서 아쉽네요 여러방면 고민해보고 조금씩 개선해보도록 하겠습니다.
궁금한게 있는데 옵셋패스가 안먹혀요 단축키로 쓰면 먹히는데 메뉴들어가서 하는거는 왜 안먹힐까요?
한달이나 지나서 답을 드리게되네요.. 일단 옵셋패스가 걸리지 않는 부분을 직접 봐야 알듯합니다. 아마도 사용시 선택을 일부 잘못하신 부분이 있어서 그렇지 않을까 하고 유추해보지만 동일환경에서 단축키는 되는데 메뉴에서는 동작하지 않는다는 건 좀 아이러니하네요. 이부분은 제가 답을 드릴수가 없어 좀 아쉽네요. 영상의 어느부분에서 그런지 알려주시면 좋을듯 하네요. 격어본적이 없어 명확한 답을 드릴 수는 없지만 서체의경우 outline 처리하지 않은 상황일경우에는 동작하지 않을 수 있습니다. 아님 버전마다 생기는 일부 버그가 있으니 이점을 확인해 보셔야겠네요..하지만 이런버그의 내용은 들어본적이 없어서...ㅜㅜ 제가 직접본다면 좀더 좋을텐데... 혹시라도 동일현상이 생기신다면 별도로 자료를 보내주시면 확인해서 답을 드릴께요. 한달이나 지나서 답을 드리기 좀 죄송합니다.
8 x 4 에서 4는 뭔가요??
늦게 답을 드려 죄송합니다.. 그런데 8x4는 어느부분일까요? 음... 전체 간단하게 훓어봤는데 어느부분을 말씀하시는지 모르겠네요..ㅜㅜ
선생님 강의 잘 보고 있습니다. 질문이 있는데, 즐거운 떡 만들기 문구가 들어있는 도형이랑 하단에 있는 네모 박스도 쉐입 툴에 있는게 맞나요? 즐거운 떡 만들기 문구가 들어있는 도형은 아무리 찾아도 안보이더라구요 ㅜㅜ 펜툴로 만드는건가 싶었는데 답지를 보니 펜툴은 또 아니고.. 하단에 있는 네모 박스도 쉐입툴에 있는 네모 도형으로 하니 모서리가 아예 뾰족하거나 심하게 뭉뚝한것 뿐이던데 답안이랑 비슷하게 나오려면 어떤 도형을 선택해야 되는건가요?
질문을 이제서야 보게되었네요...ㅜㅜ 일단 말슴하신 도형은 shape툴안에 들어있습니다. 커스텀쉐입 형태의 모양중에 동일한 형태의 모양이 들어있어서 만들어진 툴을 사용하시면 됩니다. 너무 오래전에 질문하신걸 이제야 담해드려서 의미가 있을지 좀 걱정입니다..ㅜㅜ
약 한달 반 전엔 이걸 하고있었는데 지금은....
지금도 하고 계시죠^^ 화팅~
공부하다가 궁금한게 생겼는데요, 그림효과 중 2번은 이미지를 캔버스로 가져온 후에 효과를 넣었는데, 그림효과 3번 필터는 왜 적용하고 이미지를 끌고 와야하나요? 그리고 설명하신 내용 중에 이미지를 가져오는 방법 중 드래그와 전체선택 복붙이기로 는 이미지 이동 말고 Place 로 이미지 파일을 캔버스 위에 놓아도 같은 결과가 인건가용??
이미지를 불러와서 적용후에 필터를 적용하면 생각보다 강한 필터가 적용됩니다 원본에서 필터를 사용한 후에 이미지를 불러와야 자격증에서 요구하는 크기의 필터를 적용시킬수있어 원본에서 필터를 건후에 가져왔습니다 2번이미지의경우는 place와는 다릅니다만 place로 불러와도 큰문제는 없습니다 다만 place로 불러올경우 이미지가 스마트오브젝트처리된 형태가되어 조금 다른형힉으로 처리될 수있습니다