CSS 질문이요

Question

삭제된 글입니다

잔재미코딩 DaveLee · Answer

안녕하세요. 해당 코드는 block 안에 inline 이 있을 때, inline 안에 block 이 있을 때, inline 안에 block 과 별도 inline 이 있을 때, 각각 어떻게 동작하는지를 설명드리고자, 각 케이스를 모두 코드로 작성하고, 설명드리고 테스트해본 것입니다.  말씀하신 부분은 inline 안에 block 과 별도 inline 을 넣으면 어떻게 되는지를 보여드리려고, 작성한 것이고, 별도 inline 을 넣기 위해 span 을 썼고, inline 은 무조건 동일 라인에 써야 한다? 라는 룰은 없습니다. block 안에 inline 이 있고, block 이 한 라인이라면 그렇게 쓰는 것이 의미가 있겠으나, 이것은 테스트 상황이고, inline 안에 block 요소와, inline 요소 가 있을 때를 설명드린 것이라, 각기 다른 라인에 작성을 해본 것입니다. 마지막으로 다음 '궁금한 점에 대한 답변 찾기 꿀팁' 글도 읽어보시면, 훨씬 도움이 되실 것 같습니다. 궁금한 점에 대한 답변 찾기 꿀팁 질문하시기 전에, 다음 내용을 확인해주시면 훨씬 도움이 되실꺼예요. 첫번째, 질문 전 검색은 필수! google.co.kr 에서 질문에 대해 검색해보세요! 에러 메시지는 맨 마지막 라인을 복사해서 구글에서 검색해보시고, 질문에 대해서는 질문 관련 키워드들을 조합해서 구글에서 검색해보세요. 개발자들은 모두 이를 통해, 답변을 얻습니다. 한발짝 나아 가시려면, 반드시 이런 연습이 꼭 필요합니다. 사실 검색 없이 질문을 통해, 바로 답을 얻는 부분은 장기적으로는 큰 의미가 없어요. 궁극적으로는 프로그래밍은 답을 찾는 연습을 하셔야 합니다. 저는 한가지 확인이 필요한 사안을 위해, 20 ~ 30분 검색과 10개 이상의 블로그를 찾아보는 일을 하루에도 한두번씩 한답니다. 검색이 처음이신 분들은  개발자를 위한 정보 검색 팁 을 참고하시면 훨씬 성장하시는데 도움이 되실 것입니다. 두번째, 각 강의마다, 다른 분들께서도 이미 질문하신 사항들이 있습니다. 해당 부분을 확인해보시면, 답변을 기다릴 필요 없어서, 훨씬 도움이 되실 것 같습니다. 세번째, 각자 작성하신 코드 에러의 경우는 제가 제공해드린 코드자료를 수정하지 않고, 단계별로 그대로 실행해보신 후, 해당 코드와 자신의 코드가 어떤 부분이 다른지를 단계별로 확인해보시면, 훨씬 좋습니다. 키보드로 그대로 따라 치시기 보다, 제공해드린 코드를 그대로 복사해서 붙여넣고 테스트를 해보시면 좋고, 여기에서 자신의 코드와 다른 부분을 최대한 작게 쪼개서 조금씩 넣어보시면서, 테스트를 해보시면 가장 좋습니다. 각자 코드를 작성하신다면, 이렇게 작업해보시면 훨씬 도움이 되실꺼예요. 마지막으로, 질문하실 경우에는 어느 강의 영상의 어느 구간(가능하다면 몇분 몇초)에 대해 질문하시는 것인지 꼭 명기해주시면 좋습니다. 그래야 맥락이 이해가 가서, 보다 좋은 답변할 수 있습니다. 만약 구간 명기가 가능하지 않다면, 강의 영상 외적인 문의인지에 대해 확인 부탁드립니다. 본 질문 답변란은 강의 영상 이해를 돕기 위한 자리입니다. 강의 영상 외적인 부분은 양해를 부탁드립니다. 특히 극히 일부 개인별 코드 리뷰나 기능 구현등 무리가 되는 요청을 하시는 분들도 계셨는데, 좋은 강의가 선순환될 수 있도록 부탁드립니다. 잔재미코딩 Dave Lee 드림