본문 바로가기

coding

 (3)
CSS를 이용하여 부모 요소의 높이에 자식 요소를 맞추는 방법 CSS를 이용하여 부모 요소의 높이에 자식 요소를 맞추는 방법 웹 페이지 레이아웃을 디자인할 때, 부모 요소(div)의 높이를 자식 요소에 자동으로 적용하고 싶은 경우가 종종 있습니다. 특히, 자식 요소들이 부모 요소의 높이에 꽉 차게 표시되어야 할 때 이 방법이 유용합니다. 이 포스트에서는 CSS만을 사용하여 이를 해결하는 방법을 소개하겠습니다. 문제 상황 부모 요소에게 height: 100px;를 주었을 때, 자식 요소들이 자동으로 부모의 높이를 채우도록 설정하고 싶습니다. 이를 위해 자식 요소들에게 하드코딩으로 height: 100px;를 설정하는 것이 아니라, 더 유연한 방법이 필요합니다. 해결 방법 자식 요소들에게 다음과 같은 CSS 속성을 적용하여, 부모 요소의 높이에 맞춥니다. .child-..
실시간 뉴스 (이미지) 실시간 뉴스 처럼 일정 시간동안 화면에 보여주는 프로그램을 해석하기. 이미지 뿌리기 그림표시 실시간으로 뿌리기 Ajax 통신 이미지 잠시 기다리세요......................... newsjson.json {"news" : [ { "title" : "SW융합클러스터, 지방 SW교육 지원…SW교육격차 해소 첨병" }, { "title" : "메모리에 강한 한국, SW정의 구현 최적지" }, { "title" : "코로나19 바이러스 예방수칙 철저히 준수" }, { "title" : "'게임대상' 배틀그라운드 '더게임어워드'까지 거머쥐다" }, { "title" : "페이스북, 2019년부터 우리 정부에 세금낸다...애플, 구글, 아마존은?" }, { "title" : "여성 쇼핑몰만 모아서 보..
퍼즐게임 두번째 미션 퍼즐 움직이기 시작 버튼을 누르면 onClick = "start( )" 을 실행하겠다 start 가 하는 일은 for 문 두 개가 일을한다. 첫번 째 for 문은 0부터 16까지 반복문을 돌리면서 Math 함수를 사용해서 난수를 생성한다 => sunsu[a] 번째에 저장한다 두번 째 for 문은 0 부터 a 까지 반복문을 돌리면서 중복 체크를 진행한다. 즉, 방금 전 a에 대입한 숫자가 b에 대입 되어있니? 그리고 mix() 함수를 호출한다 배열에 있는 이미지 파일의 경로를 대입을 해주는구나 그럼 이제 내가 해야 할 것은 move 와 bingo 함수 채우기. move가 하는 일은 퍼즐을 움직이는 거겠지 move 를 호출 할 때 i를 보내는거 같은데 i가 뭘까 싶어서 찍어보자 이미지 파일 경로..

티스토리툴바