반응형 웹페이지 제일 쉽게 만드는 법, 부트스트랩 사용법 완벽하게 익히자 (설명 쉬움) | 웹개발자라면 반드시 알아야하는 부트스트랩

Поделиться
HTML-код
  • Опубликовано: 23 дек 2024

Комментарии • 172

  • @코딩알려주는누나
    @코딩알려주는누나  2 года назад +20

    안녕하세요 반응형 웹사이트를 쉽게 만들 수 있고 우리를 css늪으로 부터 탈출 시켜줄 부트스트랩이라는걸 오늘 배워보아요!
    00:00 인트로
    02:07 부트스트랩 시작하기
    05:12 버튼 가져오기
    07:11 동작원리
    09:30 카드가져오기
    12:33 그리드 시스템 (중요)
    19:03 1분만에 웹페이지 만드는 방법
    코딩을 더 배우고 싶다고? 여기 추천!
    codingnoona.thinkific.com/

  • @kkong011
    @kkong011 2 года назад +10

    재가 부트스트랩을 경험 햇을때 어디서 원리나 사용법을 알수가 없어서 엄청 해맷고 날밤 세면서 외국사이트를 돌아 다녔었는데
    지금은 세상 많이 좋아졌네요.
    유튜브 한번이면 아주 쉽게 원리를 이해할수 있는 세상이니...
    유용한 동영상 잘보고 갑니다.

  • @MrJaeyup
    @MrJaeyup 9 месяцев назад

    좋은 영상과 자료 잘 보았습니다. 1999년도에 웹페이지를 php로 한참 개발해 보고 손뗀지 정말 오래 되었거든요. 그 때오 단순 코딩이 너무 하기 싫어서 디자이너가 드림위버로 만들어준 파일에 php 껴넣어서 프로그래밍 했었는데, 세상 참 좋아졌습니다. 너무 신박해서 놀랐습니다. 자주 들러서 영상 시청하겠습니다. 만드시느라 고생하셨습니다. 정말 잘 봤습니다. ^^

  • @태태-k9t
    @태태-k9t 2 года назад +1

    5:14 부트스트랩:
    13:18 그리드:
    언니 고맙습니당👍

  • @최가준
    @최가준 2 года назад +7

    감사합니다! 백엔드 준비하는 취준생입니다! 프로젝트 어떻게 해야하나 막막했는데 큰 문제가 해결되었어용!!

  • @recipeit2493
    @recipeit2493 Год назад

    우와 ! ... 진짜 누나 영상 보면 볼수록 뇌가 살찌는 기분이 드네요 최고에요 누나 그리고 유익한 영상 감사합니다!

  • @bba_bbamoo
    @bba_bbamoo Год назад

    강의 집중력을 더해주는 목소리에 미모까지 후,,, 어지럽다 ㅠ 영상 하나도 빠짐없이 잘 보고있어용 감사합니다💜

  • @이철주-n4v
    @이철주-n4v 5 месяцев назад

    표정이 참 풍부하시고 아름다우시네요 좋은 강의 감사드립니다 ~

  • @김수현-b1p3h
    @김수현-b1p3h 8 месяцев назад

    와 숨도안쉬고 다봤어요! 친절하고 퀄리티 좋은 강의 감사해요!!!❤

  • @gu_won_ja
    @gu_won_ja 2 года назад +19

    정말 좋은강의 감사드립니다!
    더 많은 분들이 개발자가되어 해외로 나와줬으면 합니다. 특히 캐나다 :)

    • @코딩알려주는누나
      @코딩알려주는누나  2 года назад +1

      캐나다 좋져~~~~(토론토 3개월 거주 경험있음)

    • @spkim0921
      @spkim0921 2 года назад +2

      저는 지금 캐나다 밴쿠버에 살고 있는 은행직원 (banking sys admin)인데 지난 1년간 BCIT라는 polytechnic institute에서 python이랑 java로 OOP랑 API 수업을 성공적으로 마쳤습니다! 곧 BCIT에서 제공 하는 ASD (Applied Software Development)라는 자격증을 딸 예정입니다! 미래 개발자가 필요하시면 연락 주세요!

  • @인섭-z6d
    @인섭-z6d 2 года назад +4

    사용방법에 원리까지 알려주셔서 정말 이해가 잘갔습니다 감사합니다ㅎㅎ

  • @imK-TV
    @imK-TV 2 года назад +1

    강의 방송 진행 너무 잘하세요, 내용도 멋지구요. 저도 모르게 계속 듣게 되네요.

  • @clarinetisfying
    @clarinetisfying 2 года назад +1

    코딩공부영상을 넷플릭스 보듯 보고 있는 내 자신 발견 ㅎㅎ 너무재밌고 유익해요. 감사합니다.

  • @김민석-v8e
    @김민석-v8e 2 года назад +1

    지식은 공부를 통해 배우고, 지혜는 행하므로 배운다 했습니다.... 고맙습니다..... 많은기쁨 가득한 나날되십시요. OTL

  • @daehyuckbang6189
    @daehyuckbang6189 2 года назад +3

    부트스트랩 확실히 이해했습니다. 시원스런 강의 너무 좋아요!!!
    제가 나이가 넘 많아서 걱정이되는데 도움이 많이 되었습니다.
    감사합니다.

  • @kimmachia
    @kimmachia 2 года назад +1

    속성 스피드! 정확!
    부트스트랩 강의 감사합니다.
    잘 활용할게요 ^^

  • @유성훈-x6l
    @유성훈-x6l 2 года назад +1

    잘하는사람이 더 잘하려구 노력할때 나오는 영상들인거 같아요 매번감사합니다...!

  • @Lustely
    @Lustely 2 года назад +2

    항상 잘보고 있어요 ^^ 코로나 심해지는데 건강 유의하시고 앞으로도 좋은 영상 많이 부탁드려요~

  • @김창현-d5h
    @김창현-d5h 2 года назад +2

    정말로 감사합니다 ㅠㅠ. 개발을 처음 시작했는데 누나 덕분에 정말로 도움 받았습니다. 다시한번 감사드립니다

  • @커리상승
    @커리상승 Год назад

    우아 설명이 깔끔하고 재밌어서 금방 다 봤네요 ㅎㅎㅎ

  • @deluxetaxi-dogikim
    @deluxetaxi-dogikim 2 года назад +2

    이분은 이유업이 그냥좋고 앞으로도계속좋을거같다!

  • @akatarojp
    @akatarojp 2 года назад +1

    이 누나 찐이다! 내가 코딩 공부 할 때 알았더라면 개발자를 그만두지 않았을텐데 ㅜㅜ
    구독! 좋아요! 누르고 갑니다!

  • @sekulim527
    @sekulim527 2 года назад

    정말 1분만에 만들고 싶 다. 이 분 매력있네요 만날수있으면 만나보고싶어.

  • @santicanog_
    @santicanog_ 2 года назад +5

    Thank you for this video, a great approach to Front-end development, and fast forward dev for prototyping 💜

  • @보우TV-y6y
    @보우TV-y6y 2 года назад

    코딩 기초 알고싶어 영상 시청중인데 시간 가는줄 모르네요. 좋은 정보를 제공 해주셔서 감사합니다.

  • @어쩌다보니ENTJ
    @어쩌다보니ENTJ 2 года назад

    누나 구독하고 가요 - 웹퍼블리셔를 꿈꾸는 사람인데 진짜 많은 도움되네요 ~~

  • @goodnaturej
    @goodnaturej 2 года назад

    올 만에 보는 누나 !!! 와 이리 살이 빠졌노 ??? 영상 감사요 ㅎㅎㅎ

    • @코딩알려주는누나
      @코딩알려주는누나  2 года назад

      코로나로 아픈 직후라서... 살이 많이 빠졌어요

    • @goodnaturej
      @goodnaturej 2 года назад

      @@코딩알려주는누나 안돼요, 아프지마요. 볼이 통통한 누나가 좋아요.

  • @mattenglish
    @mattenglish 2 года назад

    킹왕짱 수업 잘 들었습니다!

  • @boston3560
    @boston3560 Год назад

    서버 개발자가 목표인 학생입니다. 앞단은 html,css 나름 리뉴얼 정도만 할 수 있는 실력이라 개인 포폴 준비할 때 걱정이 조금 있었습니다. 왜냐면 얼마전 제 기술 블로그 꾸밀 때 다크모드 버튼을 적용 시키는데 js를 할줄 몰라서 진짜 반나절은 꽁꽁 해매다가 해결했던 기억이 있거든요.. html,css는 가능한 한 제가 만들고, js는 부트스트랩을 이용해서 스프링으로 서버까지 만들 행복회로 돌리고 있습니다 감사합니다

  • @권다운-z2e
    @권다운-z2e 2 года назад

    코딩눈나 덕분에 무작정 책이나 강의 따라하는 식의 타자 연습에서 생각이라는걸 하게 되어 고맙습니다^^ 이렇게 좋은걸 이제서야 찾게 됬네요 !

  • @thankyou797
    @thankyou797 Год назад

    부트스트랩안써두 보면서 공부해도 도움되겠네요. 감사합니다

  • @gorani_TV
    @gorani_TV 2 года назад

    우와 짱짱! 이걸로 웹이 예뻐질거 같아요

  • @씌내-o2j
    @씌내-o2j 2 года назад

    하도 부트스트랩 부트스트랩 하길래 도대체 뭔가…하며 알아볼 생각은 안했는데 이런거였네요 대박사건..!!!!!

  • @MC-no8iq
    @MC-no8iq 2 года назад

    많이 안써봤느데 이제 보니까 꿀잼이네요 ㄷㄷ

  • @Leejaehee334
    @Leejaehee334 2 года назад

    와 진짜 친절하게 설명해주셔서 개고맙습니다ㅠㅠ 유입인데 바로 구독....

  • @suwonj-y2n
    @suwonj-y2n 2 года назад

    17:26 심쿵

  • @김도윤-z1v2o
    @김도윤-z1v2o Год назад

    질문 있습니다. 강의 보면서 부트스트랩을 이용해서 홈페이지를 만들어 보고 있는데... 보통 버튼을 누르면 이메일을 보내는 코드가 잘 안되서 연락드립니다. 어떻게 해야 하나요? 부트스트랩에 있는 내용으로 작업해서 클립하면 다음 반응이 없습니다. 버튼을 클릭하면 이메일을 보낼수 있는 창이 나타나면서 상대방에게 이메일을 보내고 싶거든요..

    • @kingchobo
      @kingchobo Год назад

      창을 띄우는데 자바스크립트가 필요하고요, 메일 발송은 백엔드 언어 하나 (예 php, python 등 ) API 연동 기술이 필요합니다.

    • @TrutherHidden
      @TrutherHidden Год назад

      부트스트랩은 홈페이지의 외형적인 frame만을 빨리 작성할 수 있도록 해주는 역할을 하는 것 같아요
      그렇기 때문에 무엇을 누른다고 해서 어떤 action이 일어나지는 않죠
      어떤 동작을 원하시면 자바스크립트 및 다른 기능을 할 수 있도록
      외형적인 프레임에 동작을 원하는 것들을 구현해야 가능합니다.
      예를 들면 로그인 버튼, 이메일 보내기 버튼의 외형은 부트스트랩을 통해 쉽게 만들 수 있지만 그것을 동작하게 하는 것은 개발자의 몫인 것이죠

  • @liljfjllifllil
    @liljfjllifllil 2 года назад

    누나를 만난건 정말 행운이야... 고마워요 ❤

  • @최호석-d6f
    @최호석-d6f 2 года назад

    오늘도 아름다우십니다!

  • @jgh3518
    @jgh3518 2 года назад

    html css 시작한 지 이틀째 되는데 이 영상을 봐버렸네요...ㅋㅋㅋㅋ
    그래도 조언하신 대로 우선 기초 실력부터 쌓고 이용하겠습니다!

  • @Dev_Owon
    @Dev_Owon 2 года назад +4

    좋은 영상 감사합니다! 질문이 하나 있는데, 프론트엔드 개발자 신입으로 지원한다면, 부트스트랩으로 UI를 작성해도 문제가 없을까요?
    아무래도 CSS나 JS 방면으로 스스로 처리해아 할 부분들을 다 해줘서, 면접관님들이 어떻게 보실지 궁금해요!

  • @MrComarter
    @MrComarter 2 года назад

    예쁘니까 화면과 강의에 집중이 되는 나라니... 구독 꾹

  • @젤리제리-v5l
    @젤리제리-v5l 2 года назад

    와 꿀꿀팁 감사합니다^^ 구독했어요~ 자주뵐게요!!

  • @유관동-u6x
    @유관동-u6x Год назад

    좋은 강의 감사합니다~

  • @ncore1210
    @ncore1210 2 года назад

    어드민 페이지 구현하는데 많은 도움되었습니다
    감사합니다~~

  • @GodVoice7
    @GodVoice7 2 года назад +1

    썸넬 졸라 이쁘시네요 ㄷㄷ 자꾸 문과생에게 개발자 뽐뿌 넣는거 어떻게 책임지실거에욧!! ㅋㅋ

  • @델리야옹
    @델리야옹 2 года назад

    감사합니다!! 좋은 정보 정말 사랑해요

  • @뱅세
    @뱅세 2 года назад +1

    늦게 왔지만 좋은 영상 감사해용
    마지막 플젝에 부트스트랩 쓰는중인데
    인스타처럼 할려고 modal and carousel쓰는 중인데 ajax로 DB주고 받기가 넘 힘드네요
    영상감사해요 빠이팅

  • @hobis0b
    @hobis0b 2 года назад +1

    이언니 개발자치고는 정말 텐선 쩐다 ㅋㅋ

  • @주은아빠-z8p
    @주은아빠-z8p 2 года назад

    설명을 너무 잘하시네요 감사합니다.

  • @muho4666
    @muho4666 2 года назад +1

    부트스트랩 정말 좋은 라이브러리죠 ㅎㅎㅎ
    tailwind css도 다뤄주세요 눈나

  • @dxon127
    @dxon127 2 года назад

    소프트웨어 마이스터고 준비하는 고등학생인데 웨서버개발하는거에서 막혔는데 이런걸 알려주시다니 감사합니다.^^

  • @신난다-o4s
    @신난다-o4s 2 года назад

    오늘 연기도 귀염뽀짝하군요.
    너무조아~ >_

  • @kmkang7573
    @kmkang7573 2 года назад

    bootstrap 이 무엇인지 궁금했는데... 좋은 강의 진심 감사합니다.

  • @규민-z5d
    @규민-z5d Год назад

    안녕하세요. 이 동영상을 통해 부트스트랩에 대해 잘 알게 되어서 감사합니다. 앞으로 부트스트랩에 대해 궁금해 할 수 있는 사람들을 위해 이 영상을 홍보하고 싶은데 괜찮을까요?

  • @GoM_Val
    @GoM_Val 2 года назад

    구독 ~! 잘 배우도록 하겠습니다,

  • @김렁뚱땅
    @김렁뚱땅 7 месяцев назад

    좋은강의 너무 감사드립니다 !! 다른 설명에서는 폴더를 가져와서 붙여넣고 경로를 쓰는 방식으로 하던데 저렇게 링크만 가져오면 이런 과정은 필요없는ㄱ ㅓㄹ까요??

  • @k4203a
    @k4203a 2 года назад +1

    이런 디자인 웹이 하도 많아서 뭔가했는데 이거였구나 감사합니다

  • @victorylife9535
    @victorylife9535 2 года назад

    너무 귀여우시고 귀에 쏙쏙
    중년이지만 나중을 위해 공부 한다고
    이거저거 책을 샀지만 장식용이 되어버렸네요 업무자동화나 앱을만들고픈데 어떤책 어떤수업을
    들으면 좋을까요

    • @코딩알려주는누나
      @코딩알려주는누나  2 года назад

      앱이라면 안드로이드 스튜디오 공부 추천드립니다!

    • @victorylife9535
      @victorylife9535 2 года назад

      @@코딩알려주는누나 안드로이드 어렵던데요 부트스트랩은 안되는건가요

  • @mirrorspring5112
    @mirrorspring5112 2 года назад

    프론트를 심각하게 못하는(미적 감각 제로) 백엔드 과정 수강생으로서 안 쓸 수가 없네요...!!

  • @디지털강사제나
    @디지털강사제나 Год назад

    감사합니다~!

  • @imugilee1137
    @imugilee1137 2 года назад

    첫방문입니다. 부담스럽게 가까운 얼굴(미인이라 용서),
    반말 반 존댓말 반 어투(목소리 예뻐서 용서)
    딴 생각 할 틈을 안주는 속사포 ( 홀린 것 같음)
    뼈때리는 지적 (맞아도 기분좋음)
    좋댓구알을 안할수가 없네요 ㅎ

    • @코딩알려주는누나
      @코딩알려주는누나  2 года назад +1

      악플인거같은데(끝까지 읽어보고 용서)
      묘하게 끌리는 댓글(홀린 것 같음)
      좋아요를 안눌러줄수가 없군용

  • @moscos9965
    @moscos9965 2 года назад

    치트키 꿀팁 감사합니다. NGD를 벗어나겠군요.
    꿀 떨어지는 날 되세요. 좋아요 구독 눌렀어요.

  • @Dhshinful
    @Dhshinful 2 года назад +1

    명강사^.^ 이제 저도 개발자가 되겠습니다.~~

  • @studyclips347
    @studyclips347 2 года назад

    좋은 영상 감사합니다.
    백엔드 공부를 하는데, 이전에 배운 html과 css가 머리에서 반은 날아가서 프로젝트를 걱정했는데 반은 해결된거 같습니다.
    그런데 개인적으로 이렇게 가지고 와서 쓴 css코드를 이용해 제가 만든 프로젝트를 제출하게 되면 과연 성공적으로 취업이 가능한가가 걱정입니다.
    취업을 위한 프로젝트를 준비한다면 직접 css코드까지 짜서 스스로 하나하나 만드는게 좋은가요 아니면 백엔드쪽을 하는거면 부트스트랩을 이용해서 별로 문제가 안될까요

    • @kingchobo
      @kingchobo Год назад

      백엔드라면 부트스트랩만 잘 가져다 써도 되죠. (직접 짜면 금상첨화)

  • @bizflow1814
    @bizflow1814 2 года назад

    강의 멋지네요!! :)

  • @ooti0
    @ooti0 2 года назад

    와우......감사합니다ㅠㅠ

  • @바클리-p4g
    @바클리-p4g 3 месяца назад

    궁금한게 유로 테마 구매하면 여러사이트에 적용할수 있는건가요 ?

  • @JH-rq9of
    @JH-rq9of 2 месяца назад

    리액트 처음 강의듣고 혼자 프로젝트만드는데 너무 허접해서 부트스트랩을 쓰려고하는데 리액트에서도 저렇게 사용이 가능한가요?

  • @조성휘-z9s
    @조성휘-z9s 2 года назад

    약간 어려운것 같은데
    목소리에 빠져드네요

  • @정진영-z1v
    @정진영-z1v 2 года назад

    질문이 있습니다
    부트스트랩을 남발하지 않거나
    부트스트랩을 사용한다 하더라도
    차별화된 개발자가 될려면엌덯게 해야하나요???
    어제 메뉴바 하나 만들어볼려다
    글자 정렬 flex 를 알게되고 display를 부모 태그로 가진다...
    이럴 경우 좌우 정령 text-align center 가 안먹힌다
    이런저런걸 배웠는데
    혼자 공부하다부트스트랩 보면 현타가 와서
    이런식으로공부하는게 맞는건지 모르겠습니당

  • @윤민상-u1m
    @윤민상-u1m 2 года назад

    정말 깔끔한 강의입니다
    좋은강의 감사합니다!!

  • @msun125
    @msun125 2 года назад

    과하지만 빠...빠져든다. 감사합니다 :D

  • @danueyang7191
    @danueyang7191 2 года назад

    왼손잡이시네요!! ^^ de la main gauche

  • @그지근성-j1y
    @그지근성-j1y Год назад

    이그잼플 한번에 여러종류는 못가져가나요.. 헤더 .. 푸터 사이드 버튼 종류별로 그것도 알여주세요

  • @BruceHan_
    @BruceHan_ 2 года назад

    눈나...좋은 정보 감사합니다 :)

  • @김재윤-d4l
    @김재윤-d4l 5 месяцев назад

    사랑한다

  • @XRP3M
    @XRP3M 2 года назад

    안녕하세요. 영상 잘봤습니다. 혹시 단절된 오프라인 망에서도 부트스트랩을 사용할 방법이 있을까요?

  • @GK-bh5vu
    @GK-bh5vu 2 года назад

    코알누나 유료강의에서도 더 배울만한거 추가 해주세요!!!

  • @蒲池幸子-k8g
    @蒲池幸子-k8g 2 года назад

    되게 이쁘시네요 진짜....제 나이 56인데 설레입니다.

  • @모처럼-m4x
    @모처럼-m4x 2 года назад

    감사합니다

  • @essence_xx
    @essence_xx 2 года назад

    누나 정말 잘봤어요!!! 채고!!!!!!!!!!!!!!!!!!

  • @insoolee7570
    @insoolee7570 2 года назад

    잘 보고 있어요

  • @dfe2847
    @dfe2847 2 года назад

    코알누님, 영상 보고 저도 제 사이트를 바로 만들었어요! 감사합니다ㅎㅎ
    그런데, 인터넷 상에서는 검색이 안되던데 이거는 어떻게 해야 되나요?

  • @MD-te1lz
    @MD-te1lz 2 года назад

    프론트엔드 개발자를 희망하는데 화면 구성하는게 생각만큼 쉽지않네요...어느정도 수준으로 해야되는지 궁금합니다ㅠㅠ

  • @ahnnature
    @ahnnature 2 года назад

    🙋‍♂️😄💕👍 구독합니다.

  • @leeeunglae2
    @leeeunglae2 2 года назад

    엑셀에 개발도구와 VB 나오게 하려면 어떻게 하면 되나요

  • @Hello_MilkyWay
    @Hello_MilkyWay 2 года назад

    강의가 이해하기 쉽네요.
    많은 도움이 될 것 같습니다.
    다만, 한가지는,,, 말씀중에 어! 응!.. 짧게 말하는 "어!" 이 단어가 너무 신경이 쓰입니다.

  • @불뿜는고릴라
    @불뿜는고릴라 2 года назад

    그럼 부트스트랩도 라이브러리인가요?

  • @hojaejang4502
    @hojaejang4502 Год назад

    존예...

  • @joshuakim1276
    @joshuakim1276 5 месяцев назад

    이뻐요

  • @오일킹
    @오일킹 2 года назад

    1분만에 완성 되는건가요?

  • @TaehoPark-n4p
    @TaehoPark-n4p 2 года назад

    역시 아직은 문서보다는 누나가..

  • @TV-xf4wp
    @TV-xf4wp 2 года назад

    누나 사랑해요

  • @댕댕-l4m
    @댕댕-l4m Год назад

    언니저사이트 만든거 다른사람에게 보여주면 어떻게해요?
    이미지도같이보여주고싶은데요ㅠㅠ

    • @kingchobo
      @kingchobo Год назад

      웹호스팅을 가입하고 거기에 만든 자료를 업로드해서 보여주면 됩니다.

  • @chubrar
    @chubrar 2 года назад

    이뻐~

  • @juwhankim6187
    @juwhankim6187 2 года назад

    오우 예

  • @jeffrey0208
    @jeffrey0208 2 года назад

    부트스트랩!!

  • @이예나-n6q
    @이예나-n6q 2 года назад

    포트폴리오를 만들때 이걸 사용해도될까용?ㅠ

  • @boredtime001
    @boredtime001 2 года назад

    bootstrap 좋긴 좋은데요, 인터넷이 잘 안되는 대에서 속도가 느리지 않겠어요 .? 누나!

    • @코딩알려주는누나
      @코딩알려주는누나  2 года назад +1

      부트스트랩 다운받아서 로컬에서 돌릴 수도 있슴당

    • @boredtime001
      @boredtime001 2 года назад

      @@코딩알려주는누나 알겠습니다