Programming (421) 썸네일형 리스트형 PHP 폼 태그 checkbox 데이터를 가져와 쿼리문 만들기 샘플 소스 코드 PHP 폼 태그 checkbox 데이터를 가져와 쿼리문 만들기 샘플 소스 코드 form 데이터 전송 시 checkbox 태그 데이터를 가져와 PHP 코드에서 데이타베이스 쿼리문을 만들어 내는 간단한 샘플 소스 코드입니다. checkbox 태그를 사용하게 되는 경우 개인적으로 바로 갖다 쓰려고 하는 용도로 글을 작성하였습니다. 소스 소스 구문상 어려운 내용은 없으며 $str 변수에 싱글쿼테이션과 콤마 문자를 추가하는 간단한 소스 코드입니다. 매번 갖다 복사해서 쓰느라 그냥 지나쳤는데 checkbox 태그에 name 이름이 배열 표시가 돼 있었네요? 굳이 [](배열) 붙이지 않았던 기억이 나기도 하는데 테스트해 보니 [] 배열 문자를 빼면 checkbox 데이터가 한 개 이상은 가져오지 않으니 참고하시면 좋.. PHP MY-SQL 데이타베이스 연결 소스 코드 예제 및 데이타베이스 연결 에러 로그 정리 PHP MY-SQL 데이타베이스 연결 소스 코드 예제 및 데이타베이스 연결 에러 로그 정리 PHP와 MY SQL에 접속하고 쿼리를 실행하기 위해 필요한 PHP 소스 코드와 데이터베이스 연결 시 발생할 수 있는 에러 로그에 대한 내용에 대해서 간단히 정리해 보려고 합니다. 소스(PHP, MY-SQL 연결, 쿼리실행, 쿼리결과 확인 소스 코드) 소스 코드의 내용의 대부분은 기본적으로 검색하면 쉽게 찾아볼 수 있는 코드들입니다. PHP와 MY-SQL 버전에 따라 사용 방법에 대한 조금의 차이점과 INSERT, UPDATE, DELETE 그리고 SELECT 쿼리 실행 결과를 확인할 때 구분하기 위한 소스로 활용하면 좋을 것 같습니다. PHP 클라이언트와 서버 영역 유효성 검사 간단 샘플 소스 PHP 클라이언트와 서버 영역 유효성 검사 간단 샘플 소스 개인적으로 활용할 목적도 있지만, 이왕 작성한 소스를 간단히 정리하여 샘플 소스를 간단히 작성하였습니다. 클라이언트는 순수 자바스크립트를 이용해서 검사하였으며 나름 여러 방법을 이용해 검사하도록 작성했습니다. 간단한 웹페이지의 경우는 굳이 jQuery를 사용하지 않아도 되니 바로 사용하셔도 좋을 듯합니다. 서버 영역 언어는 PHP입니다. TEXT BOX, RADIO BUTTON, TEXT AREA 내용입력과 라디오 버튼을 선택했는지만 검사하였으며 필요한 추가 HTML 영역이 있다면 샘플 소스를 참고해 추가해서 활용하시면 좋을 것 같습니다. 소스 HTML AND JavaScript 예전엔 head 태그 안에 script 구문을 넣는 게 익숙했는데 .. CSS animation spin 맛보기 네모박스 360도 회전 시키기 CSS animation spin 맛보기 네모박스 360도 회전시키기 CSS animation을 사용해 본 경험이 많지 않지만, 맛보기용으로 네모박스를 360도 회전시키는 코드를 간단히 정리해 봤습니다. 소스 코드는 인터넷에 있는 코드를 여기저기서 참고해 필요한 코드를 가져와 정리만 한 것이지만 나름대로 기본적인 사항을 파악하는 데에는 도움이 되었던 것 같습니다. div 태그에 table을 cell을 사용한 이유는 웹페이지 상 회전하는 네모박스를 가운데로 정렬하기 위해서 사용하였으며 CSS animation spin 코드를 이용해 브라우저 종류에 따라서 360도로 작동하는 소스 코드입니다. 결과 개인적인 용도로 참고할 목적으로 정리한 코드이기도 하지만 필요한 분들이 있을 수 있다는 생각에 정리한 내용을 .. CSS 의사클래스 HTML table 태그에 활용해 보기(nth-child) CSS 의사클래스 HTML table 태그에 활용해 보기(nth-child) CSS 의사클래스에 대한 내용을 책에서 본 기억이 있는데 나름 유용할 것 같다는 생각에 class, id 선택자 방식과 의사클래스를 이용해 HTML 태그를 선택할 수 있는 코드를 나누어서 간단히 샘플 코드를 작성해 보았습니다. CSS 의사클래스는 프로그래밍 계산 결과 방식과 비슷한 형태로 HTML 태그를 선택할 수 있다는 장점으로 인해 불필요한 코드를 작성하지 않아도 되기에 코드의 가독성이 더 좋아 보입니다. 단점은 CSS 의사클래스를 자세히 모르는 사람들에겐 코드의 가독성을 더 떨어뜨리는 결과가 있을 수도 있어 보입니다. CSS 의사클래스를 사용하지 않을땐 class를 HTML 태그에 넣어 줘야 하는데 코드를 수정해야할 부분이.. 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를 활용해 작성한 내용도 있으니 참고하시면 도움이 될 듯 합니다. - .. 이전 1 2 3 4 5 6 7 ··· 53 다음
