썸네일 이미지
JS) 자바스크립트에서 스타일 바꾸기 자바스크립트에서 스타일을 바꾸는 행위는 속도에 영향을 줄 수 있으므로 권장하지 않습니다. CSS로 가능한경우 무조건 CSS를 이용해주세요 특히 계속 변화시키는 경우 예시 : resize 이벤트에서 특정 width , height를 계속 수정 (만약, CSS설정으로 동일하게 가능한데, JS로 처리시 느립니다. 과정이 더 복잡하기 때문인데요. 이로인해 사이트 렉을 유발할 수 있습니다.) DOM의 객체를 선택하는 방법은 여러 가지입니다. document.getElementById(아이디) document.getElementsByClassName(클래스) document.getElementsByTagName(태그 이름 : 'h1', 'div' 등) document.getElementsByName(이름 : nam..
썸네일 이미지
JS) 자바스크립트에서 " ' ` 따옴표, 억음 부호의 차이 자바스크립트 작성 시 String 값을 표현할 때 따옴표를 쓴다. 1. " (큰 따옴표)로 표현 var str="hi098123"; 2. ' (작은 따옴표)로 표현 var str='hi098123'; 3. ` (억음 부호 : backtick)로 표현 : 보통 잘 안 쓰인다. 키보드 숫자 1 옆에 있다. var str=`hi098123`; 이 세개에 차이가 있을까? " ' 는 사실 차이가 없다. C언어 기반(C, C++, C#)과 자바 등에서는 " (큰 따옴표)만 사용하나 JavaScript에서는 차이 없이 쓸 수 있다. \n으로 표현 시 세 개 문자 모두 줄 바꿈을 표현한다. 다만 ` (억음 부호 : backtick)는 차이가 있다. ES6이후부터 사용 가능하여 IE에서는 사용이 불가하다. (그래서 아직..
썸네일 이미지
PHP) 단축 URL 서비스 구축하기 준비물 웹서버 (Apache, NginX 등) PHP MySql(MariaDB) 이 글에서는 Apache 웹서버로 만들것입니다. 간단하게 구조 설명 : 단축 URL 단축 url은 이미 있는 url과 그에 해당하는 key를 만들고, key로 접근 시 url으로 리다이렉트 하는 서비스입니다. 쉽게 http://example.com/mykey 접속 시, 서버에서는 mykey와 매칭 되는 url을 찾습니다. (DB에서 검색) key url mykey https://hi098123.tistory.com/ 따라서 https://hi098123.tistory.com/으로 연결되게 만들 수 있습니다. 아주 간단하게 만들 수 있는 서비스이며, 소스가 공개되어 있는 경우도 많습니다. 이 글에서는 MIT라이선스로 누구나 가..
PHP) cURL Async (PHP5+) PHP5이상에서는 curl_multi_init 함수를 이용 가능하다. curl_multi_init 함수를 이용하여 비동기 처리를 해보려 한다. 아래와 같이 코드를 작성하면 url변수에 담긴 주소들에 비동기 방식으로 접근 가능하다.
썸네일 이미지
CSS) 투명도 조절하고 싶을때 (rgba, opacity) CSS에서 투명도를 조절하고 싶을때가 있을 수 있다. 방법은 두가지가 있는데 글이 짧으니 끝까지 읽는것을 권장드립니다. 먼저 rgba() .className{ background-color:rgba(0, 0, 0, 0.8);/*까만색(0,0,0) 80% 불투명도*/ } .className2{ background-color:rgba(0, 0, 0, 0.2);/*까만색(0,0,0) 20% 불투명도*/ } R 레드 [0~255] G 그린 [0~255] B 블루 [0~255] A(alpha) [0~1] A값을 조절하여 투명도를 조절할 수 있습니다. HEX 방식인 #RRGGBBAA, #RGBA 도 있으나, IE나 구형 브라우저 지원을 안하니 구형 모바일 기기를 포함하여 사이트를 제공하려면 rgba로 쓰는편이 좋습..
티스토리) 댓글에 링크 달기 댓글에 링크를 달 수 없을까? 아래와 같이 간단한 소스로 만들수있다. newTab (새탭으로 열기 true,false) comm 값 (CSS selector와 같은 방식으로) whitelist 값 (자바스크립트 배열 [] 로) 변형해줘야됩니다. 3가지 값을 지정할수있고 마음대로 변경가능하다. ... whitelist 에는 링크를 허용할 도메인을 넣는다. 내 도메인만 허용하려면 var whitelist=[TistoryBlog.url.split("/")[2],TistoryBlog.tistoryUrl.split("/")[2]] 와 같이도 지정가능하다. 모두 허용 하려면 var whitelist=[]; 또는 var whitelist=["*"]; 으로 가능합니다. 조금 더 자세한 설명 참고 https://hi09..
JS) toFixed() 1.0* => 1 (소수가 0일때 없애기) 문자로 보고 정규식이나 split if문등을 이용해서 처리하려할수도 있을것이다. 소수점아래 0을 버리기에는 다시 float로 처리하면 사라진다. parseFloat(val.toFixed(2)); val 이 만약 1.0002 였다면, val.toFixed(2) 는 1.00을 반환할것이다. 그냥 문자열로 보고 처리하려면 if문이나 split 또는 정규식을 쓴다.. 이거는 느리고 좋은 코드가 아니다. parseFloat(val.toFixed(2)) 는 1을 반환한다.
PHP) 어제 날짜 구하기 인터넷에 둘러보니 PHP로 날짜를 구하는데 조금 느리게 구하는것 같아 빠른코드로 적어본다. 더 빠른 코드는 date('Y-m-d', $_SERVER['REQUEST_TIME']-86400); 인터넷에 돌아다니는 코드는 date('Y-m-d', strtotime('-1 day')); 1000번 실행시 속도 차이이다. 0.0020010471343994초 걸림 0.004810094833374초 걸림 0.0028090476989746차이만큼 더 빠름 약 2배넘게 빠르다. PHP사용시 기본적으로 $_SERVER['REQUEST_TIME'] 서버응답 Timestamp를 사용하는데 (단위는 초) 1일 = 86400초를 빼면 어제 날짜를 구할수 있다.