Programming (421) 썸네일형 리스트형 HTML 기본 코드와 그냥 지나쳤던 HTML 태그들 HTML 기본 코드와 그냥 지나쳤던 HTML 태그들 HTML, CSS, PHP, My SQL, Mobile, JAVA 등 기존에 알고 있는 내용도 꽤 있고 공부도 했었지만 다시 한번 HTML부터 책을 읽으며 프로그래밍 관련 서적을 재미 삼아 읽고 있습니다. 개인적으로 작업을 진행하면서 HTML 코드를 기본적으로 많이 다루게 되는데 평소에 자주 잘 사용하지 않거나 특정 태그를 사용하긴 했지만, 그했지만 그 의미에 대해 전혀 신경 쓰지 않다 보니 지나쳤던 몇몇 HTML 태그들이 있습니다. 물론 검색만 조금 해본다면 쉽게 알 수 있는 내용이지만 개인적으로 HTML 기본 구문들과 HTML에서 잘 사용하지 않았거나 그 의미를 알면 좋은 HTML 태그 몇 가지를 정리해 볼까 합니다. 먼저 아래 HTML 코드와 같이.. 크롬 브라우저 개발자 모드 활용ㆍ 소스 파일에 있는 특정 단어를 검색해 파일 찾기 크롬 브라우저 개발자 모드 활용ㆍ 소스 파일에 있는 특정 단어를 검색해 파일 찾기 웹 프로그래밍 관련 작업을 진행하면서 특정 소스 코드 파일을 찾기 쉽지 않은 경우가 있습니다. 물론 소스를 열어서 직접 소스 구문을 확인하며 첨부된 파일들을 찾을 수 있지만 첨부된 파일이 많은 경우나 소스 코드가 복잡하게 작성된 경우 찾기 쉽지 않은 경우도 꽤 있습니다. 소스 코드 파일의 특정 단어를 검색해 해당 파일을 찾으시려면 크롬 브라우저에서 F12를 눌러 개발자 모드를 열어 주시면 됩니다. 아래 이미지와 같이 크롬 브라우저의 개발자 모드에서 Sources 메뉴를 선택하시고 구름 모양의 아이콘에 현재 웹페이지의 주소가 나오는 부분을 마우스 오른쪽 버튼으로 선택해 주시면 Search in all files 팝업이 하나 .. PHP 배열 JSON 데이터를 Ajax로 가져오는 샘플 소스 PHP 배열 JSON 데이터를 Ajax로 가져오는 샘플 소스 jQuery와 Ajax PHP를 이용해 서버에 생성된 JSON 데이터를 가지고 오는 소스를 간단히 작성하였습니다. 먼저 화면에 보이는 페이지를 만들기 위해 아래와 같이 소스 코드를 작성하였으며 화면에 보이는 역활을 하는 소스이기에 HTML 파일로 저장하였습니다. 이름 나이 주소 핸드폰 번호 직업 직급 Ajax Data 가져오기 Data 지우기 위 소스를 작성 후 HTML 페이지를 브라우저에서 열어보면 아래 이미지와 같은 형태로 나오게 됩니다. 간단히 Ajax Data 가져오기 버튼을 누르면 테이블 태그에 데이터 내용을 채워 주는 형태입니다. 작성한 소스의 URL은 여기서 직접 테스트해 보실 수 있습니다만 시간이 오래 지나면 사라질 가능성도 있습.. PHP 파일 업로드 다운로드 샘플 소스 정리 PHP 파일 업로드 다운로드 샘플 소스 정리 PHP 소스를 통해 간단히 파일 업로드 하는 방법과 파일을 다운로드할 수 있는 소스를 간략히 정리해 보려고 합니다. 시작하기 전에 웹을 통해 파일 업로드, 다운로드 하기 위해 필요한 것들을 정리해 봤습니다. 1. 파일 업로드 할 수 있는 첫 시작 페이지(파일 업로드 form 태그 및 HTML UI를 통해 파일 전송) file.php 생성 2. 파일 업로드가 진행 되는 PHP 소스(PHP 소스를 사용해 업로드된 파일 처리) fileUpload.php 생성 3. 파일 다운로드가 진행 되는 PHP 소스(업로드된 파일을 다운로드 할 수 있도록 PHP 소스 작성) fileDownload.php 생성 PHP를 사용해 인터넷에 있는 정보들을 모아 간단히 만든 소스이며 최소.. 누구나 쉽게 소스 코드를 작성하고 결과를 확인할 수 있는 방법은? 누구나 쉽게 소스 코드를 작성하고 결과를 확인할 방법은? 프로그래밍 언어에 따라서 코드를 작성하고 테스트하기 위해서 설치해야 하는 프로그램의 종류도 굉장히 다양했고 환경을 설정해야 하는 부분 때문에 굉장히 불편했었습니다. 그래서 개인적으로 가장 간편하고 쉽게 바로 프로그래밍 코드를 작성하고 결과를 바로 확인해 볼 수 있는 게 어떤 게 있을까 생각을 해보니 JavaScript 언어를 통해서 가장 간편하고 쉽게 프로그래밍 코드를 작성하고 테스트해 볼 수 있었던 것 같습니다. 클라우드 개발 툴 같은 것을 이용해 자신이 원하는 언어의 환경을 웹상에서 세팅하여 코드를 테스트해 볼 수 있긴 합니다만 개인적으로 가장 쉬운 방법으로 Javascript 언어가 떠올랐습니다. 작성하는 기준은 윈도우 환경 기준이지만 어떠한.. MySQL CASE WHEN GROUP BY(원하는 데이타끼리 그룹핑 하기) MySQL CASE WHEN GROUP BY(원하는 데이타끼리 그룹핑 하기) 얼마 전 업무를 보는 중 쿼리문을 만들어야 할 일이 생겼습니다. 중간에 기능이 추가되거나 시간이 바빠서 테이블을 만들다 보면 후에 생길 상황을 대비해 테이블을 만드는 것은 쉬운 일 아닌 것 같습니다. 그러다 보면 현재 운영 중인 DB 또는 넘겨받아 처리해야 하는 데이터를 구분하기 위한 필드가 부족한 경우가 있습니다. 결론은 제가 원하는 데이터들만 그룹으로 묶어 COUNT 합계를 알아보고 싶었습니다. 아래 이미지와 같이 데이터가 있을 때 기존에는 간단히 job 필드 항목을 GROUP BY로 지정하면 직업별로 COUNT를 내는 건 어렵지 않습니다. 이런 식으로 간단히 쿼리를 작성하면 직업별 인원이 몇 명인지 간단히 확인할 수 있습니.. 크롬 브라우저 개발자 모드를 활용해 이동경로 추적 및 로그 확인 크롬 브라우저 개발자 모드를 활용해 이동경로 추적 및 로그 확인 웹 프로그래밍을 하면서 이전에 크롬 브라우저의 개발자 모드를 활용하는 방법에 대해 간략히 작성한 적이 있습니다. https://zzarungna.com/1400 예전엔 웹페이지의 이동 경로를 추적하기 위해서 특정 프로그램을 설치해 웹페이지에서 이동되는 경로를 확인한 적이 있었는데 이제는 크롬 브라우저를 활용하면 그럴 필요가 없었습니다. 크롬 브라우저의 네트워크 기능을 제대로 활용한 건 얼마 전 업무를 보던 중 중간에 다른 서버에 있는 API 경로를 다녀오고 다시 제가 관리하는 서버로 돌아오는데 그러한 경로들이 크롬 브라우저에 Network log에 전혀 찍히지 않다 보니 소스만으로는 제대로 된 경로들을 확인하기 힘들었습니다. 결과적으론 다른.. 프로그래밍 언어의 종류 및 통계 어떠한 언어를 선택할까? 프로그래밍 언어의 종류 및 통계 어떠한 언어를 선택할까? IT 기술이 발전하며 프로그래밍 언어도 점차 진화되었습니다. 최초 기호나 부호를 이용했던 프로그래밍 언어는 시대 발전 흐름에 따라 사용할 수 있는 프로그래밍 언어의 종류도 굉장히 다양해졌습니다. 최근에는 어떠한 프로그래밍 언어가 많이 사용되며 인기 있는 프로그래밍 언어에는 어떠한 것들이 있는지 알아보고자 합니다. 현재 사용하고 있는 언어들이 중 많이 사용되는 것들은 동그라미가 좀 더 큽니다. 처음 보는 언어도 매우 많기도 익숙한 프로그래밍 언어들도 꽤 있는 것 같습니다. 아래 이미지는 이렇게 프로그래밍 언어가 다양하다는 것을 보여드리기 위해서 가져왔습니다. 프로그래밍 언어 사용 통계(github) 2014년~2019년까지 github 사이트에서 제.. 이전 1 2 3 4 5 6 7 8 ··· 53 다음