남다른 논리

프로그래밍/웹프로그래밍

쇼피파이 | 제품설명 부분 넓게 사용하기

쇼피파이(Shopify)의 기본 템플릿을 쓰다보면, 설명문이 아래의 그림처럼 오른쪽으로만 있습니다. 이것을 아래로만 바꾸면 더 많은 설명을 넣을 수 있습니다. 또한, 설명문이 길 경우 왼쪽만 비어있는 경우도 있습니다. 이를 바꾸는 방법을 설명합니다. 먼저, 관리자에서 Theme의 Action을 Edit Code로 선택합니다. 코드 수정파일이 나오면, 소스폴더의 Sections에서 'Add a template'을 한 후 Product-alternate1-template.liquid를 쓰면 빈 파일이 생깁니다. 같은 디렉토리의 Product-template.liquid를 열어 전체 내용을 복사해 위의 새로 만든 파일에 복사해 넣고 아래 내용을 찾습니다. (270줄) {{ product.description ..

프로그래밍/모바일: iOS, Java, Android, Swift

[JAVA] length와 length(), size 사용법

length와 length(), size의 용도 자바를 공부하다 보면, 비슷한 목적으로 length와 length(), size 의 사용을 하고있다. 하지만 반듯이 다른 곳에서 사용됩니다. length --- arrays (int[], double[], String[]) ---- 배열의 길이를 알려 할때 사용한다. length() --- String related Object (String, StringBuilder etc) - 이것은 문자열의 길이를 알고자 할때 사용된다. size() --- Collection Object (ArrayList, Set etc) 컬렉션 타입의 길이를 확인할때 사용된다. 먼저 뒤의 두가지를 살펴보겠습니다. length 는 메소드가 아니므로 오브젝트로 사용되지않습니다. 따라..

프로그래밍

티스토리에 구글 서치콘솔 연동하기

티스토리 블로그내용을 구글에서 검색잘되도록 하기 위해서는 구글의 서치콘솔에 연동해야 합니다. 먼저 티스토리의 블로그 관리메뉴에서 '플러그인'을 선택하고, 플러그인 중 '구글 서치콘솔'을 클릭합니다. 계정 연결하기를 눌러, 구글 계정을 선택하고, 클릭 클릭을 하면 티스토리에서 알아서 연결해 줍니다. 내 블로그의 사이트맵 제출 방법 아래는 구글 서치콘솔 웹사이트 입니다. search.google.com/ Google www.google.com 메뉴에서 Sitemap 메뉴에서 사용하는 블로그의 주소인 https://주소/sitemat.xml을 등록하면 됩니다. (티스토리 계정에서 플러그인으로 입력하면, 자동으로 등록됩니다.) 또한 RSS도 같은 방법으로 등록하면 아래와 같습니다.

프로그래밍

[쇼피파이-shopify] 국가별 화폐표기

쇼피파이에서 다국어를 설정하면서, 미국 또는 캐나다 판매 사이트 설정시 CAD인지, USD 인지 화폐를 설정하는 것이 필요합니다. 아래의 절차대로 세팅을 진행하면 되며, 화폐표기 변경법 (Change your currency formatting) 화폐표기 변경법은 아래와 같습니다. From your Shopify admin, go to Settings.(쇼피파이 관리자에서, 세팅 메뉴로 갑니다.) Click General.(다음 일반을 클릭하고) In the Store currency section, click Change formatting. (쇼핑몰 화폐섹션에서, 포맷변경을 클릭합니다.) In each of the fields, replace {} with the currency format that..

프로그래밍/웹프로그래밍

[Javascript] Li 태그요소를 array (배열)로 넣기

자바스크립트를 만들다 보면 HTML안에있는 Li 또는 Form안의 값을 배열에 넣을 필요가 있다. 이때의 방법은 아래와같습니다. 1) [넣을 HTML] One Two Three Four Five [Javascript 처리 방법] var lis = document.getElementById("navbar").getElementsByTagName("li"); alert(lis[0].id); 각 Li의 값을 변수 lis 에 넣었고, 이것을 alert창으로 띄워 확인하는 것입니다. [처리 결과] One Two Three Four Five 두번째로 4개의 라디오 버튼에서 사용자가 무엇을 선택했는지 확인하는 방법입니다. [넣을 HTML] question"; "+chA+" "+chB+" "+chC+" "+chD+" ..

프로그래밍/웹프로그래밍

부트스트랩(BootStrap)이란

부트스트랩이란 반응형, 모바일 웹이라고 합니다. 요즘 모바일 또는 탭으로 웹을 접속하는 사람이 많기 때문에, 이러한 다양한 기기에 맞는 웹사이트를 별도로 만드는 것이 아니라 반응형, 모바일 중심의 사이트를 만드는 것입니다. 아래는 영어로된 정의입니다. (w3schools) Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites. 부트스트랩은 HTML, CSS를 사용하기 편하게 정의해 놓고, 가져다쓰는 방식이라고 합니다. 기본 틀은 아래와 같은데, CSS부분을 보듯이 CSS를 웹을 제작할때마다 별도로 만드는 것이 아니라 사전 정의되었있는 웹에 있는것을 가져..

프로그래밍

테스트 자동화란? (Automated testing)

프로그램 테스트 자동화라는 말이 언급되는데, 대략 짐작은 가지만 명확하지 않아서 찾아본 결과를 공유합니다. Automated testing tools are capable of executing tests, reporting outcomes and comparing results with earlier test runs. Tests carried out with these tools can be run repeatedly, at any time of day. 위의 내용처럼 자동화된 테스팅툴은 테스트 실행을 자동화하고, 수정 이전의 결과의 비교하여 결과 보고서를 만듭니다. 따라서, 반복적으로 테스트 할때 유용하다고 하는군요. 무료 툴중 셀레니움이 이러한 테스트 자동화 기능을 제공합니다. 셀레니움의 기능중 ..

프로그래밍

Axure (아슈르) 강좌 2 for UX

Axure를 공부하며 중요한것 몇가지를 적어봅니다. 1. Reusable Style: 재사용 가능한 것을 Master에 등록해 적용한다. 장점은 이전 블로그에 설명 했지만, 아래와 같으며, 특히 여러 페이지에 반복적으로 나오는 메뉴바나 문장을 한번에 고칠 수있다. 2. Form validation 폼은 일반적으로 '라이브러리'의 아이콘을 사용하면 되지만, 정확한 내용을 입력하는 지를 검사하는 폼 검사는 적용할 수 있다. 이때 form validator를 사용한다. 3. 작성한 프로젝틀 html로 변환가능하다. Publish > Generate HTML files... 4. Check boxes and Radio Buttons 라디오 버튼은 중복 선택이 가능하다. 5. Show/hide menus 햄버거 ..