💸원 and beyond

Naming GuidelinesCSS 파일 네이밍id/class 선택자 선언 규약id/class 선택자 네이밍 가이드Image 네이밍 규약Image 네이밍 가이드(X) 허용 안함(△) 예외 허용(O) 적극 권장1. CSS 파일 네이밍CSS 파일을 여러개로 나누는 경우 HTTP 요청이 늘어나서 웹페이지 전송속도에 좋지 않은 영향을 주게 되므로 파일의 수는 최소한으로 유지합니다. 사이트 루트 디렉토리에 /css/ 폴더를 생성하고 전역에 쓰이는 파일의 이름은 default.css 으로 지정합니다./css/default.css 모든 스타일을 포함하는 파일 /css/popup.css 팝업등 새로운 페이지 유형이 존재하는 경우 별도로 분리2. id/class 선택자 선언 규약아래와 같이 정형화 된 요소들에 대한 네..

1장 자바스크립트에 익숙해지기 __아이템 1 어떤 자바스크립트를 사용하고 있는지 알아야 한다​애플리케이션이 지원할 자바스크립트의 버전을 정하라항상 스트릭트 모드 확인을 수행하는 최신 브라우저 환경에서 스트릭트 코드를 테스트하라 __아이템 2 자바스크립트의 부동 소수점 숫자 이해하기​자바스크립트의 숫자는 double 정확도의 부동 소수점 숫자다자바스크립트의 정수는 별개의 데이터형이 아니라 double의 부분집합이다비트단위 연산자는 숫자를 32비트의 부호가 있는 integer처럼 처리한다부동 연수점 산술 연산의 정확도의 한계가 있음을 주의해야 한다 __아이템 3 암묵적인 형변환을 주의하라​데이터형 에러는 암묵적인 강제 형변환에 의해 은밀하게 감춰질 수 있다+ 연산자는 인자의 데이터형에 따라 덧셈이나 문자형 ..

1. 자료구조 / 알고리즘 모음 자바스크립트로 구현한 자료구조 - codeKINwiki.codekin.com 2. 해쉬 맵 (HashMap)www.ppomppu.co.kr[출처] [자바스크립트] 자료구조 모음|작성자 쪼쪼

FullScreen API? PPT 프리젠테이션 모드와 같은 화면으로 변경시켜주는 API임 Demo Ex) https://dl.dropboxusercontent.com/u/444684/OpenWebDemos/fullscreen/crossBrowserCentre.htmlhttps://dl.dropboxusercontent.com/u/444684/OpenWebDemos/fullscreen/slideshow.html FullScreen API 업데이트 MS IE v11 에서부터 FullScreen API가 지원이 됨 API는 FullScreen이 Fullscreen으로 소문자로 변경되고 cancelFullScreen에서 cancel이 exit으로 변경됨 Pre-spec Spec Change fullScreen..

홈페이지를 볼 때 가끔 조회하는 동안 로딩 이미지를 보게 됩니다. 저도 잘 몰랐는데 너무 간단하네요. 다음과 같이 jquery에서 지원하는 ajax함수인데요. beforeSend에서 이미지를 보여주고 complete에서 이미지를 감추면 끝입니다. 말그대로 요청 보내기전에 이미지를 보여주고 응답이 완료되면 어미지를 감추는것이죠. $.ajax({ type:"POST" ,url: "서버주소" ,data:"파라미터" ,success:function(res){ (조회성공일 때 처리) } ,beforeSend:function(){ (이미지 보여주기 처리) $('.wrap-loading').removeClass('display-none'); } ,complete:function(){ (이미지 감추기 처리) $('.w..

혜택정보 {$user_name} 님은, [{$group_name}] 회원이십니다. {$dc_min_value} 이상 {$dc_paymethod} 구매시 {$dc_value}을 추가할인 받으실 수 있습니다. (최대 {$dc_max_value}) {$dc_mileage_min_value} 이상 {$dc_mileage_paymethod} 구매시 {$dc_mileage_value}을 추가적립 받으실 수 있습니다. (최대 {$dc_mileage_max_value}) 가용적립금 : {$avail_mileage} 쿠폰 : {$coupon_cnt}개 국내배송상품 ({$basket_count}) 해외배송상품 ({$basket_oversea_count}) 장바구니에 담긴 상품은 {$basket_remove_perd}일 동..

[카페24쇼핑몰] 기획전 목록 현재 위치 홈 기획전 {$top_image_tag} {$title_text_or_image} {$category_name} ({$product_count}) {$category_name} {$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons} {$option_preview_icon} {$basket_icon} {$zoom_icon} {$product_name} {$item_title} : {$item_content} {$item_title} : {$item_content} {$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons} {$option_preview_ic..

[카페24쇼핑몰] 상품상세 검색 상품 검색 상품분류 {$form.category_no} 검색조건 {$form.search_type} {$form.keyword} 인기검색어 {$hot_keyword_name} {$hot_keyword_name} 판매가격대 {$form.product_price1} ~ {$form.product_price2} 검색정렬기준 {$form.order_by} 총 {$total_count} 개 의 상품이 검색되었습니다. {$sort_name} {$sort_name} 검색결과가 없습니다. 변수명설명{$image_url}상단 이미지{$self_link}검색URL{$title_text_display}타이틀 노출여부{$keyword_name}키워드명{$form.category_no}상품분류 ..

[카페24쇼핑몰] 최근 본 상품 목록 최근 본 상품 목록 이미지 상품명 옵션정보 판매가 주문 {$product_name} {$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons} {$zoom_icon} {$product_name} {$product_name} {$option_name}: {$form.option} {$option_name}: {$form.option} {$add_option_name}: {$form.add_option} {$add_option_name}: {$form.add_option} {$product_custom}{$price} {$product_name} {$soldout_icon} {$recommend_icon} {$new_..