javascript getElementById() 텍스트 가져오기 안녕하세요. 오늘은 javascript getElementById()를 사용해서 Text값을 가져와보겠습니다. 예제 코드. 실행 결과. 예제 코드. 코드는 아래와 같습니다. 버튼을 누르면 input 태그의 value값을 가져오는 아주 간단한 자바스크립트 코드입니다. 누르면 텍스트를 console에 표시. 실행 결과. 위의 코드를 실행한 결과사진입니다. html 파일을 열면 아래 사진처럼 간단하게 구성된 사이트가 보입니다. F12를 눌러 개발자 도구를 열고 button을 눌러 만들어놓은 자바스크립트 함수를 실행합니다. 한번 실행하고 input 태그의 value값을 바꿔 다시 시도해보았습니다. [프로그래밍/웹사이트] - javascript 팝..
자바스크립트 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...
php 간단한 로그인 구현하기 안녕하세요. 오늘은 php로 간단한 로그인을 만들어보려고 합니다. css없이 데이터베이스와 input,form 태그를 이용해서 만들어보겠습니다. 아래 글을 보고오시면 더 좋을겁니다. 1. 데이터베이스[mysql] 2. 로그인 폼 형태 만들기 3. 로그인해보기 데이터베이스 설치[WAMP] [프로그래밍/웹사이트] - 비트나미(WAMP) 설치 클라이언트가 서버에 요청하는 방법 [프로그래밍/웹사이트] - Get, Post방식의 차이점 1. 데이터베이스 생성. 먼저 웹사이트에서 사용할 데이터베이스를 만들어주겠습니다. 아래 링크로 가서 데이터베이스를 생성하시고 원하는 요소를 입력해서 테이블도 생성해주세요. [프로그래밍/웹사이트] - MySQL실행, 데이터베이스(database)생성 저..
HTML 계산기 만들기 안녕하세요. 오늘은 심심해서 HTML+자바스크립트+css조금으로 계산기를 만들어봤습니다. html 계산기 코드 HTML로 만든 계산기 심심해서 HTMl로 계산기를 한번 만들어봤습니다. 윈도우10의 기본 계산기를 참고해서 만들었습니다. 대충 이렇게 생겼습니다. 코드를 살짝 바꿔서 글에다가 심어놓았으니 아마 작동할 겁니다. +- 루트 제곱 1/X CE C
깃허브로 무료 웹사이트 만들기 안녕하세요. 오늘은 깃허브로 무료 웹사이트를 만들어보겠습니다. 1. 깃허브 아이디 만들기 2. 깃허브 무료 웹사이트 1. 깃허브 아이디 만들기 깃허브 회원가입은 아래 글을 참고해서 하시면 됩니다. [유용한정보] - 깃허브(github) 회원가입 깃허브(github) 회원가입 깃허브 회원가입 안녕하세요. 오늘은 깃허브(github)회원가입을 하는 방법을 알려드리도록 하겠습니다. https://github.com/ 먼저 위의 사이트로 들어가주세요. 사이트로 들어가면 오른쪽 상단에서 sign up을 눌러.. intunknown.tistory.com 회원가입이 되셨다면 이제 무료 웹사이트를 만들어보겠습니다. 2. 깃허브 무료 웹사이트 먼저 github 사이트로 들어가주세요. 깃허브..
오토핫키 자동 로그인 [우리 동네 영화관 사이트] 안녕하세요. 오늘은 오토핫키로 자동 로그인을 만들어보겠습니다. 오토핫키 스크립트 만들기 자동 로그인 매크로 코드 실행 결과 과정 우리 동네 영화관 사이트를 자동 로그인할 수 있도록 만들어보겠습니다. (다른 사이트는 응용해서 만드세요.) 별 이유는 없고요 그냥 맨날 비밀번호 잃어버려서 임시 비밀번호 외우기 귀찮아서 만들었습니다. 글에 올리는 소스코드 부분에는 아이디, 비번으로 표시될 겁니다 (개인정보 x) 1. 오토핫키 스크립트 만들기 자동 로그인을 만들기 전에 코드를 작성할 스크립트를 만들어봅시다. 바탕화면에 우클릭-> 새로 만들기-> AutoHotkey Script를 눌러주시면 끝입니다. (이름은 원하는걸로 하세요.) 2. Auto Login 소스코드&..
웹 사이트에 동영상 넣기 안녕하세요. 웹사이트에 동영상 넣는 방법에 대한 글입니다. 1. 2. 웹사이트에 동영상 넣기 1. 태그 iframe을 사용하면 현재의 html에 다른 html을 포함시킬 수 있습니다. (즉 다른 웹사이트를 삽입할 수 있음) 사용법은 아래처럼 입력하면 사용할 수 있습니다. 아래 사진은 이 코드를 전에 사용하던 코드에 넣고 실행했을 때의 사진입니다. (빨간색으로 표시된 부분입니다.) 이렇게 다른 사이트를 가져올 수 있습니다. 2. 웹사이트에 동영상 넣기 그럼 이 iframe으로 웹사이트에 동영상을 넣어보겠습니다. 유튜브 동영상을 넣어보겠습니다. 이건 간단합니다.(솔직히 iframe이 뭔지도 몰라도 됩니다.) 넣고 싶은 동영상으로 가서 공유버튼을 누릅니다. 그 후 퍼가기를 눌러주세요...
웹사이트에 댓글 기능 추가하기 [라이브리] 안녕하세요. 웹사이트에 댓글 기능을 만들지 않고 추가하는 방법에 관한 글입니다. 1. livere 회원가입 2. 웹사이트에 댓글 기능 추가 댓글 기능을 직접 만든다는 선택지도 있지만 이번에는 만들어져 있는 기능을 그냥 가져다 쓰는 방법입니다. 1. livere 회원가입 라이브리 회원가입을 위해서 아래 사이트로 들어가 주세요. 여기에서 라이브리 회원가입 라이브리 간편한 사진/동영상 첨부 www.livere.com 아래 사진처럼 보일 겁니다. 회원가입 및 로그인을 위해서 로그인을 눌러주세요. 라이브리 회원가입을 눌러서 가입해주세요. 가입하는데 얼마 걸리지 않습니다. 2. 웹사이트에 댓글 기능 추가 이제 가입을 다 했으니 웹사이트에 댓글 기능을 추가해봅시다. 라이브리..
CSS [디자인을 위한 코드] 안녕하세요. 오늘은 css로 지금은 사용하지 않는 태그 디자인을 위한 코드 CSS(1) 1. 지금은 사용하지 않는 태그 태그 사용하기 내용이런식으로 사용해 볼게요. (ex) 내용 web 1. 홈 2. c언어 3. 파이썬 4. java 5. html 본문 이걸 크롬으로 실행해보면 아래 사진처럼 빨간 색깔이 적용됩니다. 이렇게 적은 수라면 일일이 적용해줘도 상관없습니다. 하지만 만약 색을 바꿔줘야 하는 항목이 매우 많다면? 이런 방식으로는 모두 색깔을 바꿔주기는 힘들겁니다. 하지만 css를 사용한다면 이것이 가능합니다. 2. 디자인을 위한 코드 CSS css는 html과 같은 언어가 아닙니다.(css는 디자인을 위한 언어) 그러므로 웹브라우저에게 css코드를 css문법에 따라 ..
html 링크 안녕하세요. 오늘은 html에서 중요한 링크에 대한 내용입니다. 1. 연습할 html 문서 만들기. 2. 링크 연습하기. 1. 연습할 html 문서 만들기 이름은 원하는 것으로 만들고 뒤에 확장자를 html로 해서 만들어주세요. 그 후 메모장이나 ATOM에디터 같은 수정할 수 있는 프로그램으로 아래 내용을 추가해주세요. 본문 입니다. 이렇게 html 구조에 맞게 html문서를 만들었으면 본격적인 내용으로 넘어가겠습니다. 2. 링크 링크를 사용하기 위해 필요한 태그는 태그 입니다. (anchor의 약자를 사용함.) 물론 그렇다고 아래와 같이 a태그만 사용하면 링크가 걸리지 않습니다. 2-1. href 원하는 곳으로 링크를 걸기 위해서는 href(HyperText Reference)를 추가해줘..
HTML 문서의 구조 안녕하세요. 오늘은 html문서의 구조를 올려보려고 합니다. html 파일 만들기 html 구조 완성하기 1. html 파일 만들기 html 파일을 만들어주세요. 내용은 아직 없어도 됩니다. 2. HTML 구조 완성하기. 하나하나 설명하면서 추가해보겠습니다. 순서는 상관 없습니다. 2-1. HTML 문서인지 알려주기. 이 웹페이지가 html로 만들어졌다는 의미로 문서의 시작에 추가해줍니다. 모든 걸 감싸줄 태그도 써주세요. 2-2. 본문 나누기 본문 태그를 사용하고 본문을 설명해주는 곳은 1.아톰 에디터 설치하기 2.웹사이트 파이콘 적용하기 3.html/css 테두리 색깔 변경 4.간단한 웹사이트 만들기 5.html태그 1.아톰 에디터 설치하기 웹사이트 파이콘 적용하기 html/cs..
HTML 태그 안녕하세요. 오늘은 html에 list를 추가해보려고 합니다. html 파일 만들기 태그의 부모(parent) 자식(child) 관계 리스트(list) 태그 1. html 파일 만들기 지금은 그냥 이렇게 확장자가 html이 되게 만들어주면 됩니다. 간단하죠? 2. 태그의 부모(parent) 자식(child)관계 html에서 둘러싼 태그와 둘러싸인 태그를 부모 자식 관계라고 합니다. (ex)
