Web programing/HTML & CSS 12

Windows10 / ubuntu bash 아파치 서버 설치

httpd, Apache 서버를 설치하기 위해 보통 리눅스 서버를 준비했었다.윈도우에서 서비스형태로 설치하는 Apache, php, mysql 같은건 관리하기가 너무 구려서(?).. 윈도우10 ubuntu bash를 이용하면 apt-get으로 아주 쉽게 설치가 가능하다. sudo apt-get install apache2sudo service apache2 startsudo service apache2 status 3줄로 apache2가 동작하고 있는지 확인 완료.. 크롬으로 localhost에서 apache가 돌아가고 있는지 확인 완료.. 넘나 간단하다 ㅋㅋ. php, mysql 등, 다른 웹 관련 툴과 모듈을 설치해주려면 아래정도.. 가 도움이 될 것 같다. sudo apt-get install ph..

다음 API KEY 발급받는 방법

/* * http://sosal.kr/ * made by so_Sal */ 다음 지도 API키 발급받기 다음에 로그인을 한 후, 아래 사이트에 접속한다. http://apis.map.daum.net/web/guide/ 왼쪽 탭 아랫쪽에, 키발급 버튼을 누르시면 콘솔 관련 웹사이트로 이동하게 됩니다. 여기서 앱 만들기 버튼을 누르시고 앱을 생성하시면 됩니다. 저는 단순히 practice라는 이름으로 앱을 만들었고, 화면에서 앱 이름과 앱 ID, 앱 URL 등을 확인할 수 있습니다. 화면 아랫쪽엔 REST/JS API에서 + 버튼을 누르시면 실제 API_Key를 받아볼 수 있습니다. 저는 sosal.kr 웹페이지에서 API를 테스트 해볼 예정이기 때문에, sosal.kr를 Referer에 넣어주었습니다. 완..

티스토리 드래그 글자색 배경색 변경하기

