YJ쌤
YJ쌤
  • 77
  • 34 832

Відео

[웹디자인기능사] 공개문제 F-1. 주식회사 기능건설 (#4. C~D / CSS+SCRIPT)
Переглядів 4547 місяців тому
안녕하세요! 디자인 가르치는 연지쌤입니다. 2024년도에 새로 추가된 F유형 문제풀이입니다~
[웹디자인기능사] 공개문제 F-1. 주식회사 기능건설 (#3.A~B / CSS+SCRIPT)
Переглядів 4277 місяців тому
안녕하세요! 디자인 가르치는 연지쌤입니다. 2024년도에 새로 추가된 F유형 문제풀이입니다~
[웹디자인기능사] 공개문제 F-1. 주식회사 기능건설 (#2.HTML)
Переглядів 4457 місяців тому
안녕하세요! 디자인 가르치는 연지쌤입니다. 2024년도에 새로 추가된 F유형 문제풀이입니다~
[웹디자인기능사] 공개문제 F-1. 주식회사 기능건설 (#1.포토샵)
Переглядів 5147 місяців тому
안녕하세요! 디자인 가르치는 연지쌤입니다. 2024년도에 새로 추가된 F유형 문제풀이입니다~
[포트폴리오] 리듬세상 리믹스 패러디 ver.디자이너 (16명 합작)
Переглядів 7109 місяців тому
리듬세상 remix 를 디자이너 버전으로 패러디한 영상입니다. 15명의 학생들과 함께 작업했습니다 :) ▷ 작업과정 보러가기 : notefolio.net/cdw65/377205
[웹디자인기능사] 공개문제 C-1. 해운대 빛축제 (#4.C~D / CSS+SCRIPT)
Переглядів 54711 місяців тому
[웹디자인기능사] 공개문제 C-1. 해운대 빛축제 (#4.C~D / CSS SCRIPT) 안녕하세요! 디자인 가르치는 연지쌤입니다. 학생포폴소개위주)인스타 : yj_designssam
[웹디자인기능사] 공개문제 C-1. 해운대 빛축제 (#3.A~B / CSS+SCRIPT)
Переглядів 60811 місяців тому
[웹디자인기능사] 공개문제 C-1. 해운대 빛축제 (#3.A~B / CSS SCRIPT) 안녕하세요! 디자인 가르치는 연지쌤입니다. 학생포폴소개위주)인스타 : yj_designssam
[웹디자인기능사] 공개문제 C-1. 해운대 빛축제 (#2.HTML)
Переглядів 46311 місяців тому
[웹디자인기능사] 공개문제 C-1. 해운대 빛축제 (#2.HTML) 안녕하세요! 디자인 가르치는 연지쌤입니다. yj_designssam
[웹디자인기능사] 공개문제 C-1. 해운대 빛축제 (#1.포토샵)
Переглядів 44611 місяців тому
[웹디자인기능사] 공개문제 C-1. 해운대 빛축제 (#1.포토샵) 안녕하세요! 디자인 가르치는 연지쌤입니다. 학생포폴소개위주)인스타 : yj_designssam
[웹디자인기능사] 공개문제 E-1. 김치이야기 (#4.C~D/CSS+JAVASCRIPT)
Переглядів 49911 місяців тому
[웹디자인기능사] 공개문제 E-1. 김치이야기 (#4.C~D/CSS JAVASCRIPT) 안녕하세요! 디자인 가르치는 연지쌤입니다. 학생포폴소개위주)인스타 : yj_designssam
[웹디자인기능사] 공개문제 E-1. 김치이야기 (#3.A~B/CSS+JAVASCRIPT)
Переглядів 594Рік тому
[웹디자인기능사] 공개문제 E-1. 김치이야기 (#3.A~B/CSS JAVASCRIPT) 안녕하세요! 디자인 가르치는 연지쌤입니다. 학생포폴소개위주)인스타 : yj_designssam
[웹디자인기능사] 공개문제 E-1. 김치이야기 (#2.HTML)
Переглядів 596Рік тому
[웹디자인기능사] 공개문제 E-1. 김치이야기 (#2.HTML) 안녕하세요! 디자인 가르치는 연지쌤입니다. 학생포폴소개위주)인스타 : yj_designssam
[웹디자인기능사] 공개문제 E-1. 김치이야기 (#1.포토샵)
Переглядів 625Рік тому
[웹디자인기능사] 공개문제 E-1. 김치이야기 (#1.포토샵) 안녕하세요! 디자인 가르치는 연지쌤입니다. 학생포폴소개위주)인스타 : yj_designssam
[웹디자인기능사] 공개문제 D-1. 조이컨트리클럽 (#4.C~D/CSS+JS)
Переглядів 708Рік тому
[웹디자인기능사] 공개문제 D-1. 조이컨트리클럽 (#4.C~D/CSS JS) 안녕하세요! 디자인 가르치는 연지쌤입니다. 학생포폴소개위주)인스타 : yj_designssam
[웹디자인기능사] 공개문제 D-1. 조이컨트리클럽 (#3.A~B/CSS+JS)
Переглядів 727Рік тому
[웹디자인기능사] 공개문제 D-1. 조이컨트리클럽 (#3.A~B/CSS JS)
[웹디자인기능사] 공개문제 D-1. 조이컨트리클럽 (#2.HTML)
Переглядів 639Рік тому
[웹디자인기능사] 공개문제 D-1. 조이컨트리클럽 (#2.HTML)
[웹디자인기능사] 공개문제 D-1. 조이컨트리클럽 (#1.포토샵)
Переглядів 635Рік тому
[웹디자인기능사] 공개문제 D-1. 조이컨트리클럽 (#1.포토샵)
[웹디자인기능사] 공개문제 B-1. 대한은행 (#4.C~D/CSS+JS)
Переглядів 633Рік тому
[웹디자인기능사] 공개문제 B-1. 대한은행 (#4.C~D/CSS JS)
[웹디자인기능사] 공개문제 B-1. 대한은행 (#3.A~B/CSS+JS)
Переглядів 712Рік тому
[웹디자인기능사] 공개문제 B-1. 대한은행 (#3.A~B/CSS JS)
[웹디자인기능사] 공개문제 B-1. 대한은행 (#2.HTLM)
Переглядів 608Рік тому
[웹디자인기능사] 공개문제 B-1. 대한은행 (#2.HTLM)
[웹디자인기능사] 공개문제 B-1. 대한은행 (#1.포토샵)
Переглядів 620Рік тому
[웹디자인기능사] 공개문제 B-1. 대한은행 (#1.포토샵)
[웹디자인기능사] 공개문제 A-1. JUST쇼핑몰 (#4.CSS+SCRIPT)
Переглядів 1,7 тис.Рік тому
[웹디자인기능사] 공개문제 A-1. JUST쇼핑몰 (#4.CSS SCRIPT)
[웹디자인기능사] 공개문제 A-1. JUST쇼핑몰 (#3.CSS+SCRIPT)
Переглядів 2,2 тис.Рік тому
[웹디자인기능사] 공개문제 A-1. JUST쇼핑몰 (#3.CSS SCRIPT)
[웹디자인기능사] 공개문제 A-1. JUST쇼핑몰 (#1.포토샵)
Переглядів 4,3 тис.Рік тому
[웹디자인기능사] 공개문제 A-1. JUST쇼핑몰 (#1.포토샵)
[웹디자인기능사] 공개문제 A-1. JUST쇼핑몰 (#2.HTML)
Переглядів 2,6 тис.Рік тому
[웹디자인기능사] 공개문제 A-1. JUST쇼핑몰 (#2.HTML)
[웹디자인기능사] 기초2. 메뉴- 세로메뉴(서브메뉴 옆에)
Переглядів 315Рік тому
[웹디자인기능사] 기초2. 메뉴- 세로메뉴(서브메뉴 옆에)
[웹디자인기능사] 기초2. 메뉴- 세로메뉴(1열)
Переглядів 288Рік тому
[웹디자인기능사] 기초2. 메뉴- 세로메뉴(1열)
[웹디자인기능사] 기초2. 메뉴-가로메뉴(배경도 같이)
Переглядів 378Рік тому
[웹디자인기능사] 기초2. 메뉴-가로메뉴(배경도 같이)
[웹디자인기능사] 기초2. 메뉴-가로메뉴하나
Переглядів 312Рік тому
[웹디자인기능사] 기초2. 메뉴-가로메뉴하나

КОМЕНТАРІ

  • @한-x4j
    @한-x4j 11 днів тому

    좌우 슬라이드를 쌤을 따라했는데도 슬라이드 3번은 않 나오고 공백이 생기는데 왜 그렇지요?

  • @한-x4j
    @한-x4j 12 днів тому

    안녕하세요. 선생님 덕분에 디자인 공부를 쉽게 하고 있습니다. 우연히 웹 디자인을 접하게 되었지만 이책 저책을 봐도 이해를 못하고 수차례 낙방을 하였습니다. 저는 나이(70이상)도 많이 들다 보니 젊은 사람처럼 이해력도 떨어 지고요. 연지샘 강의중 copy에서 글씨 자수가 많고 적음에 따라 footer에 안착 하는게 않되고 하는데 어찌 할 바를 모르겠네요?

  • @to-bh2yq
    @to-bh2yq 2 місяці тому

    선생님, 알기 쉽게 설명해 주셔서 감사해요.. 이 영상 마지막에 말씀하신 D3, D4 유형의 서브메뉴 전체가 옆으로 펼쳐지는 것의 영상 좀 올려주시면 안될까요?

  • @Minnn6776
    @Minnn6776 2 місяці тому

    20:03

  • @Minnn6776
    @Minnn6776 2 місяці тому

    4:26

  • @서울꺼벙천사
    @서울꺼벙천사 2 місяці тому

    시멘틱태그에 별도의 id를 부여하는 이유누 뭔가요?

  • @서울꺼벙천사
    @서울꺼벙천사 2 місяці тому

    차근차근하게 설명 잘 해주시네요 감사드립니다

  • @hoha1326
    @hoha1326 2 місяці тому

    슬라이드 이미지 배너들위에 글자를 포토샵에서 하거나 코딩으로 하거나 상관이 없나요? 가독성을 고려해서 적용하라고 한다면 코딩이 더나은건지 전혀 상관이 없는건지 궁금해요

  • @김김나영-l3r
    @김김나영-l3r 2 місяці тому

    안녕하세요 선생님 이미지를 슬라이더에 채우고 100%로 위드값 줬는데 영역은 배경값으로 되는데 삽입한 이미지가 꽉 채워지지 않는 문제가 풀리지를 않습니다ㅠㅠ 혹시 해결방법을 알려주실수있을까요

  • @유월-v1j
    @유월-v1j 3 місяці тому

    css 검사에서 -1 알 수 없는 오류라고 뜨면 어떻게 해야할까요 ㅜㅜ java.lang.Exception: import file://localhost/css/style.css: Operation not permitted

  • @유월-v1j
    @유월-v1j 3 місяці тому

    분명 똑같이 했고 오타도 없는데 왜 sub 애들이 안 튀어 나올까요~ㅜㅜ

  • @지지자매일상-w8c
    @지지자매일상-w8c 3 місяці тому

    강사님 저는 슬라이드가 content영역에 꽉 차지 않아서 오른쪽에 붙어있는 링크 사이에 여백이 발생하는데요ㅠ 창의 크기를 줄여서 보여주신걸까요? 모니터 사이즈는 23인치라 1720으로 이미지 작업한 사이즈는 맞는거 같은데... 왜그럴까요?

  • @삐삐119
    @삐삐119 3 місяці тому

    안녕하세요 연지쌤!! 올해 시험 준비하고 있는 학생입니다. 덕분에 공부를 잘하고 있어요! 근데 공부하다가 보니 모르는게 있어서 댓글 남깁니다.. 강의에는 안나오는 내용 <.notice li a> 공지사항 목록을 div class="n_txt" 로 넓이를 줘서 박스보다 글자가 길면 숨기는 걸로 하고 싶어서 준 효과를 주었습니다. 그랬더니 css validator 검사해보니까 오류가 뜨더라구요 text-overflow:hidden; 를 text-overflow:ellipsis; 로 수정했더니 오류가 사라졌습니다. 오류가 있으면 아예 실격인가요? ㅠㅠ 그리고 공지사항 박스 글자 숨기는 버전으로 영상 하나 올려주시면 안될까요? ㅠㅠㅠㅠㅠ 부탁드립니다. 도와주세요 ㅠㅠ

  • @VerbBoost
    @VerbBoost 4 місяці тому

    안녕하세요. 2회 웹디자인 기능사 오늘 합격했습니다. 몇분의 웹디자인 강의 중 연지쌤 제이쿼리가 제일 쉬어서 외우고 갔는데 , 시험에 이미지 슬라이드 나와서 잘 쓰고 나왔습니다. 감사합니다!

  • @AB-qt2lr
    @AB-qt2lr 4 місяці тому

    연지쌤! 선생님께서 올려주신 문제풀이 동영상 덕분에 기능사 합격했어요~ 다른 여러 유튜브를 보면서 공부해봣지만 연지쌤 수업이 진짜 최고였습니다ㅠㅠ 그간 감사했던 마음 표현하고 싶었는데 혹시나 불합이 뜰까봐 댓글 못달고 있다가 이제서야 쓰네요! 선생님 동영상 수업은 진짜 최고예요 구독자 수가 190명이라는게 믿기지 않아요 ㅠㅠ 이 채널은 더더더더더 유명해져야 합니다!! 진짜 20-30만 유튜버 보다 더 꼼꼼하고 자세하게 알려주셔서 한번에 합격할 수 있었던것 같아요. 선생님 구독자가 기대에 못미치더라도 계속 나아가주세요!! 저도 기능사 합격에 끝나지 않고 선생님 채널 계속 구독하면서 웹디자이너로 나아갈 수 있도록 열심히 노력하겠습니다! 저의 시험합격 후기글로 기분 좋은 하루를 시작하셨으면 좋겠어요!! 늘 건강하세요! 감사합니다~❤

  • @채경철-e3m
    @채경철-e3m 5 місяців тому

    선생님다음버전은 언제 올라오나용 a~f 완강 했습니다!!

  • @채경철-e3m
    @채경철-e3m 5 місяців тому

    음 저는 스크롤이 없엇는데 뭐징ㅋㅋㅋㅋ

  • @채경철-e3m
    @채경철-e3m 5 місяців тому

    따봉

  • @채경철-e3m
    @채경철-e3m 5 місяців тому

    따봉

  • @채경철-e3m
    @채경철-e3m 5 місяців тому

    선생님구독눌럿습니다. 선생님영상으로 배워서 실기 합격해오겠습니다.

  • @둥이귀염-n1r
    @둥이귀염-n1r 6 місяців тому

    안녕하세요! css 기본설정에 @charset "utf-8"를 붙여주는 이유가 있는걸까요? 꼭 붙여야 하는건지 헷갈려서 질문드립니다!

  • @VerbBoost
    @VerbBoost 7 місяців тому

    강의가 너무 좋습니다. 6월에 실기 보는데 아주 큰 도움이 됐네요. 감사합니다!

  • @gamzagoyangi
    @gamzagoyangi 7 місяців тому

    배운거 다 까먹어서 보러왔더용

  • @sueunjo
    @sueunjo 8 місяців тому

    쌤 E-1유형의 제이쿼리에서는 서브메뉴 다시 올라가는것은 this 뺏었는데 차이가 있나요?

    • @yjssam
      @yjssam 7 місяців тому

      올라갈땐, 이미 내려와있는 서브메뉴에게만 명령이 진행되기 때문에 굳이 this로 부를 필요가 없습니다. this를 써도 되고, 안써도 됩니다.

  • @sueunjo
    @sueunjo 8 місяців тому

    선생님 혹시 float에대해서 자세히 알고싶은데 그부분이 있을까요?

    • @yjssam
      @yjssam 7 місяців тому

      float 개념이 좀 어렵죠. float은 일반 블록들이 쌓아지는 층보다 한층 더 위로 부유하여 정렬하는 개념입니다. 때문에 형제들 중 첫째만 float을 받을 경우 둘째가 첫째인냥 제일 위로 올라오게 되고, 첫째는 둘째 위로 겹쳐지게 되죠. 때문에 정렬하고 싶은 모든 형제들에게 float을 써야 블록 쌓듯 차곡차곡 쌓일 수 있습니다. 이 내용은 보면서 이해하는 것이 빠르니 어려운 개념은 따로 정리해볼 수 있도록 해볼게요!

  • @sueunjo
    @sueunjo 8 місяців тому

    안녕하세요 선생님 설명을 이해하기 쉽게 해주셔서 정말 감사합니다. 혹시 f유형도 궁금한데~ 올려주실수있으신가요?

    • @yjssam
      @yjssam 7 місяців тому

      곧 올려보겠습니다~ 고마워요~

  • @sueunjo
    @sueunjo 8 місяців тому

    감사합니다!선생님ㅎㅎ

  • @alvaro_trigo
    @alvaro_trigo 8 місяців тому

    Any way I can contact you? Email or website form? Thanks!

    • @yjssam
      @yjssam 8 місяців тому

      instagram : @yj_designssam

  • @배탱이-c7f
    @배탱이-c7f 8 місяців тому

    안녕하세요. 수험자제공파일에서 jQuery 오픈소스를 붙여넣는 경우에도 '<script src="./js/script.js"></script>' 코드를 작성해야하나요?

    • @yjssam
      @yjssam 8 місяців тому

      네 그부분은 제이쿼리 오픈소스를 기반으로 내가 작성한 스크립트 파일은 연결하는 줄입니다~

  • @gamzagoyangi
    @gamzagoyangi 9 місяців тому

    쥣니어 디자이너 화이팅

  • @Jin-io7qk
    @Jin-io7qk 9 місяців тому

    패러디 퀄리티 미쳤다.🥵💦💣

  • @문상진-l1j
    @문상진-l1j 9 місяців тому

    와 여러 영상을 보고 있는데, 구성하는것과 함께 디자인 하는것도 많은 도움 되네요. 자세한 강좌 감사합니다.!!

  • @yorijori7982
    @yorijori7982 10 місяців тому

    강사님 쪽집게 설명 잘 듣고 있습니다^^ 궁금해서 여기저기 찾아봐도...답을 구하기 힘들어 질문 드립니다~ notice 클래스 옆에 추가한 active와 팝업창에 입력한 active는 다른 것인가요^^;

    • @yjssam
      @yjssam 10 місяців тому

      늦게 봐서 미안해요. class는 애초에 필요할때마다 불러서 사용할 수 있는 중복 가능한 이름입니다. 무언가 활동/비활동 상태를 구분할 때 주로 사용하는 클래스 명 입니다. 제가 css나 js에서 그냥 .active를 부르면 둘 다 불러지겠지만 .notice .active 나 .pop .active 라고 구분해서 부르기 때문에 둘이 혼선이 생길 일이 없죠. 불편하다면 클래스명은 구분해도 됩니다. active 처럼 많이 쓰이는 활동/비활동 클래그명엔 on 도 있습니다.

  • @kimhyeonjeong
    @kimhyeonjeong 11 місяців тому

    쌤 감사해요 진짜 도움되요

  • @minpaeng123
    @minpaeng123 11 місяців тому

    선생님 다른 유료강의 2개 결제해서 듣고도 안될거같아서 포기할까하다가 유튜브에서 선생님 강의보고 이해가 잘돼서 자료사서 이주동안 바짝 공부하고 시험봤어요! 오늘 시험결과나왔고 합격했어요!! 감사합니다!!😂😂 앞으로도 올리시는 영상들 잘 보고 연습할게요!!

    • @yjssam
      @yjssam 11 місяців тому

      댓글이 많은 힘이 되네요. 고생했습니다!

  • @yoo2969
    @yoo2969 11 місяців тому

    안녕하세요 선생님! 슬라이드 작업을 하다가 도저히 이유를 모르겠어서 질문 남깁니다..! 사진 비율이랑 코드도 다 똑같이했는데 아무리해도 슬라이드의 사진비율이 화면에 꽉 안채워지고 float:left가 적용이 안되는데 왜그런걸까요ㅜㅜ

    • @yjssam
      @yjssam 11 місяців тому

      float left가 안된다는건 가로 정렬이 안됐다는 거겠죠? 그럼 슬라이드 3개를 가로정렬할 수 있는 넉넉한 가로값을 가진 부모가 없어서 그렇습니다. slide와 이미지3개 사이에 있는 중간 부모한테 가로값을 이미지가로x3만큼 줘야해요

    • @yoo2969
      @yoo2969 11 місяців тому

      @@yjssam 감사합니다! 덕분에 시험 잘 볼 수 있었어요:)

  • @랑이낭-f3u
    @랑이낭-f3u 11 місяців тому

    답변 정말 감사합니다~~ 20:07 혹시 이미지를 400px(가로) x 200px(세로)로 만들어서 적으면 시험지에 안내된 "콘텐츠는 HMTL 코딩으로 작성해야 하며 이미지로 삽입하면 안 된다" 때문에 감점되나요?ㅠㅠ?

    • @yjssam
      @yjssam 11 місяців тому

      이미지로 삽입하지 말라고 적혀있는 부분은 탭메뉴를 겨냥한 것으로 보입니다. 배너는 원래가 광고성 이미지, 클릭하면 이동하는 이미지이기 때문에 크게 문제되지 않습니다

    • @hoha1326
      @hoha1326 3 місяці тому

      @@yjssam 아하 그렇군요. 이부분이 궁금했어요. 큰배너는 이미지로 해도 되겠네요.

  • @랑이낭-f3u
    @랑이낭-f3u 11 місяців тому

    이미지 모두 png로 저장하면 되나요~ 슬라이드도요~~

    • @yjssam
      @yjssam 11 місяців тому

      jpg, png 상관 없습니다~

    • @랑이낭-f3u
      @랑이낭-f3u 11 місяців тому

      감사합니다❤

  • @장진혁-z8m
    @장진혁-z8m Рік тому

    안녕하십니까

  • @dldl7098
    @dldl7098 Рік тому

    김치 이야기 더 안 올라오나요 ㅠㅠㅠㅠ

  • @minpaeng123
    @minpaeng123 Рік тому

    쌤 너무 쉽게 잘 알려주셔서 감사합니다!! 유료강의보다 훨씬 이해하기 쉬워요!!

  • @namic5636
    @namic5636 Рік тому

    C유형은 없는건가요?ㅠㅠ

  • @어허-y6j
    @어허-y6j Рік тому

    김치이야기 마저 올려주시면 안도ㅔㄹ까요 ㅜㅜㅜ 다음주 일여일 시험이에요 ㅜ 구독했어요

  • @사랑해요-z8y
    @사랑해요-z8y Рік тому

    안녕하세요! 영상 잘 보았습니다. 그런데 저는 뭐가 문제인지 잘 안 되네요ㅠㅠ

    • @Lass_GO
      @Lass_GO Рік тому

      저도안되네요 하

  • @장진혁-z8m
    @장진혁-z8m Рік тому

    오늘 저스트쇼핑몰 나와서 느긋하게 하다 왓습니다 ㅎㅎ 서브매뉴 글자색 333빼고는 다 한거 같아요 쌤 강의 진짜 도움 많이 됐습니다 감사합니다❤

    • @yjssam
      @yjssam Рік тому

      2회부터 D,E유형 나왔다는 얘기가 들리던데 A형 나왔다니 다행입니다. 수고했어요~

  • @장진혁-z8m
    @장진혁-z8m Рік тому

    쌤 제이쿼리 연결 할 때 시험장에서도 같은가요? 저희 학교 교수님은 시험장에 제이쿼리 파일이 따로 있다고 하셔서요

    • @yjssam
      @yjssam Рік тому

      맞아요 수험자제공파일 폴더 안에 들어가있습니다. 그거 복사해서 js 폴더 안에 붙여놓고 사용하시면 됩니다~

  • @장진혁-z8m
    @장진혁-z8m Рік тому

  • @장진혁-z8m
    @장진혁-z8m Рік тому

    쌤 저희가 작업할 때 모달과 레이어의 차이는 bg 뿐인가요?

    • @yjssam
      @yjssam Рік тому

      모달은 div(검은색) 안에 div(흰색) 안에 제목/내용/버튼 레이어는 div(흰색) 안에 제목/내용/버튼 입니다. html과 css 의 차이이고 스크립트에는 차이 없어요

  • @장진혁-z8m
    @장진혁-z8m Рік тому

    😂