팁스토리, Tips

설치아톰(atom) 에디터 설치 https://atom.io/ A hackable text editor for the 21st Century At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it. atom.io 플러그인 설치를 위해서 셋팅으로 이동 셋팅이동 단축키 ctrl + . 셋팅으로 이동 후 목록 중 Install 선택 Install Packages 창이 뜨는데 해당 영역에서 패키지 검색 후 설치 #..

경고창은 대표적으로 다음 3가지가 있다. alert와 confirm, prompt의 각각 차이점은 클라이언트가 입력할 수 있는 값에 제한을 주고, 입력한 값을 받는 것 뿐이다. 1. alert 경고창이라고 부른다. 사용자에게 정보를 제공하거나 디버깅 등의 용도로 많이 사용한다. 특징. 경고창을 제외한 나머지 화면은 컨트롤이 안된다. 경고창을 띄운 상태로는 다음 동작 코드가 실행되지 않는다. 2. confirm alert와 같은 경고창이지만, 확인을 누르면 true, 취소를 누르면 false를 반환한다. 3. prompt 경고창을 통해서 사용자가 입력한 값을 받아서 js가 얻어낼 수 있다. 즉, return 값은 입력 받은 값임.

선택 1 선택 2 선택 3 선택 4 선택 5 선택 1 선택 2 선택 3 선택 4 선택 5 선택 1 선택 2 선택 3 선택 4 선택 5 선택 1 선택 2 선택 3 선택 4 선택 5 실제 적용 시 1. 기본 2. 디자인적용 3. 화살표없애기 4. 이미지적용 익스플로러10,11에서 화살표를 없애려면 하기 소스 추가 select::-ms-expand { display:none;} 출처: https://blog.naver.com/nsoft21/221068494417

선택 1 선택 2 선택 3 선택 4 선택 5 선택 1 선택 2 선택 3 선택 4 선택 5 실제 적용 시 출처: https://blog.naver.com/nsoft21/221066796522

우리가 흔히 width 값을 쓸 때 %를 사용하거나, px을 많이 사용하는데 100%를 3등분 하는데 숫자가 딱 떨어지지 않을 때 사용할 수 있습니다 사용 방법 div {width:calc(100% -33%);} width:100%; width:calc(100% - 20%); width:calc(100% - 20px); width:calc(100% / 3); 실제 적용 시 출처: https://blog.naver.com/nsoft21/221060975688

/* placeholder 색상변경*/ ::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; } 출처: http://itmore.tistory.com/entry/CSS-placeholder-색상변경 [IT모아]

/* a-style */ a {color: #fff; text-decoration: none; outline: none} a:hover, a:active {text-decoration: none; color:#fff; background-color:#f59000;}

IE Hack IE 6만 적용: 속성 앞에 언더바(_)를 붙임 IE 7만 적용: 속성 앞에 아스트릭크(*)를 붙임 IE 8만 적용: 속성 뒤에 \0/IE8을 붙임 IE 9만 적용: 속성 뒤에 \0/IE9를 붙임 IE 6, 7: 속성 앞에 마침표(.)를 붙임 IE 6, 7, 8: 속성 뒤에 \9를 붙임 IE 8, 9: 속성 뒤에 \0/IE8+9를 붙임 폰트의 구성 Windows XP에는 ‘맑은 고딕’이 없으므로 굴림, 돋움으로 표현된다. 폰트의 차이로 인해 font-size, line-height, width를 조정해야 하는 경우가 가장 빈번한 문제 중 하나이므로, 굴림, 돋움을 기본으로 사용하거나 고려되어야 한다. IE 6, 7 등 구형 브라우저에서 미지원 기능 IE 6, 7에서 inline-block을..

■ PHP CURL를 이용해 FTP 제어하기 ■ 사용법​ 1. 파일을 업로드하는 방법 2. 파일을 다운로드 방법 3. 파일을 삭제하는 방법 4. 파일의 이름변경

속성 설명 src 프레임 내에 삽입할 파일의 이름 또는 주소를 표시한다. name 프레임 내에 이름을 지정 (링크 시 target 지정할때) align left, center, right 정렬을 한다. border 테두리의 두께가 숫자만큼 두꺼워진다. bordercolor 테두리의 색상을 바꾼다. frameborder 창의 경계선(두께)의 지정시 1 이면 경계선이 나타나고 0 이면 경계선이 없어진다ㅐ. framespacing 인접한 창들의 간격 height iframe 의 창의 높이를 조절한다 width iframe 의 창의 너비를 조절한다. marginheight iframe 내부의 창의 상하 여백 marginwidth iframe 내부의 좌우 여백을 나타낸다. topmargin 상단의 공백 scoll..

■ HTML 테이블(TABLE) 속성 ● table ,tr, td 공통 속성 width table ,tr, td 넓이 height table ,tr, td 높이 bgcolor table ,tr, td 바탕색 background table ,tr, td 배경이미지 align table ,tr, td 수평정렬 valign table ,tr, td 수직 ● table~ /table 에만 있는 속성 border 테이블 경계선 두께 bordercolor 테이블 경계선 색상 bordercolorlight 테이블 경계선 색상의 밝은 부분 bordercolordark 테이블 경계선 색상의 어두운 부분 cellpadding 열(셀) 내부에서의 내용물이 경계선으로부터 떨어져야 할 여백 cellspacing 각 열(셀) 들..