💸원 and beyond

모듈명: mall_company 상점명 {$mall_name} 대표이사 {$president_name} 대표전화 {$phone} 주소 {$mall_addr1} {$mall_addr2} 사업자등록번호 {$company_regno} 통신판매업신고 {$network_regno} 개인정보 관리책임 {$cpo_name} 호스팅제공 심플렉스인터넷(주) 회사소개 정보 {$info} 회사위치 정보 {$map_image} /css/module/mall/company.css #contents { padding:0 0 8px; } .xans-mall-company { margin:14px 7px 0; font-size:13px; } .xans-mall-company .info { margin:7px 0 0; border:1..

모듈명: layout_logincheck 사용 가능 변수 layout_logincheck (로그인체크) Class 반환 코드값 : xans-element- xans-layout xans-layout-logincheck

모듈명: order_form 쇼핑몰 이용약관 {$form.mall_agreement} 확인 /css/module/order/agreementMall.css #popup div.wrap { padding-bottom:7px; background:#f1f1f1; } .xans-order-form #mall_agreement { display:block; width:100%; font-size:12px; } /js/module/order/auto_resize.js $('.wrap').delegate( 'textarea', 'keyup', function (){ $(this).height( 0 ); $(this).height( this.scrollHeight ); }); $('.wrap').find( 'text..

모듈명: product_sizeguide 사이즈 가이드 의류 의류 XS S M L XL XXL KOREA 44 (85) 55 (90) 66 (95) 77 (100) 88 (105) 99 (110) US 2 4 8 12 16 18 JP 5 7 9-11 13-15 17 19 CN 155/80A 160/84A 165/88A 170/92A 175/96A 180/100A EU 32-34 36 38 40 42 44 UK 4-6 8 10 12 14 18 하의 XS S M L XL XXL 하의 사이즈 (inches/cm) 25 in 27 in 29 in 31 in 34 in 36 in 63.5cm 68.5cm 73.5cm 78.5cm 86cm 91cm 신발 신발 KOREA (mm) 225 230 235 240 245 ..

모듈명: myshop_orderissuecash 현금영수증 신청양식 작성 {$form.order_id} 현금영수증 신청양식 구분 {$form.user_type} {$form.mobile_identity} {$form_label.mobile} {$form.mobile} {$form.regno_identity} {$form_label.regno} {$form.regno} 현금영수증 신청 ./css/module/myshop/orderIssueCash.css #popup { min-width:320px; } #popup div.wrap { background:#f1f1f1; } .xans-myshop-orderissuecash table { border:1px solid #ccc; color:#1b1b1b; l..

모듈명: myshop_asyncbenefit {$member_name}님의 구매등급은 [{$group_name}]입니다. {$dc_pay} {$dc_min_price} 구매시 {$dc_price}{$dc_type}을 {$use_dc} 받으실 수 있습니다. {$dc_max_percent} ({$dc_pay} {$mobile_dc_min_price} 모바일 구매시 {$mobile_dc_price}{$mobile_dc_price_type}을 {$mobile_use_dc} 받으실 수 있습니다. {$mobile_dc_max_percent}) {$dc_pay} {$dc_min_price_mileage} 구매시 {$dc_price_mileage}{$dc_type_mileage}을 {$use_dc_mileage} 받으..

myshop_asyncbenefit myshop_asyncbankbook

CJ 올리브영이 대규모 정기 세일이 오늘 6월2일 부터 8일까지 일주일간 여름 시즌 인기 상품을 최대 70% 할인하는 '올영세일' 진행을 한다고 한다! 행사는 전국 매장이랑 공식 온라인몰에서 동시에 실시된다고 합니다!! 올리브영 살건 없어도 방문해서 아이쇼핑만 해도 기분좋아지는데 할인폭이 최대 70%라니.. 그리고 매장픽업도 가능하니 이건 무조건 둘러봐야할 각..! 세일에 참여하는 브랜드들은 클리오, 닥터지, 브링그린, 라운드랩, 아비브, 웨이크메이크, 셀퓨전씨, 에스트라, 투쿨포스쿨, 더랩바이블랑두 등이 있다. 프리미엄 브랜드 맥, 어반디케이 등 제품이 무려 1+1으로 구성됐다!! 그나저나 작년에는 어떤게 할인이였을까요 ? 1. 닥터지 레드 블레미쉬 클리어 수딩크림 2. 어반 디케이 올나이트 세팅 픽서..

글의 구조를 마크업할 때 고민해야 할 게 많다. 이번에 다룰 것은 부제를 HTML 태그로 어떻게 표현해야 할 것인가다. 결론적으로 나는 아래처럼 사용하기로 마음먹었다. [박근혜 탄핵] 美 매체들 "한국 민주주의 발전 보여준 파면 결정"…이정미 재판관도 조명 명세를 확인하는 게 올바른 사용법을 아는 지름길이다. 클리어보스에서 여러 번 들었던 말인데 최근 새삼 느꼈다. 자세한 내용은 4.12.1 Subheadings, subtitles, alternative titles and taglines 항목에서 찾아 볼 수 있다. HTML에는 부제를 표현하는 태그가 없으며, 아래와 같은 방법을 제안한다 하고 설명이 돼 있다. 명세가 제안하는 방법은 세 가지다. 기호를 사용해서 구분하는 방법 美 매체들 "한국 민주주의..

