SUB) [CSS Tutorial for Beginners and Advanced] Creating a Google Clone WebSite

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ส.ค. 2024
  • Learn about the concepts and basic grammar of CSS and how to create a Google-like clone website (Joogle). Rather than memorizing all the CSS, as shown in the video, you can save a lot of time by searching on Google to find and apply the relevant content. In addition, you can easily build your own site by using a library of pre-built CSS such as Bootstrap, Materialize, and Semantic UI. (MIT license-free for commercial use)
    Bootstrap: getbootstrap.com
    Materialize: materializecss...
    Semantic-Ui: semantic-ui.com
    Codepen has a lot of unique and colorful UI elements, but it is uploaded by individual developers, so you need to check the license separately. It usually follows the MIT license (commercially available for free), and no matter how you use it, just paste the license as a comment and there is no problem at all. However, certain works may have registered private licenses, so be sure to check them out!
    Detail View-Available in License
    (Note that you can easily write HTML, CSS, and JS files here, so many people code simple things here!)
    blog.codepen.i...
    blog.codepen.i...
    If you feel this video is a little difficult, please study a little on the css basic learning site and watch again and you will understand better! If you have any questions please leave a comment ~!
    Recommended learning website
    - Codecademy: www.codecademy...
    Full Code
    github.com/you...

