Blog Content

[HTML] 크롬 input 자동완성 차단 여러 사람이 사용하는 PC에서 아이디 패스워드가 자동으로 입력이 될경우 보안상 문제가 발생할 수 있다.그렇기에 보안에 민감한 사이트들은 아이디 패스워드 입력란을 자동완성이 안되도록 하는 경우가 많다.위와 같은 경우에 ID, PASSWORD를 자동완성 안되도록 아래와 같이 처리하면된다. 값에 "false"를 사용하는 경우가 대부분이다. 하지만 문제는 off는 inter Explorer에서 사용되는 값이며, 다른 웹 브라우저에서는 사용이 되지 않는다."new-password"를 사용 할 경우 크롬에서 적용 되는것 을 알 수 있다.

[CSS] 크롬 input 노란색 배경 원하는 색상으로 변경하기 로그인창을 이쁘게 만들고 싶은 욕심에 border 곡선에 배경을 반투명으로 하고자 시도 하였다 그런데 크롬기능중 자동입력 기능일때 배경색이 크롬 기본설정(user agent stylesheet)에 의하여 위의 이미지 처럼 노랑색으로 지정되는것을 알 수 있다. 이럴 경우 사용 할 수 있는 방법은 아래와 같다. input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 1000s ease-in-out 0s; /* input 배경색상 지우기} 어떻게..

onclick는 html 문서 안에서 Javascript 제어 할 수 Attribute입니다.js파일에서 event를 등록하여 제어 하는 방법도 있지만 html 문서 수정시 문서를 보고 직관적으로 제어 하는 부분을 파악하기 쉽도록 하기위해 저는 onclick를 자주 사용합니다. 즉시실행함수 안에 제어 하고자하는 함수가 전역함수가 아닐 경우 제어하지 못합니다.그렇기에 외부에서 접근 할 수 있도록 작성하도록 한다. 전역 함수가 아니므로 onclick로 접근이 불가능하다 button 외부 접근 허용 가능하도록 변수선언으로 경로를 만들어 주면사용이 가능하다 button

Atom Edit 유용한 Packages 정보 01 sublime-style-column-selectionhttps://atom.io/packages/Sublime-Style-Column-Selection위치를 커서로 선택후 alt 드레그로 열선택이 가능하도록 한다. Scripthttps://atom.io/packages/script 스크립트 언어들 실행 콘솔을 이용하여 console.log 제공 작동여부를 확인 할 수 있도록 도와준다. 단축키 작동 : ctrl + shift + btip) 1. 작동시 폰트 console.log 작동 내용 글씨가 작다 default font-size가 11px로 되어 있으므로 (styles.less)에서 아래와 같이 내용을 추가하여 font-size를 수정하자 .scri..

1. 설명Ping은 목적지의 IP 수준 연결 문제를 해결하기위한 가장 기본이 되는 도구로서 IP주소를 가진 목적지의 디바이스가 작동하고 있는지 점검하는 대표적인 S/W도구 이다.목적 : 사용 목적은 대부분 IP를 가지고 있는 디바이스의 작동여부를 확인하거나 , 이외 반응 속도 측정, packet lose등을 확인 하기도 합니다.요약 : 디바이스 연결을 점검 하는 S/W 도구 이다. 작동 방식 : ICMP(Internet Control Message Protocol)프로토콜(Protocol)을 이용하여 목적지 컴퓨터에게 응답을 요청하며 목적지 디바이스의 답변을 받습니다. 2. Ping 옵션 리스트기본값은 패킷(packet) 미국·영국 의 크기 32 바이트이며 4회 동작한다. SwitchFunction-tP..

PathPing 도구는 Ping 및 Tracert의 기능과 해당 도구가 제공하지 않는 추가 정보를 확인 할 수 있는 네트워크 경로 추적 도구입니다. 일정 시간 동안 최종 목적지로가는 도중에 각 라우터로 패킷을 보낸 다음 각 홉(hop)에서 반환 된 패킷을 기반으로 결과를 계산합니다. PathPing은 특정 라우터 또는 링크에서 패킷 손실 정도를 보여주기 때문에 목적지까지의 경로중에 어떤 라우터 또는 링크가 네트워크 문제를 일으키는 찾아 낼 수 있습니다. 명령어 스위치 표SwitchNameFunction-nHost namesDoes not resolve addresses to host names.-h Maximum hopsMaximum number of hops to search for target.-g ..

git/github는 무엇인가?git은 버전 관리 시스템 (Version Control System)의 종류중 하나 입니다.git을 처음 접하시는분들은 대체 git이 뭐길래 다들 사용을 권하는지 모르겠다 의문을 가지시는 분들이 많습니다.하지만 많은 사람들이 권하는 만큼 git의 기능을 알고나면 큰 매력을 느끼시게 될거라 생각합니다.git는 Repository로 버전별로 정리하는것을 말하며, github는 서버에서 Repository를 관리하는 시스템을 말합니다.쉽게 풀이하자면 git은 버전별 소스관리 시스템이라 보시면되고 github는 git을 서버컴퓨터에서 구현해주는 서비스라 보시면 됩니다. 1. git은 무슨 프로그램?코딩을 하다보면 이전 작업했던 내용들을 기억하기 위해 주석을 달거나 별도의 파일을 ..

WYSIWYG(What You See Is What You Get)보는 대로 얻는다는 뜻으로 문서 편집 과정에서 화면에 포맷된 낱말, 문장이 출력물과 동일하게 나오는 방식을 말한다. 이는 편집 명령어를 입력하여 글꼴이나 문장 형태를 바꾸는 방식과 구별된다 위의 이미지 예제는 드림위버 입니다. 대표적인 WYSIWYG소프트 웨이이면서도 textedit가 공존하는 소프트웨어입니다. 대표적인 소프트웨어로는 워드소프트웨어한글, 엑셀, Microsoft Word, 등등.... 그래픽툴 포토샵, 일러스트레이터, 등등.... 웹 개발 툴나모 웹에디터, 드림위버, 스마트에디터, 뮤즈, 등등...

저는 뭔가 새롭게 시작할때 항상 실수 하는것이 있습니다.빨리 배우고 싶은 조급한 마음에 기초를 놓치고 가는것이죠... 그러다보니 기본 규칙에 어긋나거나 작업도중 돌이킬수 없는 일들이 발생하고는 합니다.여러분은 그러시지 않기를 바라며, HTML의 가장 기초가 되는 내용으로 시작하겠습니다. HTML이란?HTML 이란 Hyper Text Markup Language 의 약자로써 월드와이드웹 문서를 작성하는 Markup Language 입니다. HTML 은 여러 태그들로 구성되어 있으며 각 태그들을 사용하여 원하는 형태의 문서를 만들어 갈 수 있습니다. 인터넷문서는 Hyper Text 의 원리를 이용하여 여러 문서를 링크시켜 다양한 정보를 손쉽게 검색하여 볼 수 있게 만들어 줍니다. 이러한 다양한 표현의 가능성..

속성(Attributes) : HTML속성 HTML 요소를 구성하거나 사용자가 원하는 기준에 맞게 다양한 방식으로 동작을 조정하는 추가 값입니다.쉽게 이야기 하자면 html 자체적 속성값을 말하는 것 입니다. Attributes은 일반적으로 아래 예제와 같이 이름 / 값 쌍으로옵니다. name = "value"참고 : 아래 예의 빨강색 부분이 속성명(Attributes name) 파랑색은 속성(Attributes)의 값(value)으로 보시면 될것 같습니다.예) 참고 문서 html속성리스트 : https://developer.mozilla.org/ko/docs/Web/HTML/Attributes 아래표는 위 링크의 내용을 간단하게 요약한 목록 입니다. 자세한 내용을 확인하고 싶으시면 위 링크를 한번쯤 둘..