"1+1은 무엇일까요?"라는 질문을 자주 듣습니다. 산수 시간에 말하는 정답은 2가 되겠죠. 세상에는 그 너머 다양한 정답이 존재할 수 있습니다. 어떤 관점으로 생각하느냐에 따라 다른 정답이 나오죠. 저자인 휴고 기로델은 이 글에서 독자에게 'Sass 프로젝트의 아키텍처란 바로 이것이다'라고 정답을 알려주지 않습니다. 대신 다양한 정답이 나오도록 Sass 프로젝트의 아키텍처 개념을 얘기합니다. 이 글을 읽고 여러분의 Sass 프로젝트에서 멋지게 창의력을 가미한 아키텍처를 만들어 보시기 바랍니다. [편집자 주]예전의 단순했던 CSS만으로 일했던 그때를 기억하시나요? 사용한 CSS 파일은 단 하나지만 (코드의 줄은) 잠 못 이루는 밤보다 더 길었습니다. (대게 서툴게 작성된) 셀 수 없이 많은 줄과 거기서 ..

일반적인 질문: Twitter,Facebook 등의 SNS를 사용하시나요? * 사용한다면, 누구를 팔로우 하고 있나요?GitHub을 사용하시나요? * 사용한다면, 어떤 프로젝트를 Watch 혹은 Fork하시나요?자주 보는 Blog가 있습니까?버전 관리 시스템은 어떤 것들을 사용해보셨습니까?선호하는 개발 환경은 무엇입니까? (운영체제, 에디터, 브라우저, 도구 등등)당신이 웹 페이지를 만들 때의 과정을 설명 해주실 수 있을까요?점진적 향상법(progressive enhancement)과 우아한 성능저하법(graceful degradation)의 차이를 설명하실 수 있습니까? * "누구도 성공하지 못합니다" 라고 말하면 보너스 포인트를 주세요. * 각 특색을 설명을 한다면, 더 높은 보너스 포인트를 주세요...

# 마크업 개발 레벨 테스트레벨테스트의 목적은 현재 파악하고 있는 수준을 측정함에 있습니다. 자료를 찾아서 답을 작성하지 마시고, 편안한 마음으로 아는 만큼만 적어주세요.모든 답변은 2줄이 넘지 않을 정도의 분량으로 간결하게 작성해주세요. ## HTML1. Doctype을 사용하지 않을 때는 무슨 일이 발생할까요? 2. 웹표준에 맞게 작업할 때 b, i 태그 대신 적합한 태그는 각각 무엇일까요? 3. block 요소와 inline 요소에 해당하는 태그들을 각각 5개씩 적어보세요. 4. blockquote 태그는 어떤 용도로 사용해야 할까요? 5. 인라인 스타일(style=”property:value”)을 가급적 사용하지 말아야 할 이유는 무엇일까요? 6. myPhoto.jpg 파일을 img 태그로 작성해..

자바스크립트 성능 최적화 #1 포스트와 마찬가지로 NHN은 이렇게 한다 자바스크립트 성능 이야기의 내용들이다. 브라우저 렌더링 과정 및 기타에서도 속도를 향상 시킬수 있다. 렌더링 및 기타 방법에는 크게 아래 4가지 방법이 있다. reflow, repaint 최소화노출 제어를 통한 reflow 최소화 (display 속성 이용)DOM, 객체 캐싱기타 reflow, repaint 최소화 같거나 동일한 작업은 그룹을 묶어 실행한다. (구버전 브라우저에서는 전의 작업의 경우, 여러번의 reflow와 repaint가 발생하나 최신 버전 크롬의 경우 한번만 발생한다고 함) reflow와 repaint에 대한 설명은 아래 글 참고 브라우저 렌더링 : reflow & repaint // 전 var width = do..

nhn은 이렇게 한다 자바스크립트 성능 이야기의 내용들을 발췌하였음 바로 활용할 수 있는 부분을만 추려서 요약한다. 코드 스타일 부분에서는 크게 아래 3가지를 통해 성능을 향상시킬 수 있다. 변수, 객체 생성 및 접근정규표현식반복문 변수, 객체 생성 및 접근 1) 배열 생성 : var arr = []; 이 var arr = new Array() 보다 빠름 2) 배열 데이터 초기화 및 접근 : arr[i] = i;이 vs arr.push(i); 보다 빠름 3) 객체 생성 : var obj = {}; vs var obj = new Object(); 보다 빠름 4) 객체 데이터 초기화 및 접근 : obj.a = 1; vs obj["a"] = 1; 보다 빠름 5) 문자열 생성 : var str = "test";..

렌더링 과정 1) DOM 트리 생성 2) 스타일 구조체 생성 3) 렌더 트리 생성 4) 레이아웃 처리 5) Paint 6) 페이지 기능에 따라 Reflow, Repaint가 추가로 발생 reflow 생성된 DOM 노드의 레이아웃(너비, 높이 등) 변경 시, 영향받은 모든 노드(자식, 부모 등)의 수치를 다시 계산하여 렌더 트리를 재생성하는 작업 function reflow() { document.getElementById('test').style.width = '100px'; return false; } repaint Reflow 과정이 끝난 후 재생성된 렌더 트리를 다시 그리는 작업. 수치와 상관없는 background-color, visibillty, outline 등의 스타일 변경 시에는 Reflo..