/* * http://sosal.kr/ * made by so_Sal */ 티스토리에서 글을 드래그 했을 때, 기본적으로 파란색상과 흰색글씨로 세팅이 된다. 대충 이런식... 이 색을 바꾸려면 다음과 같이 HTML/CSS 편집을 해주면 된다. 1. 관리자 화면에서 HTML/CSS 편집에 들어간다. 2. CSS 소스 탭을 클릭하여 CSS 소스에 아래 네모칸을 추가한다. color: 드래그 했을 때 글자색 background: 드래그 했을 때 배경색 ex 1) ::selection {background:#aaaaaa; color:#fff;} ::-moz-selection{background:#aaaaaa color:#fff} ex 2) ::selection {background:#ea7be3; color:#..

환율조회 실시간 값 가져오는 html 코드

/* * http://sosal.kr/ * made by so_Sal */ 아래 iframe 코드를 HTML 태그로 입력해주시면 바로 환율조회를 실시간으로 확인하실 수 있습니다. <p><br /></p> iframe 관련 css가 없으신분은 위와같이 iframe 사이로 칸? 이 생기게 되는데, frameBorder="0" 를 입력해주시면 깔끔하게 생성됩니다~! 깔~ 끔하게 ^^.

XE의 설치 경로 또는 ./files 디렉토리의 퍼미션이 707이어야 합니다.

/* * http://sosal.kr/ * made by so_Sal */ XE의 설치 경로 또는 ./files 디렉토리의 퍼미션이 707이어야 합니다.이런 오류가 뜰 때, 해결법을 검색하면 단순히 ~/xe/ 폴더에 ~/xe/files 라는 폴더를 permission rwx---rwx (707)로 만드세요. 라는 답변밖에 없습니다. 하지만 files라는 폴더를 분명 만들었음에도, 계속 이러한 망할 오류(에러)는 계속 뜨죠?. 해결방법을 알려드리겠습니다.바로 문제는 'SELinux' 입니다. SELinux에 대해서 궁금하신 분은 아래 문서를 참조하시면 될 것 같습니다.SELinux - NSA Security-Enhanced Linux (SELinux)https://kldp.org/files/selinux_..

Web programing/HTML & CSS 2015.01.18 (6)

HTML5 규격 표준 검사기

/* * http://sosal.kr/ * made by so_Sal */ 웹 표준에 맞춰서 HTML5를 프로그래밍 했는지 보기 위한 사이트를 소개합니다. 1. html5 Validator https://html5.validator.nu/ 위 사이트는 정말 간단하게 구성되어 있습니다.Validator Input: 인풋을 입력하라는 한마디로 텍스트 박스와 버튼 몇개로 구성되어 있습니다.일단 도메인이나 ip로 웹서비스를 지원하는 사이트가 있다면, 바로 Address에 주소를 입력하면해당 주소의 HTML5 규격에 맞는지 확인해주게 됩니다. 주소 뿐 만 아니라, html 파일을 직접 업로드 할 수 있고, text로 줄 수 있습니다.간단한 예제로 Text Field에 소스를 넣어보겠습니다. 간단히 HTML5 규격..

HTML form 태그, input type 종류

/* * http://sosal.kr/ * made by so_Sal */ form 은 그냥 태그입니다. 이를 자바스크립트와 연동시켜야 하는데.. 지금 포스팅 되는 글은.. 사실 자바스크립트가 아니랍니다 .. >_< 그리고 이번 게시글 만으로는 form 태그를 실용적으로 사용하긴 힘듭니다. 아주 단편적인 정보들을 간략하게 소개하는 정도로 올리는 글이므로.. ;; 검색으로 들어오시는 분들에게는 부족한 정보가 많다고 생각되는군요! 아.. 그럼 일단 ㄱㄱ.. form 태그 : 사용자와 정보를 주고, 받는 기능을 담고 있는 객체입니다. ㅋㅋ Html 태그는 정보를 제공하는 역할은 하지만 사용자와 정보를 주고받는 상호작용에 대한 역할은 미약.. 하죠 ㅎㅎ 오늘은 엄청난 스크롤 압박을 보게될.. 것이므로.. 천천...

HTML 이미지 삽입 태그

/* * http://sosal.kr/ * made by so_Sal */ 웹페이지는 이미지의 천국이죠. 이번장에서는 웹페이지에 이미지를 첨가하는 코드를 보겠습니다. 가 기본입니다. src는 source의 약자이고, 여기에 이미지의 주소(URL)을 넣는다면 역시 그 주소에 있는 자원을 가져와 이미지를 출력하게 됩니다. 위 소스는 제 풀더에 있는 그림의 상대경로를 말합니다. 현재 html 창의 위치가 " . " 입니다. /는 디렉토리를 의미합니다. 따라서 상대경로 ./sky.jpg :: html이 위치한 현재( . ) 라는 풀더 ( / ) 에 있는 sky.jpg를 자원으로 하여 width (가로) 200픽셀, height (세로) 140픽셀로 그림을 출력하라 이것을 의미합니다. 그리고 alt="~"는 만약..

HTML 하이퍼 텍스트 링크

/* * http://sosal.kr/ * made by so_Sal */ 하이퍼텍스트는 웹 전체의 기초가 됩니다. 웹의 단일페이지에서 벗어나 다른 페이지들과 연결 할 수 있게 해주는 HTML의 HT인 하이퍼텍스트(Hyper text)에 대해서 이번에 알아보겠습니다. sosal의 홈페이지로 가실분? sosal의 홈피!! sosal의 홈피!! 가 아랫줄 박박 긁혀서 뜨길래 클릭해봤더니 정말 제 홈페이지 주소를 찾아서 오는군요. "sosal의 홈피!!"를 오른쪽마우스 -> 속성 (등록정보)를 해보니 프로토콜 : HyperText Transfer Protocol 이라고 나오고 아래 주소 URL : http://sosal.kr/ 으로 자세하게 나오네요. 이것이 HT 입니다. 이것을 이용한다면 그림을 클릭했을때 ..