javascript getElementById() 텍스트 가져오기 안녕하세요. 오늘은 javascript getElementById()를 사용해서 Text값을 가져와보겠습니다. 예제 코드. 실행 결과. 예제 코드. 코드는 아래와 같습니다. 버튼을 누르면 input 태그의 value값을 가져오는 아주 간단한 자바스크립트 코드입니다. 누르면 텍스트를 console에 표시. 실행 결과. 위의 코드를 실행한 결과사진입니다. html 파일을 열면 아래 사진처럼 간단하게 구성된 사이트가 보입니다. F12를 눌러 개발자 도구를 열고 button을 눌러 만들어놓은 자바스크립트 함수를 실행합니다. 한번 실행하고 input 태그의 value값을 바꿔 다시 시도해보았습니다. [프로그래밍/웹사이트] - javascript 팝..
javascript 팝업창 alert(), prompt(), confirm(). 안녕하세요. 오늘은 자바스크립트로 팝업창을 띄워볼겁니다. 제목에도 써놓았지만 alert(), prompt(), confirm()이 세 가지 함수를 이용해보겠습니다. 3가지 함수를 사용한 예제 코드. 간단한 코드 설명. 실행 결과. 3가지 함수를 사용한 예제 코드. 코드는 아래와 같습니다. 간단한 코드 설명. alert()은 경고창을 띄워주는 함수입니다. prompt는 사용자에게 입력값을 받을 수 있게 해주는 함수입니다. confirm은 확인 또는 취소창을 사용해야 할 때 사용하는 함수입니다. 실행 결과. 위의 팝업창 예제 코드를 실행한 결과입니다. 해당 코드를 입력한 html 파일을 열고 f12를 눌러 개발자 도구를 열어줍니..
Javascript 이미지 DataURL변환 안녕하세요. 오늘은 JavaScript로 이미지를 DataURL로 변환해보겠습니다. 자바스크립트 코드. 결과. 자바스크립트 코드. 처음에는 이 코드를 사용했는데 코드에는 별 문제가 없어보였는데 제가 원하는 결과를 출력해주지는 않았습니다. 캔버스에 못그리는건가..? (source라는 id를 가진 요소가 있어야함.) function getBase64Image() { var c = document.createElement('canvas'); var img = document.getElementById('source'); c.height = img.naturalHeight; c.width = img.naturalWidth; var ctx = c.getContext('..
크롬 우클릭 금지 해제, 드래그 금지 해제. 안녕하세요. 오늘은 엄청 간단한 방법으로 우클릭 금지와 드래그 금지를 해제해보겠습니다. 이 방법을 사용하면 매우 간단하고 별도의 프로그램을 다운받거나 설치할 필요가 없습니다.(크롬 빼고) 사용 방법. 사용 방법. 먼저 크롬으로 들어갑니다. 그 후 우클릭이 안되거나 드래그가 안되는 사이트로 이동합니다. (설명에서는 그냥 네이버켜고 하겠습니다.) 우클릭이나 드래그가 안되는 사이트에서 F12를 눌러 개발자도구를 실행합니다. 아래 사진처럼 개발자 도구가 실행된다면 F1를 눌러줍니다. F1을 누르면 아래 사진처럼 Settings창이 나올 겁니다. Preferences에서 쭉 내려보면 Debugger라는 항목이 보일 겁니다. 그 아래에 Disable JavaScript라..
php로 데이터베이스에 있는 내용 출력. 안녕하세요. 오늘은 php를 이용해서 데이터베이스에 있는 내용을 웹페이지(php)에 출력해보겠습니다. 글을 보다가 sql문이 궁금하다면 검색하거나 제가 얼마전에 썻던 데이터베이스 관련글을 참고해주세요. (글 중간에 링크를 넣어놓겠습니다.) 1. 사용할 데이터베이스. 2. 코드. 3. 결과, 수정. 1. 사용할 데이터베이스. 데이터베이스는 제가 프로젝트를 하면서 만들었던 study라는 이름을 가진 데이터베이스를 활용할 겁니다. 테이블은 프로젝트를 하면서 입력해놓은 food라는 테이블을 사용하겠습니다. (여러분은 그냥 참고하시거나 데이터베이스 이름, 테이블 이름, 조건만 살짝 수정하셔서 해보시면 됩니다.) 테이블의 구성은 아래와 같습니다. *이부분은 별로 중요하지 않..
자바스크립트 html시계. 안녕하세요. 오늘은 제가 평소에 쓰던 웹시계의 광고와 디자인이 마음에 들지 않아서 제가 만들어 봤습니다. html+자바스크립트+css로 만들었으며 조금 허접합니다. 전체 코드 시간 나타내기. 시간 갱신. 전체 코드(미완성입니다.) 코드는 아래와 같습니다. 코드 파일은 깃허브에서 다운받으실 수 있습니다. (귀찮아서 나중에 링크 올릴게요.) 더보기 1. index.html clock project - yunminseong 현재시간 오전오후 00:00 년,월,일,요일 List 시간저장 fullsize × 시간저장 저장된시간 Credit by Development time = 19.12.21 ~ 19.12.22 Development staff = yunminseong 2. clock...
alter명령어로 mysql 칼럼추가. 안녕하세요. 오늘은 저번에 만든 php에 아이디,비밀번호 찾기를 구현하려고 했는데 칼럼이 아이디,비밀번호, 생성일밖에 없어서 하나 더 추가해야겠다는 생각이 들었습니다. 그래서 이번글은 blogin이라는 테이블에 em칼럼을 추가해보려고 합니다.(테이블은 아래 글을 참고.) blogin테이블. alter명령어로 mysql칼럼 추가. [프로그래밍/웹사이트] - php 간단한 로그인 구현하기 php 간단한 로그인 구현하기 php 간단한 로그인 구현하기 안녕하세요. 오늘은 php로 간단한 로그인을 만들어보려고 합니다. css없이 데이터베이스와 input,form 태그를 이용해서 만들어보겠습니다. 아래 글을 보고오시면 더 좋을겁니다. 1. 데.. intunknown.tisto..
php 간단한 로그인 구현하기 안녕하세요. 오늘은 php로 간단한 로그인을 만들어보려고 합니다. css없이 데이터베이스와 input,form 태그를 이용해서 만들어보겠습니다. 아래 글을 보고오시면 더 좋을겁니다. 1. 데이터베이스[mysql] 2. 로그인 폼 형태 만들기 3. 로그인해보기 데이터베이스 설치[WAMP] [프로그래밍/웹사이트] - 비트나미(WAMP) 설치 클라이언트가 서버에 요청하는 방법 [프로그래밍/웹사이트] - Get, Post방식의 차이점 1. 데이터베이스 생성. 먼저 웹사이트에서 사용할 데이터베이스를 만들어주겠습니다. 아래 링크로 가서 데이터베이스를 생성하시고 원하는 요소를 입력해서 테이블도 생성해주세요. [프로그래밍/웹사이트] - MySQL실행, 데이터베이스(database)생성 저..
php문자열, 변수 출력하기 안녕하세요. 오늘은 php문으로 화면에 문자를 출력해보겠습니다. 환경 설명 예시 및 설명 1. 환경설명. 윈도우 pro 10. WAMP사용(아래 글 참고.) -php -html -apache (한마디로 여러분이 사용하는 윈도우 기반의 컴퓨터에 wamp만 설치한겁니다.) [프로그래밍/웹사이트] - 비트나미(WAMP) 설치 비트나미(WAMP) 설치 비트나미(WAMP) 설치 안녕하세요. 오늘은 비트나미(WAMP)를 설치해보겠습니다. W = Window A = Apache M = MySQL P = php 1. 비트나미 설치 프로그램 다운로드 2. 비트나미 설치 3. 비트나미 php 관련 설정 1. 비.. intunknown.tistory.com 예시. 1. 숫자 출력 echo뒤에 데..
데이터베이스 like문 비슷한 데이터 출력 안녕하세요. 오늘은 데이터베이스 like문으로 비슷한 데이터를 출력해보겠습니다. 사용할 데이터베이스 테이블 소개 데이터베이스 like문 사용할 데이터베이스 테이블 소개 오늘 사용할 데이터베이스 테이블은 아래와 같습니다. (그냥 아무 데이터베이스에 프로젝트 하면서 만든 food테이블) 그냥 비슷한 데이터를 출력하는걸 보려고 데이터 많이 있는 테이블로 골랐습니다. 데이터베이스 like문으로 비슷한 데이터 출력하기. 저번에 select, from, where로 원하는 데이터를 출력하는 방법을 알아봤습니다. 이번에는 like문으로 비슷한 데이터를 출력해보겠습니다. 먼저 명령어는 아래와 같습니다. (물론 어디에 쓰느냐에 따라서 조금씩 바뀔 수 있습니다.) select *..
데이터베이스 where -조건 안녕하세요. 오늘은 데이터베이스에서 원하는 데이터를 출력해보겠습니다. 사용할 데이터베이스(테이블) where문으로 데이터베이스에서 원하는 데이터 출력하기 1. 사용할 데이터베이스. 오늘 예시로 보여드릴 데이터베이스(테이블)는 매우 간단합니다. test라는 테이블로 id,titile, created라는 값을 가지고 있는 테이블입니다. [프로그래밍/웹사이트] - 데이터베이스 select, from 데이터베이스 select, from 데이터베이스 내용 조회하기 select, from 안녕하세요. 오늘은 데이터베이스의 select문과 from문입니다. 사용할 데이터베이스 소개 select문과 from문으로 데이터베이스 테이블 내용 확인하기 사용할 데이터베이.. intunknown...
데이터베이스 내용 조회하기 select, from 안녕하세요. 오늘은 데이터베이스의 select문과 from문입니다. 사용할 데이터베이스 소개 select문과 from문으로 데이터베이스 테이블 내용 확인하기 사용할 데이터베이스->테이블 소개 이렇게 데이터베이스가 있는데 이 중에서 test라는 테이블을 사용하겠습니다. 테이블의 요소는 아래와 같습니다. 데이터베이스 select문, from문 간단하게 select문과 from문을 설명하면 아래와 같이 설명할 수 있습니다. select문 = 원하는 데이터가 정의된 컬럼명. from = 테이블 선택. 이제 이 select문과 from문을 사용해서 위의 test테이블의 정보를 확인해보겠습니다. (위의 간단한 설명이 이해가 되지 않으시는 분들은 아래 사진을 보시면 ..
