반응형 부트스트랩3 부트스트랩에서 integrity와 crossorigin은 무엇일까? 부트스트랩을 사용할 때 생기는 integrity와 crossorigin은 도대체 무엇? Bootstrap을 사용하기 위해 getbootstrap.com에 접속해서 습관적으로 부트스트랩 링크를 복사해서 붙여 넣곤합니다. 매번 아무 생각없이 붙여 넣기도 했는데, 가만 살펴 보면 integrity와 crossorigin이라는 속성이 매번 따라 붙습니다. 필요없는데 괜히 생기는 건 아닐테고... 이 참에 한번 파보기로 합니다. integrity = 진실성? corssorigin = 원산지 교차? integrity라는 단어를 영어 사전에서 찾아보면 '진실성'이라고 나옵니다. 우리가 아는 단어로는 honesty와 비슷한 의미입니다. cross origin은 단어 그대로 origin(원산지, 기원)이 cross(교차.. 2023. 1. 20. 부트스트랩 Layout의 시작 - BreakPoints, Container, Grid Bootstrap은 그냥 예제 코드를 가져다 복붙해서 사용하는 아주 편리한 방식을 제공합니다. 그래서 보통은 Button과 같은 엘리먼트를 먼저 사용해보면서 작동방식을 익혀나가게 되는데요, 웹사이트를 만들면서 정말 정말 중요한 것은 바로 Layout을 잡아나가는 과정이 될 것입니다. 레이아웃을 잡지 않은 상태로 버튼만 가져다가 사용하거나 하진 않을테니까요. 그래서 이번에는 부트스트랩을 사용할 때 마다 매번 반복되는, 초기 세팅방식과 레이아웃에 대한 이해를 해두기로 합니다. 부트스트랩 Layout의 시작 부트스트랩의 표어는 Build fast, responsive sites. 즉 반응형 사이트들을 빠르게 만들수 있다! 라는 것입니다. 사실 부트스트랩이 얼마나 큰 편리함을 제공하는가에 대해서는, 이미 HTM.. 2022. 12. 24. Bootstrap을 이용한 반응형 Article 만들기 기초 부트스트랩(Bootstrap) 부트스트랩은 CSS를 활용한 프레임워크라고 볼 수 있습니다. 뭔가 상당히 어려운 말로 들리기는 한데 결론적으로 웹 페이지 제작시 사용하게 되면 매우 큰 도움을 줍니다. Boot + strap = 신발끈? 부츠 앞을 조이는 끈을 영어로 부트스트랩이라고 하죠. 그래서 이번에는 아주 기초적인 부트스트랩 사용법을 정리해보기로 합니다. 결과물 미리보기 아래와 같은 결과물을 만들려고 합니다. 웹 페이지에서 흔히 볼 수 있는 제목 + 내용 + 버튼의 조합을 이루는 컨텐츠의 형태입니다. 부트스트랩은 '반응형'을 기본으로 하고 있기 때문에 기본적으로 반응형 결과물로 만들어집니다. 같은 결과물을 가지고 브라우저 가로 폭을 늘려보면 알아서 잘 반응형으로 보여집니다. 빈 HTML 문서 준비 VS.. 2022. 12. 11. 이전 1 다음 반응형
