2023.03.14 검색

두꺼운 책이 아니라 간단한 검색만으로 다양한 정보를 신속하게 얻을 수 있음에

오늘만큼 감사한 날이 있었나 싶다

와이어 프레임을 코딩을 통해 실현시키는 것은 생각보다 수고가 들어간다

코드를 갓 배운 내가 할 수있는 것은 한줄 한줄 써내려가는 식의 진행 방식을 취할수밖에 없는데

난관에 봉착했다

이미지가 들어갈 칸을 만들고 그옆에 텍스트를 작성하는 공간을 만들어야 한다

이미 영역을 한정해 버리면

그 다음 코드는 밑으로 이어지는데

어찌해야할 지 말 그대로 눈앞이 캄캄해졌다

강의에서도 배우지 못한 것인데..

방법은 여러가지 있지만 가장 간편한 것은 인터넷에 검색이 아닌가

다행이도 이 애로사항은 코드를 배우는 학도들이 한번쯤은 경험하는 당혹감인지

여러 선지자들이 많았다

 그 중에서도

https://www.delftstack.com/ko/howto/html/text-next-to-image-html/

HTML에서 이미지 옆에 텍스트 배치

해당 웹페이지에서 답을 얻었다

<div style="display:inline-block;vertical-align:top;">
    <img src="https://loremflickr.com/320/240" alt="img"/>
</div>
<div style="display:inline-block;">
    <p>
    Here goes the text content.
    </p>
</div>

해당 코드를 사용해서 

와이어 프레임의 구현을 가능케 했다

이는 나 자신에게 있어 만족스러운 한걸음 이라