ความคิดเห็น • 764

  • @user-cl1iz2wm6n
    @user-cl1iz2wm6n 5 ปีที่แล้ว +78

    1.기본 코딩 공부를 지루하더라도 한다.
    2.조코딩 시청
    이것만 지키면 보면서 반응부터 달라짐 진심;;
    코딩공부x = 꾸벅..꾸벅...좋..좋은건가?
    코딩공부o = 으아아아앗?!?!? 이렇게 좋은게 있다니?? 조코딩 구독구독..(꾹꾹)

    • @user-ij5kt4kw2z
      @user-ij5kt4kw2z 5 ปีที่แล้ว +3

      제가 지금 그래요ㅋㅋㅋ공감이에요!

    • @user-cl1iz2wm6n
      @user-cl1iz2wm6n 5 ปีที่แล้ว +2

      @@user-ij5kt4kw2z진짜요? 공부중이시다니!! 같이 열심히 해봐요!

    • @jocoding
      @jocoding  5 ปีที่แล้ว +5

      ㅋㅋㅋㅋ 사용법까지 잘 정리해주셔서 감사합니다ㅎㅎ

    • @user-zy4ux7db1q
      @user-zy4ux7db1q 4 ปีที่แล้ว

      감사합니다ㅎㅎ

    • @rollandlol352
      @rollandlol352 4 ปีที่แล้ว

      큰맘먹고 배우겠다는 일념하에 보는데 모르니깐 완전 답답하네요.ㅠㅠ 가끔 몇개 건너띄게 되면 멘붕멘붕ㅜㅜ 집중해야겠어요!!

  • @user-wx2mf2xr2m
    @user-wx2mf2xr2m 5 ปีที่แล้ว +24

    채널 아주 휼륭합니다. 뭐가 필요한지 어떻게 접근해야 될지 몰랐는데.... 이해가 쏙쏙되네요....
    실전에서 필요한것들만 함축되어 있어 너무 좋아요

    • @jocoding
      @jocoding  5 ปีที่แล้ว

      좋게 봐주셔서 감사합니다ㅎㅎ 더 유익한 영상 많이 올리겠습니다 :)

  • @doubled5831
    @doubled5831 5 ปีที่แล้ว +2

    유튜브 댓글 거의 달지 않는 편인데, 정말 최고네요. 알기 쉽게 직관적이고 보기도 편하게 적절한 정보만 전달하는 것 같습니다. 그냥 최고네요..

    • @jocoding
      @jocoding  5 ปีที่แล้ว

      헛 극찬 해주셔서 감사합니다ㅎㅎ 영광이네요! 더 열심히 다음 영상 만들겠습니다 :)

  • @rararuru3293
    @rararuru3293 5 ปีที่แล้ว +20

    조코딩님 명쾌한 강의 감사합니다🙇🏻‍♀️
    20분 남짓한 동영상으로 html, css, bootstrap 응용까지 담아주시다니요!
    이해력을 돕기위해서 화면 상에 친절한 설명까지 덧붙여주시고 너무 친절하세요 감사합니다!
    앞으로도 좋은 영상 부탁드립니다 !🙇🏻‍♀️

    • @jocoding
      @jocoding  5 ปีที่แล้ว +3

      많은 내용이 있어서 혼란스러울 수 있으실텐데 좋게 봐주셔서 감사합니다ㅎㅎ🙇🏻‍♂️ 앞으로 더 유익한 영상으로 또 올리겠습니다 :)

    • @augustinemarcos3505
      @augustinemarcos3505 3 ปีที่แล้ว

      instablaster.

  • @user-pn7yc7zj3q
    @user-pn7yc7zj3q 3 ปีที่แล้ว +7

    2년전 강의인데도 정말 쉽고 간단명료하면서 추가설명까지 완벽하네요
    짧지만 굵게 체계적으로 짜여진 수업이었습니다. 감사합니다.

  • @user-lh4nm3rb2e
    @user-lh4nm3rb2e 3 ปีที่แล้ว +1

    자신이 아는데서 그치지 않고 나누고 있네. 참 멋진 삶의 방식.

    • @jocoding
      @jocoding  3 ปีที่แล้ว

      감사합니다ㅎㅎ

  • @selling_online
    @selling_online 5 ปีที่แล้ว +10

    돈내서 듣는 유료강의보다 유용하게 듣고있습니다.
    앞으로도 좋은영상 부탁드립니다!!

    • @jocoding
      @jocoding  5 ปีที่แล้ว

      오오 영광이네요ㅎㅎ 좋은 말씀 남겨주셔서 감사합니다🙇🏻‍♂️

  • @yes-cd7bp
    @yes-cd7bp 3 ปีที่แล้ว +1

    이 영상에서 제일 중요한 꿀팁은 구글검색인거 같아요 코딩 개념이 궁금해서 영상들 모두 정주행 중인데 눈팅으로도 꿀잼입니다!!

  • @Pro_ZakSim
    @Pro_ZakSim 3 ปีที่แล้ว +4

    따라하는데 시간은 좀 걸렸지만 재밌고 완성되고나니 너무 뿌듯하네요! 감사합니닷🙇‍♀️🙇‍♀️🙇‍♀️

    • @jocoding
      @jocoding  3 ปีที่แล้ว +1

      오 완성 축하드립니다!ㅎㅎ

  • @roisasa6196
    @roisasa6196 3 ปีที่แล้ว +1

    와.. 공부 시작한지 2일됬는데 2일 밤낮으로 찾아본 영상중에 최고입니다….!!!!!!!!!!!!!!

    • @jocoding
      @jocoding  3 ปีที่แล้ว

      감사합니다!ㅎㅎ

  • @user-ys6ic7sq8d
    @user-ys6ic7sq8d 2 ปีที่แล้ว +1

    여기저기 못알아듣겠는 인강에 치여 짜증났었는데 조코딩님 이런 강의가 무료라니..ㅋㅋ 그동안 돈 많이 쓴게 현타오네요.
    가시는 걸음걸음 꽃길만 걸으시길.. 감사합니다.

    • @jocoding
      @jocoding  2 ปีที่แล้ว

      좋게 봐주셔서 감사드립니다!ㅎㅎ

  • @caloriecoin_ceo7847
    @caloriecoin_ceo7847 5 ปีที่แล้ว +13

    넘흐 잘가르치시네요

    • @jocoding
      @jocoding  5 ปีที่แล้ว

      과찬이십니다ㅎㅎ 더 노력해서 더욱 좋은 영상으로 또 뵙겠습니다 :)

  • @user-uj1rd5hc9n
    @user-uj1rd5hc9n 5 ปีที่แล้ว +7

    와 진짜 대박 유용해요...ㅜ 비전공자로 갑자기 취직돼서 이것저것 배우다 과부하 걸리는 중이었는데 조코딩님 영상 보고 광명 찾았습니다ㅜ 좋은 강의 계속 기대할게요 감사해요ㅜ

    • @jocoding
      @jocoding  5 ปีที่แล้ว

      영상이 도움되셨다니 기쁘네요ㅎㅎ 좋은 말씀 감사합니다. 힘내서 더 유익한 영상 많이 만들겠습니다!!

  • @user-ij5kt4kw2z
    @user-ij5kt4kw2z 5 ปีที่แล้ว +3

    꿀팁들에 놀라고 20분 순삭에 또 소름돋았어요!
    대박나세요♡-♡

    • @jocoding
      @jocoding  5 ปีที่แล้ว +1

      감사합니다!!

  • @user-db7do6de5w
    @user-db7do6de5w 5 ปีที่แล้ว +6

    오른쪽 밑에 달은 키 자막 덕분에 따라하기 쉽네요

    • @jocoding
      @jocoding  5 ปีที่แล้ว +4

      도움이 되셨다니 키 자막 넣길 잘했네요ㅎㅎ 앞으로 영상에서 계속 적용하겠습니다 :)

  • @henry9900
    @henry9900 ปีที่แล้ว

    최고에요! 개발자도구를 활용해서 원하는 화면을 똑같이 구현하는 방법이 도움 많이 됐습니다. 생활코딩 들으면서 동시에 보고 있는데 최고의 시너지네요👍

  • @user-hu9rn4tx3h
    @user-hu9rn4tx3h 4 ปีที่แล้ว +2

    키 자막 보고 깜짝 놀랐습니다.
    세세한 부분까지 이렇게 챙겨주시다니..
    감사합니다.

    • @jocoding
      @jocoding  4 ปีที่แล้ว +1

      ㅎㅎ 좋게 봐주셔서 감사합니다!

  • @codezero1135
    @codezero1135 2 ปีที่แล้ว +1

    플래피버드 만드는 거 부터 시작해서.. 타고 미션완료.. 또 타고 미션완료.. 무슨 미션완료하듯이 거꾸로 여기까지 오네요^^
    재미가 없었다면 못왔겠죠 ㅋㅋ
    진짜 감사합니다 ㅋㅋ
    번창해버리세욧!!!!

    • @jocoding
      @jocoding  2 ปีที่แล้ว

      오 여기까지 와주셔서 감사합니다!ㅎㅎ

  • @hearttherapy
    @hearttherapy 11 หลายเดือนก่อน

    공부하기 좋은 영상 만들어줘서 초보자임에도 이해가 쏙속되고 코딩하는게 재밌어지고 있습니다. 고맙습니다.

  • @sg80280
    @sg80280 3 ปีที่แล้ว +2

    많은 영상들을 보고 있지만 진짜 최고십니다.... 가독성부터 단축키 세세한 시간단축 요소까지 영상에 넣어주고 알려주셔서 나중에 큰 도움이 될 것 같아요 구독 바로 박겠습니다!

    • @jocoding
      @jocoding  3 ปีที่แล้ว

      오 구독해주셔서 감사합니다! 앞으로 더 유익한 영상 많이 올리겠습니다 :)

  • @user-ti8oo9ky5k
    @user-ti8oo9ky5k 2 ปีที่แล้ว +1

    헐.. 부모 자식이라는 뜻 몰랐는데 ㅠㅠ
    조코딩님은 천사 그 자체십니다🥰🥰

  • @Ddffffr3
    @Ddffffr3 4 ปีที่แล้ว +1

    대학에서 ppt로 문법 잔뜩 써놓고 하나하나 읽어주는데 이 영상이 더 도움되네요

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      ㅎㅎ 감사합니다. 문법을 그냥 보기보다는 직접 실습하면서 공부하는게 최고인 것 같아요!

  • @TV-rb4mv
    @TV-rb4mv 3 ปีที่แล้ว +2

    조코딩님 참~영상들 감사감사해요

  • @snsem457
    @snsem457 5 ปีที่แล้ว +6

    항상 잘 보고 있습돠!!

    • @jocoding
      @jocoding  5 ปีที่แล้ว

      감사합니다ㅎㅎ 더 유익한 영상 많이 올릴게요!

  • @koreanshotcut
    @koreanshotcut ปีที่แล้ว +1

    감사 합니다. 따라하면서 해보니 공부가 되는 것 같습니다.

    • @jocoding
      @jocoding  ปีที่แล้ว

      감사합니다 화이팅입니다!

  • @user-qt4jf2hs6x
    @user-qt4jf2hs6x 5 ปีที่แล้ว +2

    정말 오랫동안 기다렸어요!!! 감사합니다!!!

    • @jocoding
      @jocoding  5 ปีที่แล้ว

      ㅠㅠ최근 프로젝트 오픈기간과 겹쳐서 작업속도가 느려졌네요 기다려주셔서 감사합니다!ㅎㅎ 더 자주 올릴 수 있도록 노력할게요 :)

  • @user-tk2ot1ce7k
    @user-tk2ot1ce7k 5 ปีที่แล้ว +5

    조코딩님 방법을 참고 할 수 있어서 좋았습니다.!! 꿀팁 감사해요

    • @jocoding
      @jocoding  5 ปีที่แล้ว

      도움이 되셨다니 좋네요!ㅎㅎ 좋은 댓글 남겨주셔서 감사합니다!

  • @user-vr7gq3dl8g
    @user-vr7gq3dl8g 2 ปีที่แล้ว +1

    조코딩님.
    코딩 입문자로서 정말 큰 도움이 됩니다.
    감사합니다.
    실리콘밸리 영상도 잘 보고 있습니다!

  • @caloriecoin_ceo7847
    @caloriecoin_ceo7847 5 ปีที่แล้ว +3

    넘사벽 퀄리티

    • @jocoding
      @jocoding  5 ปีที่แล้ว

      ㅎㅎ 감사합니다.

  • @user-re3kn5ls9v
    @user-re3kn5ls9v 8 หลายเดือนก่อน

    저는 좀 어려워서 오래 걸렸지만 조코딩님을 따라 한번 만들어봤습니다. 오랜 시간 동안 그거 하느라 고생이 많았거든요! 그래도 공부는 해야 하는 법입니다.

  • @lsh8889
    @lsh8889 4 ปีที่แล้ว +1

    충격적이다.. 강의 퀄리티가 정말 좋네요

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      ㅎㅎ 그렇게 봐주셔서 감사합니다!

  • @user-lh2gs9qu1s
    @user-lh2gs9qu1s 2 ปีที่แล้ว +1

    😀도움주셔서감사합니다. 목소리가 넘 좋으세요~ 귀에 쏙쏙 잘 들립니다. ㅎㅎ

    • @jocoding
      @jocoding  2 ปีที่แล้ว

      좋은 말씀 감사합니다!

  • @user-ur2se9st2g
    @user-ur2se9st2g 5 ปีที่แล้ว +2

    제가 딱 원하는 강의네요 정말 감사합니다~ 앞으로도 좋은 강의 기대합니다^ 코딩을 너무 쉽게 다가갈수 있도록 하는 강의 멋지네요~

    • @jocoding
      @jocoding  5 ปีที่แล้ว

      원하시던 강의라니 영광이네요!ㅎㅎ 더 쉽게 다가가실 수 있도록 좋은 영상 많이 올리겠습니다~

  • @qoszino
    @qoszino 5 ปีที่แล้ว +2

    와...딱 구글클로닝하는거 찾고있었는데, 대박! 부트스트랩이 이런거였군요! 너무너무 신기하고 유익하고 , 진짜 영상 만들어주셔서 감사합니다 ㅠ.... 코딩에 흥미 떨어질참에 이거 보고 다시 찾았어요 ㅠ 감사드려요 ㅠ....무료로 볼 수 있다는거에 진짜 감사드리구요! 초보자 입장에서도 너무 이해하기 쉽고 조코딩이 최고에요! 다른 영상은 못보겠어요 ㅎㅎ 감사드려요! :)
    아 그리구 영상에는 버튼없애는게 나오지 않아서 따라서 버튼코드를 지웠더니 됬어요! ㅎㅎ

    • @jocoding
      @jocoding  5 ปีที่แล้ว

      영상 좋게 봐주셔서 감사합니다!ㅎㅎ 채널 운영에 힘이 되네요! 버튼 부분 지우는 것은 편집하다가 실수로 빠졌는데 잘 해결되셔서 다행이네요ㅠ 앞으로 유익한 영상 더 많이 올리겠습니다~!

  • @yum8332
    @yum8332 3 ปีที่แล้ว +2

    Yoogle 완성..! 험난했지만 해냈ㄴㅔ요...!! 영상 감사합니다🥰

    • @jocoding
      @jocoding  3 ปีที่แล้ว

      완성 축하드립니다!!ㅎㅎ

  • @world_hotel_elevator
    @world_hotel_elevator 3 ปีที่แล้ว +1

    최고의 강의입니다. 곧 20만이네요. !

    • @jocoding
      @jocoding  3 ปีที่แล้ว

      좋게 봐주셔서 감사합니다!ㅎㅎ

  • @user-yl7fq4bf4j
    @user-yl7fq4bf4j 3 ปีที่แล้ว +2

    조코딩님이 알려주시니 너무 쉽게 이해 잘되고
    정말 재밌어 졌네요 저도 열심히 html공부중~

    • @jocoding
      @jocoding  3 ปีที่แล้ว +1

      감사합니다ㅎㅎ 코딩 공부 화이팅입니다!

  • @Ahnzino
    @Ahnzino 3 ปีที่แล้ว +1

    조코딩님, 강의 정말 알기 쉽게 알려주셔서 감사합니다!!!!

  • @user-je7et3id2n
    @user-je7et3id2n 2 ปีที่แล้ว +1

    설명과 예제가 기가 막히네요 ! 잘 이해했습니다 ㅎㅎ 감사합니다

    • @jocoding
      @jocoding  2 ปีที่แล้ว

      좋게 봐주셔서 감사합니다!ㅎㅎ

  • @khkim9564
    @khkim9564 3 ปีที่แล้ว +1

    너무 감사하네요. 이런 영상들 도움이 많이 됩니다.

  • @srengineer352
    @srengineer352 5 ปีที่แล้ว +2

    잘봤습니다. 좋은영상 계속 많이 만들어주세요~

    • @jocoding
      @jocoding  5 ปีที่แล้ว

      응원 감사합니다!ㅎㅎ 더 좋은 영상 만들어갈게요! :)

  • @user-jn4jp9un2z
    @user-jn4jp9un2z 4 ปีที่แล้ว +1

    강의 너무 감사하게 잘 듣고있읍니다.

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      오 잘들어주셔서 감사합니다! :)

  • @user-do9zt1no4g
    @user-do9zt1no4g 2 ปีที่แล้ว

    조코딩님 무지 감사합니다. 어떤 강의 보다 꼼꼼하게 만드신 강의
    보면서 공부 잘하고 있어요.

    • @jocoding
      @jocoding  2 ปีที่แล้ว

      좋은 말씀 감사합니다!

  • @MinoHa-vr4yl
    @MinoHa-vr4yl 4 ปีที่แล้ว

    생활코딩 css까지 듣고 넘어왔습니다. 개념은 이해했는데 막상 실습할만한게 없어서 막막했는데 정말 따라하면서도 너무 유용한 강의 감사합니다.

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      유용하게 봐주셔서 감사합니다!

  • @jangtu
    @jangtu 4 ปีที่แล้ว +2

    진짜 심플하게 핵심만 콕콕 알려주시네요 ㅎㅎ 선생님 덕분에 코딩에 흥미가 생기네요 ㅎㅎ

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      오 다행이군요ㅎㅎ 더 흥미롭게 공부하실 수 있는 영상들 많이 올리겠습니다!

  • @user-dv6rn9pd6y
    @user-dv6rn9pd6y 3 ปีที่แล้ว +4

    css파일이랑 링크 안되시는분
    링크 태그 끝에 / 가 없다면 붙여 주시면 됩니다.
    영상화면에는 "/" 없이 잘 링크되는게 신기하네요

    • @jocoding
      @jocoding  3 ปีที่แล้ว

      오 꿀팁 감사합니다!

    • @user-dk3fy4gn3r
      @user-dk3fy4gn3r 3 ปีที่แล้ว

      오 진짜 감사해요 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 이런걸 어케아시는지 진짜 ㅠ 안되서 그만둘려다가 마지막으로 이 댓 보고 해보니까 색깔 적용 되네요 ㅠㅠ 감사합니다ㅠ

    • @user-zj9uh4dz5k
      @user-zj9uh4dz5k 3 ปีที่แล้ว

      오 진짜 감사해요!!!!!!

    • @user-mr1zv9lf6v
      @user-mr1zv9lf6v 3 ปีที่แล้ว

      와ㅠ 진짜 감사합니다ㅠㅠ 덕분에 문제 해결했어요ㅠㅠㅠㅠ

    • @gtop7915
      @gtop7915 2 ปีที่แล้ว

      와 너무 힘들었는데 감사해요

  • @user-rg9od4nb5e
    @user-rg9od4nb5e 3 ปีที่แล้ว +2

    개발자의 꿈을 꾸게해주셔서 감사합니다.

    • @jocoding
      @jocoding  3 ปีที่แล้ว

      저도 좋은 댓글 남겨주셔서 감사합니다!ㅎㅎ

  • @user-zn8in8kg6m
    @user-zn8in8kg6m 4 ปีที่แล้ว

    이번영상은 뭔가 어려웠지만 보는재미가 쏠쏠하네여

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      그렇게 봐주셔서 감사합니다 기미니님ㅎㅎ

  • @user-pz8xj5ge5c
    @user-pz8xj5ge5c 5 ปีที่แล้ว +10

    조코딩님 영상을 통해서 많이 배워야할거같습니다..더..더..

    • @jocoding
      @jocoding  5 ปีที่แล้ว

      감사합니다ㅎㅎ 더 많이 배우실 수 있도록 유익한 영상 만들겠습니다!

    • @yonghyukchoi4866
      @yonghyukchoi4866 4 ปีที่แล้ว

      20년넘게 한분야만 열심히했는데 코로나가 새로운 기회? 를주내요 반복학습해서 열심히 배우겠습니다 감사합니다

  • @latin_in_seoul_from_hen
    @latin_in_seoul_from_hen 3 ปีที่แล้ว +1

    기본기만 배우고 뭘해야될지 헤매고 있었는데 너무 좋은 강의 같아요 ㅠㅠㅠ! 감사합니다 조코딩님!!!

    • @jocoding
      @jocoding  3 ปีที่แล้ว

      감사합니다!ㅎㅎ

  • @janeree3927
    @janeree3927 4 ปีที่แล้ว +2

    첫 영상부터 쭉 보고있어요~♡

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      오 영상 처음부터 봐주셔서 감사합니다ㅎㅎ

    • @user-ec9if8lv1e
      @user-ec9if8lv1e 2 ปีที่แล้ว

      저두

  • @user-gn8bp2rr3m
    @user-gn8bp2rr3m 5 ปีที่แล้ว +3

    너무꿀팁이에요 감사합니다~~!!!

    • @jocoding
      @jocoding  5 ปีที่แล้ว +1

      좋게 봐주셔서 감사합니다 :D 꿀팁 더 많은 영상들 많이 올릴게요!

  • @user-gb1zp6kb6l
    @user-gb1zp6kb6l 4 ปีที่แล้ว +1

    굉장히 직관적으로 잘 알려주셔서, 이해가 쏙속 되네요.
    개발자 도구를 활용해서, 레이아웃을 잡으면 참 편하군요.
    정말 좋은 정보 주셔서 감사합니다.

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      좋게 봐주셔서 정말 감사합니다ㅎㅎ

  • @user-bs6xe3gn2c
    @user-bs6xe3gn2c 2 ปีที่แล้ว +1

    감사합니다 덕분에 재밌게 배우고 있어요

  • @MrWeonkook
    @MrWeonkook 4 ปีที่แล้ว

    아들하고 같이 보고 있는데, 정말 알기쉽게 잘 만들어주셨습니다. 땡큐입니다.

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      알기쉽게 봐주셔서 감사합니다ㅎㅎ 더 좋은 영상들 많이 올릴게요!

  • @love_moonyou9728
    @love_moonyou9728 3 ปีที่แล้ว

    저번달에코딩 인강등록해놨는데 훨씬 설명 잘해주시네여 ㅠㅠ 최곱니다 ㅠㅠㅠ광고스킵안하고보겠습니다 감사합니다

  • @kevinkj2011
    @kevinkj2011 4 ปีที่แล้ว +2

    실전강의 고마워요

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      감사합니다!ㅎㅎ

  • @dev_jeongdaeri
    @dev_jeongdaeri 4 ปีที่แล้ว +1

    정말 대단하십니다 이렇게 짧은 시간에 모든걸 담으시다니요 ㅋㅋ. 저는 한참 멀었네요 ㅠㅠ😭

    • @jocoding
      @jocoding  4 ปีที่แล้ว +1

      감사합니다ㅎㅎ 개발하는 정대리님도 충분히 잘하십니다! 코딩 유튜버 화이팅입니다~!

    • @dev_jeongdaeri
      @dev_jeongdaeri 4 ปีที่แล้ว

      조코딩 JoCoding ㅎㅎ 감사합니다 😊

  • @namsunhwang9344
    @namsunhwang9344 3 ปีที่แล้ว +1

    기초라 그런가 너무 재밌네요!! 열심히 따라가 보겠습니다!!!

    • @jocoding
      @jocoding  3 ปีที่แล้ว

      재미있게 봐주셔서 감사합니다!ㅎㅎ

  • @Jaden-wl5hn
    @Jaden-wl5hn 4 ปีที่แล้ว +1

    자바 공부한 후에 프론트엔드공부하면서 css 기본까지 공부했는데 대체 응용을 할 줄 몰라서 수소문끝에 조코딩님 채널을 구독중입니다.. 엄청나세요 정말.. 먼나라에서 혼자 공부한다고 힘든데 덕분에 많은 힘이 됩니다ㅜ.ㅜ... 혹시 저작권에 관한 영상이나 설명도 해주시면 더욱더 감사드려요 하하핫
    번창하세요!!

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      그렇게 봐주셔서 감사합니다ㅎㅎ 저작권 관련해서도 추후 다루어보겠습니다!

  • @user-sg8pk7gt4o
    @user-sg8pk7gt4o 4 ปีที่แล้ว +7

    hoxy...저 같은 분들 계실까봐....
    3:50 같이 뜨지 않고 6번 줄이 안보이시는 분들은 meta:compat + tab을 눌러서 넣어주세용
    그냥 meta치면 밑에 나오는데 그때 엔터 눌러주셔도 됩니다!

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      꿀팁 감사합니다 동동이님ㅎㅎ

    • @all548657
      @all548657 3 ปีที่แล้ว

      @핫산 tab은 emmet 기능 사용 단축키여서 meta:compat을 VScode에 입력하고 탭을 누르는 거에요!

  • @FC-ot7bo
    @FC-ot7bo 2 ปีที่แล้ว +1

    좋은 강의 감사합니다!

  • @user-ei2kb6qd8d
    @user-ei2kb6qd8d 4 ปีที่แล้ว +1

    와우, 완전초보도 조코딩 강의를 들으면 수강하는 동안 왠지 나도 중급이 된 것 같은 환골탈퇴하고 있는 느낌을 느끼게 된다.
    그래서 강의를 빠지기가 어렵다. ^^
    쉽게 잘 설명해주신 것 같아서 너무 감사합니다. ^^

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      ㅎㅎ 좋게 봐주셔서 감사합니다!

  • @user-lq9ei5gb3p
    @user-lq9ei5gb3p 5 ปีที่แล้ว +2

    와 최고에요!!👍👍

    • @jocoding
      @jocoding  5 ปีที่แล้ว

      좋게 봐주셔서 감사합니다👍👍

  • @joankim5231
    @joankim5231 4 ปีที่แล้ว

    왕초보인데 쉽게 차근차근 알려주시니까 너무 좋아요 ! 감사합니다

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      좋게 봐주셔서 감사합니다! 더 유익한 영상 많이 올리겠습니다 :)

  • @user-zo3ms3vg9k
    @user-zo3ms3vg9k 3 ปีที่แล้ว +1

    댓글남기는거안하는데 29살에 웹개발배우고잇는데 조코딩채널때문에 힘이되네요ㅠㅠ감사합니다

    • @jocoding
      @jocoding  3 ปีที่แล้ว

      오 힘을 드렸다니 다행입니다ㅎㅎ 감사합니다 :)

  • @cuculee1843
    @cuculee1843 4 ปีที่แล้ว +1

    정말 감사합니다. 많은 지식 배우고 갑니다.

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      감사합니다ㅎㅎ 더욱 유익한 지식들 많이 올리겠습니다 :)

  • @TV-rb4mv
    @TV-rb4mv 3 ปีที่แล้ว +2

    조코딩 영상 알면알수록 볼매,!!!!!! 감사^^!!!!!!!!!

  • @aureumteam8802
    @aureumteam8802 4 ปีที่แล้ว

    좋은 강의 감사드립니다. 독학하는데 정말 많은 도움이 됩니다. 앞으로도 꾸준히 강의 시청하겠습니다.
    좋은 컨텐츠 만드기 위해 얼마나 노력 하시는지 상상도 안됩니다. 앞으로도 좋은 영상 많이 올려주세요 감사합니다. 화이팅

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      도움이 되셨다니 기쁘군요ㅎㅎ 감사합니다! 앞으로 더 좋은 영상 많이 올리겠습니다 :)

  • @where9810
    @where9810 4 ปีที่แล้ว +2

    조코딩님 감사합니다.

    • @jocoding
      @jocoding  3 ปีที่แล้ว

      저도 감사합니다 :)

  • @conndev659
    @conndev659 5 ปีที่แล้ว +2

    오 항상 열심히인 모습 배우고 갑니다
    화이팅

    • @jocoding
      @jocoding  5 ปีที่แล้ว

      ㅎㅎ 응원 감사합니다!

  • @user-ge2df7vx8l
    @user-ge2df7vx8l 3 ปีที่แล้ว +1

    저 친구 별명을 딴 choongle을 만들었습니다 진짜 프로그래밍에 대해서 하나도 이해도 안되고 너무 장벽이 높아보였는데 감사합니다

    • @jocoding
      @jocoding  3 ปีที่แล้ว

      오 제작 성공 축하드립니다!ㅎㅎ

  • @user-cl1iz2wm6n
    @user-cl1iz2wm6n 5 ปีที่แล้ว +2

    와우...분량..감사히 보겠습니다:)

    • @jocoding
      @jocoding  5 ปีที่แล้ว +2

      너무 길어서 지루하지는 않을까 걱정이였는데ㅎㅎ 좋게 말씀해주셔서 감사합니다 :D

    • @user-cl1iz2wm6n
      @user-cl1iz2wm6n 5 ปีที่แล้ว +1

      @@jocoding 관심분야는 지루하다고 느끼지 않죠!! 완전 짧은데요!! ㅋㅋㅋㅋㅋㅋㅋ

  • @zini3110
    @zini3110 4 ปีที่แล้ว

    이렇게 이해 잘되게 설명해주는 영상 없는거같아요ㅜㅜㅜ 너무 감사해요~ 앞으로도 잘보겠습니다

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      그렇게 봐주셔서 정말 감사합니다!ㅎㅎ 저도 앞으로 유익한 영상 꾸준히 올리겠습니다 :)

  • @user-hz1dl5tw2p
    @user-hz1dl5tw2p 2 ปีที่แล้ว +1

    잘 보고 따라해 봤습니다.. 영상 감사합니다..

    • @jocoding
      @jocoding  2 ปีที่แล้ว

      저도 감사합니다!!

  • @alskdhf
    @alskdhf 4 ปีที่แล้ว +1

    정말 쉽게 잘 설명해주셔서 이해가 잘 됩니다~ 감사해요^^

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      그렇게 봐주셔서 감사드립니다ㅎㅎ

  • @JaytheMarketer
    @JaytheMarketer 4 ปีที่แล้ว +1

    부트스트랩 말만 많이 들었는데 이렇게 놀라운 서비스인줄 몰랐어요.

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      진짜 놀랍습니다ㅎㅎ

  • @TheAc3112
    @TheAc3112 4 ปีที่แล้ว +1

    너무 재밌게 잘 따라하면서 배웠습니다 ㅎㅎ 기본지식을 배우고 강의를 보니깐 더 유용하게 느껴지네요 감사합니당 더 배울려고 보니 css강의는 하나밖에 없더라구요ㅠ 이런 클론이나 유용한 다른 css강의도 올려주시면 열심히 배우겠습니다 다른강의도 차근차근 배우겠습니다 ㅎㅎ 감사합니당

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      th-cam.com/video/TmiD2QXUyl8/w-d-xo.html
      위에 제플린과 CSS로 동물상 테스트 화면을 만드는 강의가 있는데 도움이 되실 것 같아 올려드립니다!ㅎㅎ 앞으로도 종종 CSS 관련 강의도 올리겠습니다 :)

  • @hl2lmm
    @hl2lmm 4 ปีที่แล้ว +1

    재미있고 좋아요 기대됩니다

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      댓글 감사합니다! 더 재미있고 좋은 영상들 많이 올리겠습니다~

  • @haim7512
    @haim7512 5 ปีที่แล้ว +3

    잘 보고 갑니다.

    • @jocoding
      @jocoding  5 ปีที่แล้ว

      감사합니다!ㅎㅎ

  • @abcdeereijgfhd3215
    @abcdeereijgfhd3215 2 ปีที่แล้ว +2

    콘트롤들을 픽셀 단위로 static하게 늘이는 것보다 브라우저 크기나 위치에 따라 다이니믹하게 크기를 조절하는게 현업에서는 최고죠. 유저가 핸드폰에서 볼지 아님 큰 모니터에서 볼지 알수가 없으니까요.

  • @Mary-tf9mo
    @Mary-tf9mo 5 ปีที่แล้ว +1

    감사합니다 ..!!
    덕분에 저도 열심히 해서 뭔가 이루어 보고 싶네요.. .

    • @jocoding
      @jocoding  5 ปีที่แล้ว +1

      Mary님께서 꼭 뭔가를 이루실 수 있길 응원하겠습니다!

  • @user-tz3fw5od8o
    @user-tz3fw5od8o 4 ปีที่แล้ว +1

    조코딩님 검색하는 부분도 알려주셔서 구글색상이 rgb로 나와서 구글에 검색을해서 잘 칮아 민들었습니다. 영상 올려주셔서 감사해요

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      오 성공하셨다니 다행입니다ㅎㅎ 감사합니다!

  • @manyoungkim1556
    @manyoungkim1556 4 ปีที่แล้ว +1

    감사합니다. 진심으로 감사합니다.

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      저도 댓글 남겨주셔서 감사합니다 :)

  • @baikalkim5324
    @baikalkim5324 3 ปีที่แล้ว +1

    대단합니다!

  • @user-nc5hu3ed2y
    @user-nc5hu3ed2y 4 ปีที่แล้ว +1

    좋은강의 감사합니당

    • @jocoding
      @jocoding  4 ปีที่แล้ว +1

      강의 봐주셔서 감사합니다ㅎㅎ

  • @bang_hoon
    @bang_hoon 4 ปีที่แล้ว +4

    와 class라는 처음보는 것을 과일로 쇱게 표현하셨어...

  • @user-rd5mw6jm2w
    @user-rd5mw6jm2w 5 ปีที่แล้ว +2

    영상 잘 봤습니다~

    • @jocoding
      @jocoding  5 ปีที่แล้ว +1

      ㅎㅎ 좋게 봐주셔서 감사합니다~

  • @user-wi4jc3uv8z
    @user-wi4jc3uv8z ปีที่แล้ว

    잘봤습니다.

  • @hoodtpanda
    @hoodtpanda 2 ปีที่แล้ว

    진짜 조코딩 영상같은 영양가 있는 영상을 학교에서 틀어줘야지 ㄹㅇ 진짜 도움되네요

    • @jocoding
      @jocoding  2 ปีที่แล้ว

      감사합니다ㅎㅎ

  • @Jameskim75
    @Jameskim75 5 ปีที่แล้ว +1

    정말 코딩 열심히 공부해보고 싶게 잘 가르쳐주시네요.. 근데 영상이 몇 개 없네요. 많이 좀 업로드 해주세요~ 감사합니다

    • @jocoding
      @jocoding  5 ปีที่แล้ว +1

      ㅎㅎ 좋은 말씀 해주셔서 감사합니다. ㅠㅠ 영상 제작이 개인 사정으로 조금씩 늦어지네요.. 앞으로 더 분발하겠습니다!

    • @Jameskim75
      @Jameskim75 5 ปีที่แล้ว +1

      @@jocoding 코딩은 어느정도 공부해야 기본적인 앱 정도는 만들 수 있는건가요?? 앱을 만들어서 출시해보는게 꿈인데 일단 코딩먼저 공부하면 되나요?? 어떤 앱을 만들지는 아직 구체적으로 구상한 건 아닌데 떠오르는 아이디어들은 저 개인이 현실적으로 구현하긴 어려울 것 같은 아이디어만 떠오르네요. 좀 간단한 아이디어로 하나 일단 출시해보고 싶은데 아직은 아이디어도 없고..

    • @jocoding
      @jocoding  5 ปีที่แล้ว +1

      우선 정말 간단한 앱을 출시하는 것이 목적이시라면 굳이 코딩 없이 할 수 있는 서비스들이 있습니다.
      예를들어 Swing2App 같은 서비스는 클릭과 Drag&Drop등으로 가볍게 앱을 만들어 볼 수 있습니다. 또 앱인벤터 등을 이용하면 Sketch라는 블록형 코딩 방식으로 블록을 맞추는 방식을 이용해 간단히 앱을 만들어볼 수도 있습니다.
      관련 링크 전달드립니다.
      www.swing2app.co.kr/landing
      appinventor.mit.edu/explore/
      이런 서비스의 단점은 여기에서 제공하는 기능을 벗어나 외부 API를 활용하는 등의 응용은 힘들다는 점이 있습니다. 그러나 단순한 서비스라면 굳이 코딩 업시도 만들 수 있습니다!

    • @Jameskim75
      @Jameskim75 5 ปีที่แล้ว +1

      @@jocoding 앱제작 툴들을 살펴보니 대부분이 사업과 연관된 홈페이지 형식이네요. 기능적인 부분을 구현하거나 정해진 틀에서 디자인이나 형식등을 조금만 바꾸려해도 커스터마이징이라고 해서 추가개발비가 들어가는군요. 저는 아이디어가 대부분 생활의 편의를 돕는 생산성에 관련된 아이디어로 앱을 출시하고 광고수익을 내고 싶은데 앱제작툴만으론 불가능하겠죠??
      코딩을 좀 공부한다면 앱제작툴 + 커스터마이징 부분을 스스로 해결하는식으로 앱제작이 가능한가요? 알면알수록 머리만 아프네요..ㅜㅜ

    • @jocoding
      @jocoding  5 ปีที่แล้ว +1

      앱 제작 툴에서 광고를 붙이는 기능은 제공하고 있다고 하는데 그 외에 커스터마이징이 많이 필요하다면 앱제작 툴로는 한계가 있을 수 있을 것 같네요. Swing2App 같은 경우 코딩을 공부한다고 해서 스스로 커스터마이징은 불가능하니까요ㅠ
      직접 개발하시려면 안드로이드 앱은 Java, Kotlin 등 언어로 Android Studio에서 제작되며 아이폰 앱은 Objective-C, Swift 등의 언어로 X-code를 통해 제작합니다. 혹은 javascript를 이용하여 React-Native 등을 이용해 안드로이드, 아이폰 둘 다에서 동작하는 하이브리드 앱을 제작하는 방법도 있습니다. 또, 최근에 나오는 Dart 언어를 활용한 Flutter를 이용하는 방법도 있습니다.

  • @ABLE4989
    @ABLE4989 8 หลายเดือนก่อน

    감사합니다

  • @user-pq3ls5nc3p
    @user-pq3ls5nc3p 4 ปีที่แล้ว

    잘따라오고있어요 ! 이번영상 도 클리어했습니다 !!!

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      고생하셨습니다ㅎㅎ 코딩 공부 힘내세요 :)

  • @Can_Coding_
    @Can_Coding_ 3 ปีที่แล้ว +6

    4:57 이부분에서 내가 만든 코드를 확인하려고 설레는 마음으로 파일을 열었지만!!
    백지상태... 아무것도 안나와서 실망하고 당황스러우셨던 분들!!!!!!
    .
    .
    .
    .
    .
    .
    저장하세요!!!! ctrl+s !!!!
    ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
    30분 동안 왜 안되는건지 찾아 헤매다 드디어 문제를 해결하고 기쁜 마음으로 저와 같은 분들을 위해 댓 달러왔습니다ㅋㅋㅋㅋㅋ

    • @jocoding
      @jocoding  3 ปีที่แล้ว +1

      오 꿀팁 공유 감사합니다ㅎㅎ

    • @Can_Coding_
      @Can_Coding_ 3 ปีที่แล้ว +1

      @@jocoding 꿀...팁...이라기엔 조금 민망하네요...😅

    • @user-dk3fy4gn3r
      @user-dk3fy4gn3r 3 ปีที่แล้ว +2

      와 진짜 감사해요 ㅠㅠㅠ 3시간 동안 내가 뭘 틀렸나? 하면서 이리 고치고 저리 고치고 하고있었는데 ㅠㅠ

    • @Can_Coding_
      @Can_Coding_ 3 ปีที่แล้ว +1

      @@user-dk3fy4gn3r 헐헐헐헐 이게 도움이 되었다니!!!☺☺ 다행이네요^~^

    • @user-rs1ee1jr2y
      @user-rs1ee1jr2y 3 ปีที่แล้ว

      매우..매우 꿀팁입니다.. 저놈 저거하나때문에 과거 댓글들 다보면서 1,2시간을 했는데 안됐는데.. ctrl+s면 끝이였군요.. 감사합니다

  • @knbae1
    @knbae1 4 ปีที่แล้ว

    유용한 기초 영상 감사합니다. 좋아요 완료!!!

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      오 좋아요 감사합니다ㅎㅎ

  • @asdfuwuf
    @asdfuwuf 3 ปีที่แล้ว +1

    헐 대박 역시 코딩은 크롬이네요 꿀팁 고마워요

  • @hook00
    @hook00 4 ปีที่แล้ว +1

    Alt w책갈피9:32
    10:43 부모자식
    Bootstrap 으로 검색창 만들기

  • @clark87
    @clark87 4 ปีที่แล้ว

    엄청 잘 설명해주셔서 이해가 팍팍됩니다

    • @jocoding
      @jocoding  4 ปีที่แล้ว +1

      그렇게 봐주셔서 감사합니다ㅎㅎ 더 좋은 영상들 많이 올리겠습니다!

    • @clark87
      @clark87 4 ปีที่แล้ว +1

      @@jocoding
      질문 하나만 드려도 될까요?
      VSC에서 혹시 ctrl+k, f
      코드자동정렬기능이 잘 안되는데 어떤 확장프로그램을 설치해야 할까요?
      Ctrl을 누른상태에서 k와 f를 순서대로 누르는게 맞는것 같은데요

    • @jocoding
      @jocoding  4 ปีที่แล้ว

      음.. 그거는 제가 알기로 별도의 확장 프로그램이 아닌 기본 기능이에요! vscode를 설치하셨으면 될 것 같은데 아마 Ctrl + A로 전체 선택이 안되어서 그렇지 않을까요?

    • @clark87
      @clark87 4 ปีที่แล้ว

      @@jocoding 오! 네 그렇게 해결되더군요 답변 감사합니다

  • @ooo127
    @ooo127 2 ปีที่แล้ว +2

    감사합니다:)

    • @jocoding
      @jocoding  2 ปีที่แล้ว

      저도 댓글 감사합니다!

  • @jincrates2984
    @jincrates2984 5 ปีที่แล้ว +2

    만들어주신 소중한 영상 잘봤습니다. 저는 비전공자인데, 쉽게 따라할 수 있고, 실용적이고 정말 유용하네요ㅎㅎㅎㅎ그런데 혹시 이렇게 만든 클론 구글을 실제 크롬 첫 화면으로 뜨게 할 수 있을까요?? 크롬을 열때마다 제가 만든 화면을 통해 검색을 하면 더 재밌게 코딩을 할 수 있을 것 같아서요!!

    • @jocoding
      @jocoding  5 ปีที่แล้ว +1

      댓글 남겨주셔서 감사합니다! 좋은 아이디어네요ㅎㅎ 이전에 올린 deploy 영상에 따라 만드신 구글 클론 사이트를 배포한 후에 크롬의 시작페이지로 설정하시면 사용하실 수 있어요!
      Deploy : th-cam.com/video/LnGgndT308Q/w-d-xo.html
      크롬 시작페이지 변경 : mainia.tistory.com/2496

    • @jincrates2984
      @jincrates2984 5 ปีที่แล้ว +1

      앗, 감사합니다ㅎㅎㅎ얼른 해봐야겠어요:)