본문 바로가기
반응형
   

전체 글

 (1629)
HTML5 마크업 요소 활용하기ㆍheaderㆍnavㆍsectionㆍasideㆍfooterㆍtime HTML5 마크업 요소 활용하기ㆍheaderㆍnavㆍsectionㆍasideㆍfooterㆍtime 웹사이트 화면을 구성하며 HTML div 태그만을 활용해 작성한 코드를 HTML5 마크업 요소를 변경하게 되면 브라우저에 어떠한 역활을 하는 웹페이지인지 목적을 알려줄 수 있다. CSS에서 HTML5 마크업 요소는 어떠한 방식으로 선택하는지 그리고 HTML5 마크업 요소는 HTML로 어떻게 표현하면 되는지 간단히 예제 소스를 작성하였으며 다음에 필요한 경우 제가 활용하기 위한 목적도 있습니다. HEADER 홈 1번 메뉴 2번 메뉴 3번 메뉴 LEFT CENTER 2021/04/16 RIGHT FOOTER 결과 화면 화면을 구성하며 이미 구성한 div 요소를 HTML5 마크업 요소로 변경하여 사용하지 않았는데..
CSS display 활용 div 레이아웃 샘플 소스 CSS display 활용 div 레이아웃 샘플 소스 HTML 레이아웃을 구성하며 CSS display 속성 중 table을 사용한 기억이 많이 없는데 일반 div를 사용하는 것보다 간편하고 깔끔하게 화면 구성이 가능한 것 같습니다. 물론 상황에 따라 조금 다를 수 있겠지만 브라우저 사이즈에 따라 레이아웃이 고정되어 안정적으로 표시되어 모바일 화면을 구성할 때도 꽤 괜찮을 것 같습니다. 웹이나 모바일 화면을 구성하게 될 일이 생긴다면 간단히 이 샘플 소스를 활용할 목적으로 작성하였습니다. 소스 top 1(main_big) 2(right_sub) 5 6 7 8 9 10 11 12 13 14 15 16 17 18 footer 결과화면 CSS display의 table, table-row, table-cell..
CSS float, clear 활용 div 태그 레이아웃 샘플 소스 CSS float, clear 활용 div 태그 레이아웃 샘플 소스 HTML div 태그를 활용해 div 레이아웃 샘플 소스를 간단히 작성해 보았습니다. CSS의 position을 사용하지 않고 float와 clear만 활용해 간단히 작성해본 div 레이아웃입니다. 나중에 제가 활용할 수 있도록 간단히 저장해 놓으려 합니다. 소스 ONE 상단 TWO 메인 내용 THREE 오른쪽 사이드 내용 FOUR 하단~ 결과 화면 TWO, THREE가 붙지 않아 조금 거슬리긴 하네요. margin이랑 padding 때문에 브라우저 크기가 줄었을 때 모양이 예쁘게 안 나오네요. 딱 붙는 형태의 div 레이아웃 태그를 원하신다면 table display를 활용해 작성한 내용도 있으니 참고하시면 도움이 될 듯 합니다. - ..
AVerMedia 4K(gc573모델) PS5 녹화 영상 사운드 끊김 현상 화면 번짐 현상을 개인적으로 해결한 방법 AVerMedia 4K(gc573모델) PS5 녹화 영상 사운드 끊김 현상 화면 번짐 현상을 개인적으로 해결한 방법 개인적으로 AVerMedia 제품의 gc573모델을 사용 중입니다. PS5 게임을 하면서 기억할만한 장면을 남기고자 구매해 사용하고 있는데 직접 녹화를 해보니 녹화된 영상에 소리가 끊기는 현상이 발생하더군요. 소리가 끊겼다가 나오는 현상이 계속 반복돼 녹화된 동영상을 사용하기 힘들 정도였습니다. 인터넷 정보를 찾아보니 드라이버 업그레이드를 특정 버전으로 맞춰야 한다는 이야기가 있어 특정 버전으로 AVerMedia RECentral 프로그램을 버전을 설치해 진행해 봤지만, 소리가 끊기는 문제는 해결되지 않았습니다. 개인적으로 PC에 연결된 오디오 라인 및 다양한 문제로 인해 노이즈 현상으로 ..
내가 좋아요 한 노래 15곡 2021년 4월 6일 내가 좋아요 한 노래 15곡 2021년 4월 6일 디에이드 (The Ade) - 그대를 사랑하는 10가지 이유 이해리 - Heartache 민서 - 멋진 꿈 Maroon5(마룬 파이브) - Feelings 폴킴(Paul Kim) - 커피한잔할래요 유희열 - 여름날 TOY(토이) - Reset IZI - 응급실 유빈 - 숙녀(淑女) 김동률 - 사랑한다 말해도 (Feat. 이소라) 김현성 - Heaven 김나영 - 헤어질 수 밖에 더 네임(The Name) - 그녀를 찾아주세요 브레이브걸스 - 롤린 (Rollin')
잔인하고 추악하지만 보게 되는 일본만화 추천 잔인하고 추악하지만 보게 되는 일본만화 추천 일본 만화는 개인적으로 창의력과 독창적인 부분이 매우 뛰어나며 현실감 있게 만화를 그려내는 부분에서 만화에 더욱 빠지며 흥미를 느꼈던 것 같습니다. 겉으로 드러내지 않는 인간의 잔인하고 추악한 모습들을 작가의 상상력 그대로 그려낸 만화를 보다 보면 저도 모르게 어느 새 만화에 집중하며 보고 있었던 기억이 납니다. 일본 만화 중 집중하며 봤었던 잔인하며 정신 나갈 것 같은 몇 가지 일본 만화를 이곳에 남겨볼까 합니다. 작성한 일본 만화는 모두 18세 이상만 볼 수 있는 성인 일본 만화이며 잔인한 장면들도 많고 소름 돋는 장면들이 많이 포함되어 있으니 잔인한 만화를 좋아하지 않으시는 분들께서는 보지 않으시면 좋을 것 같습니다. 인간실격 처음 만화를 보았을 땐 동반..
PS5 설치 방법 (CD 삽입ㆍ컨트롤러ㆍ랜선ㆍ파워ㆍHDMI ㆍ케이블 연결 위치) PS5 설치 방법 (CD 삽입ㆍ컨트롤러ㆍ랜선ㆍ파워ㆍHDMI ㆍ케이블 연결 위치) PS5 기기에 CD를 삽입하는 방식과 랜선, 파워, 컨트롤러 등의 케이블을 연결하는 부분은 어디에 있는지 간단히 정리해 보려고 합니다. 개인적으로 PS5를 세워서 사용하고 있으니 눕혀서 PS5를 사용하시는 분들께서는 참고하세요. 가장 기본적으로 연결해야 할 PS5 기기에 컨트롤러 케이블의 연결 위치입니다. PS5 컨트롤러에서 케이블 연결은 아래 이미지와 같이하시면 됩니다. PS5 기기를 세로로 세운 상태에서 뒷면에 인터넷 랜선, 파워 케이블 연결, 전원 케이블 연결이 가능합니다. 뒷면을 보니 USB 3.0 추가로 연결 가능한 슬롯이 두 개나 더 있는 게 눈에 띕니다. 빨간색 - 인터넷 랜선 노란색 - HDMI 케이블 연결 파..
PS5 인터넷 연결 설정ㆍ속도 테스트ㆍ팁 PS5 인터넷 연결 설정ㆍ속도 테스트ㆍ유선 무선 차이 PS5 기기에 네트워크를 연결하는 방식은 두 가지 방법이 있습니다. 첫 번째는 랜 케이블을 PS5 기기에 직접 연결하는 방식 두 번째는 와이파이 환경을 이용해 네트워크 연결이 가능합니다. 저는 네트워크를 PS5 기기에 직접 연결하는 방식과 와이파이 연결 방식 두 가지 방식을 모두 연결되도록 설정해 놓았는데 최종적으로 와이파이 환경을 이후에 설정한 것인지 기본 설정이 그렇게 되어 있는 것인지 정확하지는 않지만, 언제부터인가 와이파이 환경으로만 네트워크 연결이 되어 있다 보니 네트워크를 이용해 게임을 다운로드하거나 온라인 게임을 진행하는 경우 반응 속도가 느려 게임에 집중하지 못했던 기억이 있습니다. 당연한 이야기지만 직접 선을 꼽는 유선 네트워크 연결 ..
반응형

티스토리툴바