목록전체 글 (53)
러너효방
bootstrap 의 공백(Spacing) 부트스트랩 기반 템플릿을 사용하던 도중 여러가지 클래스들을 만나게 되었다. py-1 라는 클래스가 궁금해서 시작된 포스팅 😀😀 Box model 박스모델 bootstrap의 공백의 자세한 클래스들을 알아가기 전에, 먼저 박스 모델부터 잠깐 살펴보도록 하자! 박스 모델 은 HTML의 엘리먼트들은 (사각형 모양을 의미하는)박스의 형태를 가지고 있는 것을 말한다. 박스의 크기와 박스간의 간격을 정의하는 다양한 속성이 있다. margin : border를 기준으로 박스의 여백을 지정, 시각적인 요소는 없음 border : 박스의 테두리 padding : 테두리와 content간의 간격 content : 엘리먼트 안에 포함되는 컨텐츠 M/P M : Margin P : P..
I 클라우드 기반 통합 개발환경 서비스 구름 IDE (https://www.goorm.io/) : 개인 PC에 설치할 필요 없이 Docker 컨테이너 기반으로 다양한 SW 프로그램을 개발할 수 있는 '온라인 코딩 테스트 서비스'를 제공 (파이썬 프로그래밍 환경구축하기, 웹투앱 개발 환경 구축하기 등) I 웹 페이지 프레임워크 Bootstrap (https://getbootstrap.com/) : 웹사이트를 쉽게 만들 수 있게 도와주는 HTML, CSS, JS 프레임워크. 반응형 CSS를 통해 스마트폰, 태블릿, 데스크톱까지 다양한 기기에서 웹페이지가 안 깨지고 보이도록 도와주는 도구. Materialize (https://materializecss.com/) : 반응형 CSS 프레임워크. 모던한 디자인을..
👍 폰트 사이트(상업적이용 범위 한번 더 확인하세요!) 폰트 라이선스 공식사이트 상업적 이용 범위 비고 나눔고딕, 명조 네이버 https://hangeul.naver.com/ 모두가능 무료 나눔바른고딕 나눔바른펜 나눔손글씨 붓, 펜 나눔스퀘어 나눔스퀘어 라운드 대한 윤디자인 http://www.19192019.com 모두가능 무료 민국 독립 만세 배달의민족 주아 우아한형제들 https://www.woowahan.com/#/fonts 모두가능 무료 배달의민족 도현 비비트리 고딕 비비트리 https://kr.123rf.com/krfreefont/ 모두가능 무료 비비트리 손글씨 비비트리 나무 하르방 제주감귤 123RF 오픈애즈 스웨거 스웨거 http://swagger.kr/font.html 모두가능 무료 아리..