무라언니

누구나 쉽고 간편하게 따라할 수 있는 집밥레시피를 연구하고 있습니다 요리초보자도 한 끼 거뜬하게 만들어 먹을 수 있는 노하우 모두 가져가세요

코딩IT리뷰

부트스트랩(Bootstrap) 설치하고 사용하는 방법 안녕하세요아이언스카이입니다 오늘은 부트스트랩에 대하여 알아보고 설치, 사용하는 방법에 대해 알아볼게요 부트스트랩은 이미 만들어진 다양한 화면을html 코드 복붙만 해서 홈페이지 화면이 완성되게끔 만들어진 프로그램인데요 물론 중간중간 css 가 필요한 부분도 있지만디자인에 자신없는 프론트엔드개발자들에게는 유용한 프로그램이랍니다게다가 모두 한글로 번역되어 있어서 우리가 가져다 쓰기도 쉽구요 그럼 지금부터 설치하는 것부터 알아 보겠습니다부트스트랩을 사용하기 위해서는 html 화면에 추가해 주어야 하는코드들이 있기 때문입니다~>_ 03. 부트스트랩 필요한 파일 내 폴더에 붙여넣기 그럼 지금부터는 붙여넣은 코드와 이름이 같은 파일을제가 진행할 폴더 안에 똑같이..

코딩IT리뷰

html/css 크기가 다른 사진 일정하게 배치하는 방법 안녕하세요아이언스카이입니다 홈페이지 등을 만들 때 크기가 모두 다른 사진들을한 공간에 배치해야 하는 경우가 있는데요 사진크기가 다른 경우 html/css 를 이용하여일정한 크기와 간격으로 배치하는 방법을 알아 보겠습니다위 사진처럼 음식주제로 사진들을 배치해 본다고 가정할게요 위 사진들은 구글 이미지에서 가져온 이미지들이구요모두 크기가 다릅니다 아래 두 개의 사진이 원본 크기인데요 딸기파이와 핫케익의 크기가 많이 차이나지 않나요? 하지만 최종적으로 만든 화면을 보시면사진크기의 차이를 모르실 거예요 똑같은 공간에 똑같은 크기로 들어가 있거든요실제 크기가 다른 사진들을css 코드들을 이용하여똑같은 크기로 넣은 모습입니다 파란색 네모친 부분이 위에서 보여..