한시간만에 끝내는 부트스트랩 입문
HTML-код
- Опубликовано: 8 сен 2024
- [개발자의 품격] 품격있는 개발자 되기!
이번 강좌의 주제는 "한시간만에 끝내는 부트스트랩" 입니다.
부트스트랩은 기본적으로 그리드 시스템을 통해 반응형웹을 지원해줍니다.
그리고 다양한 UI 컴포넌트를 활용해서 우리가 원하는 페이지를 쉽게 개발할 수 있도록 해줍니다.
무료/유료 다양한 테마를 활용하면 손쉽게 서비스 사이트가 구현이 되는 장점이 있습니다.
그래서 부트스트랩은 전세계 개발자가 가장 많이 사용하는 디자인/퍼블리싱 프레임워크입니다.
개발자가 부트스트랩을 사용하면, 디자이너나 웹퍼블리셔 없이도 멋진 사이트를 만들 수있습니다.
와 그냥 복붙 사이트인줄 알고 왜 HTML 코드만 달랑 있나 했는데 엄청난 프레임워크였네요. 이게 뭐라고 영상이 다 두세시간이지 하고 그나마 짧길래 들어왔는데, 실용적이고, 알차게 구경 잘했어요! 프론트엔드 공부 2달만에 신세계에서 새롭게 시작해야겠어요. 템플릿들을 보니 그동안 공부할 겸 만든 제 웹이 개성적으로 느껴져서 나쁘진 않네요.
29:24 button style
32:18 slides
34:12 collapse
37:36 drop down
45:22 list group-with badges
46:19 media lists
46:37 modals
51:25 pagination
54:14 tooltips
54:55 scrollspy
1:01:11 hiding elements
완강하고 나서 프레임워크를 쓴다는 것이 얼마나 편리한 것인지 몸소 느끼게 되었습니다. 프론트 배운지 한 달도 정도 됐는데 연습한답시고 삽질하면서 만든 웹페이지가 있습니다. 이 영상을 조금 빨리 봤다면 그 웹페이지를 'bootstrap을 사용해서 만들었을텐데'라는 미련이 남네요. 질 좋은 강의 정말 감사합니다.
감사합니다
django로 프로젝트 중인데 해당 영상으로 도움을 많이 받았습니다. Template UI설계에 많이 약했었는데, 덕분에 많이 도움 받았습니다. 정말 감사할 따름입니다. 앞으로도 좋은 영상 올라왔으면 좋겠습니다.
감사합니다 앞으로도 좋은 영상 올리도록 노력하겠습니다
가볍게 볼 수 있는, 하지만 그 속에 중요한 내용이 실무와 연결되어 잘 설명되어 있는 강의네요. 좋은 강의 감사합니다.
좋게 봐주셔서 감사합니다
루비온레일즈를 기반으로 배우고 있습니다. 독학하는데 강사들이 프론트앤드를 대부분 휙휙 넘어가서 혼자 해보려고 찾다가 여기까지 왔네요. 도움이 많이 됐습니다!
감사합니다
부트스트랩 전반적인 맛보기 쉽게 설명해 주셔서 이해가 쉬웠습니다.
감사합니다.
500번째 좋아요 눌렀습니다. 앞으로 점점 더 늘어날것 같습니다. 잘 배웠습니다.
감사합니다
속성으로 정말 핵심만 찝어서 좋습니다 굿강의네여
지나가던 데이터 사이언스 전공자입니다,., 건강하시고 좋은 영상 많이많이 올려주세요!.!
부트스트랩의 코드를 복사해서 쓰기만해도 태그의 사용법을 잘 알 수 있는 공부가 되겠네요 감사합니다
하 이런걸 찾고있었어요...ㅠㅠ 구독했습니당.. 감사함당
놓칠 내용이 하나도 없네요 ㄷㄷ.. 1시간 6분 다 봤어요
좋은 강의 감사합니다!!
완강 축하드립니다.
부트스트랩이 너무 방대해서 어떻게 해야할지 몰라 고통 받고 있었어요... 속도도 잘 안나고... 이 강의 들으면서 조금은 해답을 찾은 것 같아서 감사합니다. ㅠㅠ
좋은 강좌 감사합니다 토이 프로젝트에 직접 다 만들어서 해볼까 했는데 부트스트랩으로 적용해봐야겠습니다 ㅎㅎ
차분하고 꼼꼼한 강의 잘 공부하고 갑니다. 감사합니다~
정말 간편하고 좋네요..! 감사합니다
감사합니다..! 프로젝트에서 사용하려고 하는데, 도움이 되었습니다..!
어떻게 공부를 해야될지 딱 정리되는 내용 감사합니다.
최고의 강의입니다!!
감사합니다
지금 절반정도 듣고있는데
너무 차분하고 딱 좋은 설명입니다 !
감사합니다
Flask 연습중인데 좋은 강의 감사드려요!
와 진짜 너무 좋은 강의입니다ㅎㅎ 감사합니다!
좋게 들어줘서 감사합니다
좋은 강의 감사드려요
너무 감사합니다
좋은 영상 감사합니다!
오 너무 좋은 설명 감사합니다.
혼자 해보려고 하니 감이 안왔는데 이제 시작할 수 있을거 같아요!
명강의 너무 감사합니다
잘 배우고 갑니다
감사합니다.
왕초보인데요 많은 도움이 된거 같아서 정말 감사합니다 ~~
근데 유틸리티 부분도 세세하게 설명해주셨으면 좋겠다 생각했는데 조금 아쉬워요 시간이 되시면 초보를 위해서 유틸리티도 설명하는 영상 제작해주시면 안될가요?? ㅎㅎ
좋은 강의 감사합니다!
감사합니다 ~ 내용 넘 좋네요
고퀄의 강의 감사합니다^^~
와 유익하네요 ㄷㄷ
좋은 강의 감사합니다
너무 좋은 강의 입니다. 감사합니다.
한시간만에 정리 너무 좋네요. .감사합니다 .
유익햇다
도움이 많이 되었습니다. 감사합니다.
정말 도움 많이 되었습니다. 감사합니다.
선따봉 후감상... 저도 개발자인데... 잘볼게요... ^^
잘 봤습니다.
감사합니다. 잘들었어요.
근데 추가 강의는 어디 있나요?
감사합니다~~~ ^^
이 채널 흥해라~~ 너무 좋아요~
감사합니다
감사합니다!!
오늘은 너로 결정했어~
정말 좋은 강의 감사드립니다. bootstrap 강의 중 단축키로 자동 html 완성 같은 것을 사용하시는 것 같은데 사용하시는 visual studio code extension 좀 참고할 수 있을까요?
Html snippets 설치하시면 됩니다
아이디가 멋있네요
안녕하세요. 완전 쌩초보라서 사용중인 개발환경에도 관심이 있는데요. visual studio code에서 html관련 사용하시는거나 추천해주실만한 extension을 공유해주실수있나요??
별도로 개발환경구성 영상 만들어서 올리도록 하겠습니다
이거 부트스트랩 4.X네요. 5.0되면서 너무 많이 바꿔서 심지어 CSS도 SCSS라고 지맘대로 바꾸고 자바스크립트는 이렇게 꼴리는데로 바꿔서 망하고 있습니다. Bootstrap Web을 React로 바꿀수도 있는데 5.0에서는 좀 힘들것 같네요... 하여튼 이 망할 X들...
점보톤같은거도빠졌네요
강의 감사합니다. 그런데 녹음된 목소리가 너무 작아요. ㅠ
친절한 설명 감사합니다. 영상에서 버전이 4.5 였는데 지금 최신 버전이 v5.0 입니다. 안정성을 위해서는 이전 버전의 것들을 쓰는 것이 나을까요??
최신버전 사용해도 문제 없을듯 합니다. 저도 최신버전 사용하고 있어요
@@thegreat-programmers 감사합니다!
아래 영상은 버전5로 진행한 영상입니다. ruclips.net/video/LjDouK_dI3o/видео.html
선생님 리액트로 프론트엔드 프로젝트 할때 부트스트랩같은 UI 프레임워크를 안쓰고 작업하면 무조건 완성도가 떨어질텐데, 프레임워크를 안쓰고 같은시간에 동일한 작업을 하는건 비추하나요? 이미 나온 바퀴들이 있는데 굳이 안쓸필요가 있을까 싶기도하고.. 실력 쌓기(?) 느낌으로 프레임워크를 안쓰고 하는건 바보같은 선택일까요?
요즘 현실에서도 부트스트랩으로 하나요?
네 많이 사용합니다
부트스트랩을 하면서 궁금한 점이 생겼는데 ㅜㅜ 어디 물어볼때가 없어 여쭤봅니다 ㅜㅜ col-md-3 이렇게 4개를 만들고 그 박스 사이로 마진은 못넣나요? ㅜㅜ
29:26
html 열어서 보는 저 검은색 환경은 뭘 깔아야하나요? 초보입니다
비주얼 스튜디오 코드 입니다
안녕하세요. 우선 좋은 영상 감사합니다.
완전 초보로서 이 영상을 통해 시작해보려고 하는데요,
영상 초반에서 부트스트랩 링크 가져오는 부분에 관련해서 CSS는 copy가 되지만, JS 링크가 나오지 않습니다.
혹시 이 문제를 해결할 수 있는 방법이 있을까요?
좀 더 자세히 보니 JS가 Bundle, Separate, Modules 등으로 구분된것 같은데
이 중에서 하나 골라서 진행하면 되려나요...?
네 맞습니다
게시판 활성화 할려면 DB세팅이 필요한가요?
네 필요합니다
부트스트랩이 뷰,리엑트,앵귤러에서도 쓰나요?
어디서든 쓸수 있습니다
휴 503번째에 좋아요 누를 뻔..
감사합니다!
감사합니다.
유익한 영상 감사합니다!