<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[pixabay 유사 사이트를 제작관련 css 질문입니다.]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/38127</link>
		<description><![CDATA[<p>pixabay에 이미지를 검색하면 검색한 결과 이미지들을 볼수있는데요.<a href="https://pixabay.com/ko/images/search/">https://pixabay.com/ko/images/search/</a></p>

<p>똑 같이 만들고싶은데 ㅠㅠ  어떻게 만들어야될지 몰라서 질문합니다.</p>

<p><a href="https://newspace.gq/#/search">https://newspace.gq/#/search</a> 왼쪽에 있는 링크가 지금 만들고 있는 사이트입니다.</p>

<p>들어가서 보시면 검색 결과에 따라 왼쪽, 오른쪽 이미지길이가 달라서 이렇게 질문을 남깁니다 ㅠㅠ</p>

<p> </p>

<p>좀더 구체적인 질문으로는 아래와같습니다.</p>

<p>1. display 속성은 무엇인가? flex? grid? <br />
2. 이외에 필요한 개념은?</p>

<p> </p>]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[안녕하세요~^^

CSS display는 요소를 어떻게 보여줄지를 결정하는 속성입니다.

아래 링크를 참고해보...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/38133</link>
			<description><![CDATA[<p>안녕하세요~^^</p>

<p>CSS display는 요소를 어떻게 보여줄지를 결정하는 속성입니다.</p>

<p>아래 링크를 참고해보시면 이해가 되실 듯합니다.</p>

<p><a href="https://ofcourse.kr/css-course/display-%EC%86%8D%EC%84%B1" target="_blank">https://ofcourse.kr/css-course/display-속성</a></p>

<p> </p>

<p>display flex는 동적으로 변경 가능한 순서를 지정할 수도 있고</p>

<p>가용한 공간 내에서 크기와 위치를 자동으로 조정하기도 할 수 있습니다.</p>

<p>아래 링크를 참고해보시면 자세한 내용과 예제 코드를 확인해보실 수 있습니다.</p>

<p><a href="https://heropy.blog/2018/11/24/css-flexible-box/" target="_blank">https://heropy.blog/2018/11/24/css-flexible-box/</a></p>

<p> </p>

<p>CSS 그리드 레이아웃의 기능은 고정되거나 혹은 유연한 트랙 크기, 아이템 배치, 정렬 제어 등이 있습니다.</p>

<p>아래의 관련 링크를 참고해보세요.</p>

<p><a href="https://www.vobour.com/-%EB%94%94%EC%9E%90%EC%9D%B8-5%EB%B6%84-%EC%95%88%EC%97%90-css-grid-%EB%B0%B0%EC%9A%B0%EA%B8%B0" target="_blank">https://www.vobour.com/-디자인-5분-안에-css-grid-배우기</a></p>

<p> </p>

<p>저희가 안내해드린 링크 외에도 구글에 검색해보시면 참고해보실 만한 자료가 많이 있습니다.</p>

<p>레이아웃을 원하는대로 편집하시려면 HTML과 CSS 코드에 대해 알면 도움이 됩니다.</p>

<p> </p>

<p>이미지를 원본 그대로 표시한다면 로딩 속도가 느려질 수도 있습니다.</p>

<p>KBoard 플러그인에서는 이미지를 잘라서 표시하기 위해</p>

<p>워드프레스의 WP Image Editor 클래스 기능을 활용하고 있습니다.</p>

<p>아래 링크도 참고해보세요.</p>

<p><a href="https://codex.wordpress.org/Class_Reference/WP_Image_Editor" target="_blank">https://codex.wordpress.org/Class_Reference/WP_Image_Editor</a></p>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Mon, 28 Oct 2019 09:06:21 +0000</pubDate>
			<category>HTML/CSS/웹표준</category>
		</item>
			</channel>
</rss>