안녕하세요 반응형 웹사이트를 쉽게 만들 수 있고 우리를 css늪으로 부터 탈출 시켜줄 부트스트랩이라는걸 오늘 배워보아요! 00:00 인트로 02:07 부트스트랩 시작하기 05:12 버튼 가져오기 07:11 동작원리 09:30 카드가져오기 12:33 그리드 시스템 (중요) 19:03 1분만에 웹페이지 만드는 방법 코딩을 더 배우고 싶다고? 여기 추천! codingnoona.thinkific.com/
좋은 영상과 자료 잘 보았습니다. 1999년도에 웹페이지를 php로 한참 개발해 보고 손뗀지 정말 오래 되었거든요. 그 때오 단순 코딩이 너무 하기 싫어서 디자이너가 드림위버로 만들어준 파일에 php 껴넣어서 프로그래밍 했었는데, 세상 참 좋아졌습니다. 너무 신박해서 놀랐습니다. 자주 들러서 영상 시청하겠습니다. 만드시느라 고생하셨습니다. 정말 잘 봤습니다. ^^
저는 지금 캐나다 밴쿠버에 살고 있는 은행직원 (banking sys admin)인데 지난 1년간 BCIT라는 polytechnic institute에서 python이랑 java로 OOP랑 API 수업을 성공적으로 마쳤습니다! 곧 BCIT에서 제공 하는 ASD (Applied Software Development)라는 자격증을 딸 예정입니다! 미래 개발자가 필요하시면 연락 주세요!
서버 개발자가 목표인 학생입니다. 앞단은 html,css 나름 리뉴얼 정도만 할 수 있는 실력이라 개인 포폴 준비할 때 걱정이 조금 있었습니다. 왜냐면 얼마전 제 기술 블로그 꾸밀 때 다크모드 버튼을 적용 시키는데 js를 할줄 몰라서 진짜 반나절은 꽁꽁 해매다가 해결했던 기억이 있거든요.. html,css는 가능한 한 제가 만들고, js는 부트스트랩을 이용해서 스프링으로 서버까지 만들 행복회로 돌리고 있습니다 감사합니다
질문 있습니다. 강의 보면서 부트스트랩을 이용해서 홈페이지를 만들어 보고 있는데... 보통 버튼을 누르면 이메일을 보내는 코드가 잘 안되서 연락드립니다. 어떻게 해야 하나요? 부트스트랩에 있는 내용으로 작업해서 클립하면 다음 반응이 없습니다. 버튼을 클릭하면 이메일을 보낼수 있는 창이 나타나면서 상대방에게 이메일을 보내고 싶거든요..
부트스트랩은 홈페이지의 외형적인 frame만을 빨리 작성할 수 있도록 해주는 역할을 하는 것 같아요 그렇기 때문에 무엇을 누른다고 해서 어떤 action이 일어나지는 않죠 어떤 동작을 원하시면 자바스크립트 및 다른 기능을 할 수 있도록 외형적인 프레임에 동작을 원하는 것들을 구현해야 가능합니다. 예를 들면 로그인 버튼, 이메일 보내기 버튼의 외형은 부트스트랩을 통해 쉽게 만들 수 있지만 그것을 동작하게 하는 것은 개발자의 몫인 것이죠
좋은 영상 감사합니다. 백엔드 공부를 하는데, 이전에 배운 html과 css가 머리에서 반은 날아가서 프로젝트를 걱정했는데 반은 해결된거 같습니다. 그런데 개인적으로 이렇게 가지고 와서 쓴 css코드를 이용해 제가 만든 프로젝트를 제출하게 되면 과연 성공적으로 취업이 가능한가가 걱정입니다. 취업을 위한 프로젝트를 준비한다면 직접 css코드까지 짜서 스스로 하나하나 만드는게 좋은가요 아니면 백엔드쪽을 하는거면 부트스트랩을 이용해서 별로 문제가 안될까요
질문이 있습니다 부트스트랩을 남발하지 않거나 부트스트랩을 사용한다 하더라도 차별화된 개발자가 될려면엌덯게 해야하나요??? 어제 메뉴바 하나 만들어볼려다 글자 정렬 flex 를 알게되고 display를 부모 태그로 가진다... 이럴 경우 좌우 정령 text-align center 가 안먹힌다 이런저런걸 배웠는데 혼자 공부하다부트스트랩 보면 현타가 와서 이런식으로공부하는게 맞는건지 모르겠습니당
안녕하세요 반응형 웹사이트를 쉽게 만들 수 있고 우리를 css늪으로 부터 탈출 시켜줄 부트스트랩이라는걸 오늘 배워보아요!
00:00 인트로
02:07 부트스트랩 시작하기
05:12 버튼 가져오기
07:11 동작원리
09:30 카드가져오기
12:33 그리드 시스템 (중요)
19:03 1분만에 웹페이지 만드는 방법
코딩을 더 배우고 싶다고? 여기 추천!
codingnoona.thinkific.com/
댓글 고정 안함?
재가 부트스트랩을 경험 햇을때 어디서 원리나 사용법을 알수가 없어서 엄청 해맷고 날밤 세면서 외국사이트를 돌아 다녔었는데
지금은 세상 많이 좋아졌네요.
유튜브 한번이면 아주 쉽게 원리를 이해할수 있는 세상이니...
유용한 동영상 잘보고 갑니다.
좋은 영상과 자료 잘 보았습니다. 1999년도에 웹페이지를 php로 한참 개발해 보고 손뗀지 정말 오래 되었거든요. 그 때오 단순 코딩이 너무 하기 싫어서 디자이너가 드림위버로 만들어준 파일에 php 껴넣어서 프로그래밍 했었는데, 세상 참 좋아졌습니다. 너무 신박해서 놀랐습니다. 자주 들러서 영상 시청하겠습니다. 만드시느라 고생하셨습니다. 정말 잘 봤습니다. ^^
5:14 부트스트랩:
13:18 그리드:
언니 고맙습니당👍
감사합니다! 백엔드 준비하는 취준생입니다! 프로젝트 어떻게 해야하나 막막했는데 큰 문제가 해결되었어용!!
우와 ! ... 진짜 누나 영상 보면 볼수록 뇌가 살찌는 기분이 드네요 최고에요 누나 그리고 유익한 영상 감사합니다!
강의 집중력을 더해주는 목소리에 미모까지 후,,, 어지럽다 ㅠ 영상 하나도 빠짐없이 잘 보고있어용 감사합니다💜
표정이 참 풍부하시고 아름다우시네요 좋은 강의 감사드립니다 ~
와 숨도안쉬고 다봤어요! 친절하고 퀄리티 좋은 강의 감사해요!!!❤
정말 좋은강의 감사드립니다!
더 많은 분들이 개발자가되어 해외로 나와줬으면 합니다. 특히 캐나다 :)
캐나다 좋져~~~~(토론토 3개월 거주 경험있음)
저는 지금 캐나다 밴쿠버에 살고 있는 은행직원 (banking sys admin)인데 지난 1년간 BCIT라는 polytechnic institute에서 python이랑 java로 OOP랑 API 수업을 성공적으로 마쳤습니다! 곧 BCIT에서 제공 하는 ASD (Applied Software Development)라는 자격증을 딸 예정입니다! 미래 개발자가 필요하시면 연락 주세요!
사용방법에 원리까지 알려주셔서 정말 이해가 잘갔습니다 감사합니다ㅎㅎ
강의 방송 진행 너무 잘하세요, 내용도 멋지구요. 저도 모르게 계속 듣게 되네요.
코딩공부영상을 넷플릭스 보듯 보고 있는 내 자신 발견 ㅎㅎ 너무재밌고 유익해요. 감사합니다.
지식은 공부를 통해 배우고, 지혜는 행하므로 배운다 했습니다.... 고맙습니다..... 많은기쁨 가득한 나날되십시요. OTL
부트스트랩 확실히 이해했습니다. 시원스런 강의 너무 좋아요!!!
제가 나이가 넘 많아서 걱정이되는데 도움이 많이 되었습니다.
감사합니다.
이해하셨다니 제가 다 기분이 좋네요!! 🥰
속성 스피드! 정확!
부트스트랩 강의 감사합니다.
잘 활용할게요 ^^
잘하는사람이 더 잘하려구 노력할때 나오는 영상들인거 같아요 매번감사합니다...!
항상 잘보고 있어요 ^^ 코로나 심해지는데 건강 유의하시고 앞으로도 좋은 영상 많이 부탁드려요~
이미 한번 걸렸습니당!그래도 걱정 감사합니당!
정말로 감사합니다 ㅠㅠ. 개발을 처음 시작했는데 누나 덕분에 정말로 도움 받았습니다. 다시한번 감사드립니다
이런 댓글 너무 감사드립니다!
우아 설명이 깔끔하고 재밌어서 금방 다 봤네요 ㅎㅎㅎ
이분은 이유업이 그냥좋고 앞으로도계속좋을거같다!
나도 이댓글이 너무좋고 앞으로도 종종와서 봐야겠다
이 누나 찐이다! 내가 코딩 공부 할 때 알았더라면 개발자를 그만두지 않았을텐데 ㅜㅜ
구독! 좋아요! 누르고 갑니다!
지금도 늦지않았슴다!
정말 1분만에 만들고 싶 다. 이 분 매력있네요 만날수있으면 만나보고싶어.
Thank you for this video, a great approach to Front-end development, and fast forward dev for prototyping 💜
코딩 기초 알고싶어 영상 시청중인데 시간 가는줄 모르네요. 좋은 정보를 제공 해주셔서 감사합니다.
누나 구독하고 가요 - 웹퍼블리셔를 꿈꾸는 사람인데 진짜 많은 도움되네요 ~~
올 만에 보는 누나 !!! 와 이리 살이 빠졌노 ??? 영상 감사요 ㅎㅎㅎ
코로나로 아픈 직후라서... 살이 많이 빠졌어요
@@코딩알려주는누나 안돼요, 아프지마요. 볼이 통통한 누나가 좋아요.
킹왕짱 수업 잘 들었습니다!
서버 개발자가 목표인 학생입니다. 앞단은 html,css 나름 리뉴얼 정도만 할 수 있는 실력이라 개인 포폴 준비할 때 걱정이 조금 있었습니다. 왜냐면 얼마전 제 기술 블로그 꾸밀 때 다크모드 버튼을 적용 시키는데 js를 할줄 몰라서 진짜 반나절은 꽁꽁 해매다가 해결했던 기억이 있거든요.. html,css는 가능한 한 제가 만들고, js는 부트스트랩을 이용해서 스프링으로 서버까지 만들 행복회로 돌리고 있습니다 감사합니다
그 행복회로 성공하셨길 🥰🥰
코딩눈나 덕분에 무작정 책이나 강의 따라하는 식의 타자 연습에서 생각이라는걸 하게 되어 고맙습니다^^ 이렇게 좋은걸 이제서야 찾게 됬네요 !
저도 이런 좋은댓글 이제야 보게 되네요
부트스트랩안써두 보면서 공부해도 도움되겠네요. 감사합니다
우와 짱짱! 이걸로 웹이 예뻐질거 같아요
하도 부트스트랩 부트스트랩 하길래 도대체 뭔가…하며 알아볼 생각은 안했는데 이런거였네요 대박사건..!!!!!
많이 안써봤느데 이제 보니까 꿀잼이네요 ㄷㄷ
와 진짜 친절하게 설명해주셔서 개고맙습니다ㅠㅠ 유입인데 바로 구독....
17:26 심쿵
질문 있습니다. 강의 보면서 부트스트랩을 이용해서 홈페이지를 만들어 보고 있는데... 보통 버튼을 누르면 이메일을 보내는 코드가 잘 안되서 연락드립니다. 어떻게 해야 하나요? 부트스트랩에 있는 내용으로 작업해서 클립하면 다음 반응이 없습니다. 버튼을 클릭하면 이메일을 보낼수 있는 창이 나타나면서 상대방에게 이메일을 보내고 싶거든요..
창을 띄우는데 자바스크립트가 필요하고요, 메일 발송은 백엔드 언어 하나 (예 php, python 등 ) API 연동 기술이 필요합니다.
부트스트랩은 홈페이지의 외형적인 frame만을 빨리 작성할 수 있도록 해주는 역할을 하는 것 같아요
그렇기 때문에 무엇을 누른다고 해서 어떤 action이 일어나지는 않죠
어떤 동작을 원하시면 자바스크립트 및 다른 기능을 할 수 있도록
외형적인 프레임에 동작을 원하는 것들을 구현해야 가능합니다.
예를 들면 로그인 버튼, 이메일 보내기 버튼의 외형은 부트스트랩을 통해 쉽게 만들 수 있지만 그것을 동작하게 하는 것은 개발자의 몫인 것이죠
누나를 만난건 정말 행운이야... 고마워요 ❤
너의댓글을 읽은건 나에게도 행운이야🥰
오늘도 아름다우십니다!
html css 시작한 지 이틀째 되는데 이 영상을 봐버렸네요...ㅋㅋㅋㅋ
그래도 조언하신 대로 우선 기초 실력부터 쌓고 이용하겠습니다!
좋은 영상 감사합니다! 질문이 하나 있는데, 프론트엔드 개발자 신입으로 지원한다면, 부트스트랩으로 UI를 작성해도 문제가 없을까요?
아무래도 CSS나 JS 방면으로 스스로 처리해아 할 부분들을 다 해줘서, 면접관님들이 어떻게 보실지 궁금해요!
예쁘니까 화면과 강의에 집중이 되는 나라니... 구독 꾹
와 꿀꿀팁 감사합니다^^ 구독했어요~ 자주뵐게요!!
좋은 강의 감사합니다~
어드민 페이지 구현하는데 많은 도움되었습니다
감사합니다~~
썸넬 졸라 이쁘시네요 ㄷㄷ 자꾸 문과생에게 개발자 뽐뿌 넣는거 어떻게 책임지실거에욧!! ㅋㅋ
감사합니다!! 좋은 정보 정말 사랑해요
늦게 왔지만 좋은 영상 감사해용
마지막 플젝에 부트스트랩 쓰는중인데
인스타처럼 할려고 modal and carousel쓰는 중인데 ajax로 DB주고 받기가 넘 힘드네요
영상감사해요 빠이팅
이언니 개발자치고는 정말 텐선 쩐다 ㅋㅋ
설명을 너무 잘하시네요 감사합니다.
부트스트랩 정말 좋은 라이브러리죠 ㅎㅎㅎ
tailwind css도 다뤄주세요 눈나
소프트웨어 마이스터고 준비하는 고등학생인데 웨서버개발하는거에서 막혔는데 이런걸 알려주시다니 감사합니다.^^
오늘 연기도 귀염뽀짝하군요.
너무조아~ >_
bootstrap 이 무엇인지 궁금했는데... 좋은 강의 진심 감사합니다.
안녕하세요. 이 동영상을 통해 부트스트랩에 대해 잘 알게 되어서 감사합니다. 앞으로 부트스트랩에 대해 궁금해 할 수 있는 사람들을 위해 이 영상을 홍보하고 싶은데 괜찮을까요?
네! 영상출처만 잘 남겨주세여!
구독 ~! 잘 배우도록 하겠습니다,
좋은강의 너무 감사드립니다 !! 다른 설명에서는 폴더를 가져와서 붙여넣고 경로를 쓰는 방식으로 하던데 저렇게 링크만 가져오면 이런 과정은 필요없는ㄱ ㅓㄹ까요??
네!
이런 디자인 웹이 하도 많아서 뭔가했는데 이거였구나 감사합니다
이해하셨다니 😍
너무 귀여우시고 귀에 쏙쏙
중년이지만 나중을 위해 공부 한다고
이거저거 책을 샀지만 장식용이 되어버렸네요 업무자동화나 앱을만들고픈데 어떤책 어떤수업을
들으면 좋을까요
앱이라면 안드로이드 스튜디오 공부 추천드립니다!
@@코딩알려주는누나 안드로이드 어렵던데요 부트스트랩은 안되는건가요
프론트를 심각하게 못하는(미적 감각 제로) 백엔드 과정 수강생으로서 안 쓸 수가 없네요...!!
감사합니다~!
첫방문입니다. 부담스럽게 가까운 얼굴(미인이라 용서),
반말 반 존댓말 반 어투(목소리 예뻐서 용서)
딴 생각 할 틈을 안주는 속사포 ( 홀린 것 같음)
뼈때리는 지적 (맞아도 기분좋음)
좋댓구알을 안할수가 없네요 ㅎ
악플인거같은데(끝까지 읽어보고 용서)
묘하게 끌리는 댓글(홀린 것 같음)
좋아요를 안눌러줄수가 없군용
치트키 꿀팁 감사합니다. NGD를 벗어나겠군요.
꿀 떨어지는 날 되세요. 좋아요 구독 눌렀어요.
명강사^.^ 이제 저도 개발자가 되겠습니다.~~
감사합니다🥰🥰
좋은 영상 감사합니다.
백엔드 공부를 하는데, 이전에 배운 html과 css가 머리에서 반은 날아가서 프로젝트를 걱정했는데 반은 해결된거 같습니다.
그런데 개인적으로 이렇게 가지고 와서 쓴 css코드를 이용해 제가 만든 프로젝트를 제출하게 되면 과연 성공적으로 취업이 가능한가가 걱정입니다.
취업을 위한 프로젝트를 준비한다면 직접 css코드까지 짜서 스스로 하나하나 만드는게 좋은가요 아니면 백엔드쪽을 하는거면 부트스트랩을 이용해서 별로 문제가 안될까요
백엔드라면 부트스트랩만 잘 가져다 써도 되죠. (직접 짜면 금상첨화)
강의 멋지네요!! :)
감샴다!
와우......감사합니다ㅠㅠ
궁금한게 유로 테마 구매하면 여러사이트에 적용할수 있는건가요 ?
리액트 처음 강의듣고 혼자 프로젝트만드는데 너무 허접해서 부트스트랩을 쓰려고하는데 리액트에서도 저렇게 사용이 가능한가요?
네! 리액트 부트스트랩이 있습니다 !
약간 어려운것 같은데
목소리에 빠져드네요
질문이 있습니다
부트스트랩을 남발하지 않거나
부트스트랩을 사용한다 하더라도
차별화된 개발자가 될려면엌덯게 해야하나요???
어제 메뉴바 하나 만들어볼려다
글자 정렬 flex 를 알게되고 display를 부모 태그로 가진다...
이럴 경우 좌우 정령 text-align center 가 안먹힌다
이런저런걸 배웠는데
혼자 공부하다부트스트랩 보면 현타가 와서
이런식으로공부하는게 맞는건지 모르겠습니당
정말 깔끔한 강의입니다
좋은강의 감사합니다!!
과하지만 빠...빠져든다. 감사합니다 :D
왼손잡이시네요!! ^^ de la main gauche
이그잼플 한번에 여러종류는 못가져가나요.. 헤더 .. 푸터 사이드 버튼 종류별로 그것도 알여주세요
눈나...좋은 정보 감사합니다 :)
사랑한다
안녕하세요. 영상 잘봤습니다. 혹시 단절된 오프라인 망에서도 부트스트랩을 사용할 방법이 있을까요?
부트스트랩 다운받으셔서 쓰실 수 있습니다!
코알누나 유료강의에서도 더 배울만한거 추가 해주세요!!!
되게 이쁘시네요 진짜....제 나이 56인데 설레입니다.
저도 이 댓글이 설레입니다..😊
감사합니다
누나 정말 잘봤어요!!! 채고!!!!!!!!!!!!!!!!!!
영상을 다 봤다니!! 채고!!
잘 보고 있어요
코알누님, 영상 보고 저도 제 사이트를 바로 만들었어요! 감사합니다ㅎㅎ
그런데, 인터넷 상에서는 검색이 안되던데 이거는 어떻게 해야 되나요?
프론트엔드 개발자를 희망하는데 화면 구성하는게 생각만큼 쉽지않네요...어느정도 수준으로 해야되는지 궁금합니다ㅠㅠ
🙋♂️😄💕👍 구독합니다.
엑셀에 개발도구와 VB 나오게 하려면 어떻게 하면 되나요
강의가 이해하기 쉽네요.
많은 도움이 될 것 같습니다.
다만, 한가지는,,, 말씀중에 어! 응!.. 짧게 말하는 "어!" 이 단어가 너무 신경이 쓰입니다.
그럼 부트스트랩도 라이브러리인가요?
존예...
이뻐요
1분만에 완성 되는건가요?
역시 아직은 문서보다는 누나가..
그지그지😆
누나 사랑해요
나도오😊
언니저사이트 만든거 다른사람에게 보여주면 어떻게해요?
이미지도같이보여주고싶은데요ㅠㅠ
웹호스팅을 가입하고 거기에 만든 자료를 업로드해서 보여주면 됩니다.
이뻐~
오우 예
부트스트랩!!
포트폴리오를 만들때 이걸 사용해도될까용?ㅠ
네네
bootstrap 좋긴 좋은데요, 인터넷이 잘 안되는 대에서 속도가 느리지 않겠어요 .? 누나!
부트스트랩 다운받아서 로컬에서 돌릴 수도 있슴당
@@코딩알려주는누나 알겠습니다