목록프로그래밍 (36)

ㅇㅅㅇ

[JS, JAVASCRIPT] 모바일기기로 접속했을 경우, 모바일 페이지로 이동하기

모바일 디바이스를 감지해 모바일 페이지로 리다이렉트 되는 스크립트 둘 중 하나 쓰면 된당. 1. var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windowssce|palm/i.test(navigator.userAgent.toLowerCase())); if (mobile) { window.location.href = "이동할 경로"; } 2. 출처 : lemny.tistory.com/134 var UserAgent = navigator.userAgent; if (UserAgent.match(/iPhone|iPod|Android|Windows CE|BlackBerry|Symbian|Windows Phone|webOS|Opera Mini|Opera Mobi..
프로그래밍/JAVASCRIPT 2020. 8. 10. 18:39
카페24쇼핑몰 디자인 수정 시 참고 사이트

현 회사에서 하드코딩 업무도 진행하지만 쇼핑몰의 경우에는 대부분 고도몰이나 카페 24 솔루션을 이용해 제작한다. 나는 디자인 수정하고 사용가능 변수를 포함시킨 모션 구현 정도? 사실 구글에 '카페24쇼핑몰 ***'라고 검색하면 원하는 내용이 페이지에 있을 경우, 근접하게 검색결과로 나오기에 굳이 정리할 필요는 없을 수 있지만 나중에 쓰게될지 모르니 정리해봄 참고로 디자인 수정이라고 썼는데 디자인 수정시 필요한 모듈 찾거나 기능을 지우지 않기 위해 참고하는 사이트임... (그리고 전부 카페 24에서 지원하는 메뉴얼..ㅋ.ㅋ.ㅋ.ㅋ.ㅋ..) 1. 스마트 디자인 서포트 - 모듈리스트 http://sdsupport.cafe24.com/index.html 스마트디자인 서포트 sdsupport.cafe24.com ..
프로그래밍/기타 2020. 7. 27. 14:56
웹표준과 웹접근성

1. 웹표준 말 그대로 웹상에서 지켜야 하는 표준적인 규칙이라고 할 수 있습니다. 좀 더 구체적으로 말하자면 국제 표준화 단체인 W3C(World Wide Web Consortium)가 지정한 표준안을 지켜 웹사이트를 제작하는 것입니다. 또한 그렇게 함으로써 어떤 운영체제나 웹브라우저 상에서도 비교적 동일한 디자인과 기능을 구현하는 데에 그 목적이 있다고 할 수 있습니다. 1) 웹표준의 장점 ① 수정 및 관리의 용이 웹표준을 준수하여 (X)HTML과 CSS가 분리된 사이트를 만들 경우 수정사항이 있을 시 CSS의 수정만으로도 손쉽게 디자인의 수정이 가능해 집니다. 따라서 엄청난 시간, 비용절감의 효과를 누리실 수 있습니다. ② 파일 사이즈의 감소를 통한 웹공간의 확보와 로딩 시간 감소 웹표준을 준수하여 ..
프로그래밍/기타 2019. 11. 20. 10:02
이미지 영역에 임시 이미지를 넣어보자(Placehold, placeimg)

코딩을 하다보면 굳이 시안의 이미지를 자를 필요는 없지만 이미지 삽입할 영역을 만들어야 할 때가 있어 찾아보고 사용하게 되었다. (이름을 누르면 해당 사이트로 접속할 수 있다.) 1. Placehold.it placehold는 원하는 이미지 사이즈를 입력하면 바로 출력되는 가장 간편하게 사용할 수 있는 방법이다. 텍스트 형식으로 제공해 사이즈가 어떻게 되는지 한 번에 볼 수 있다. 텍스트와 배경색이 필요하면 아래와 같이 적용하면 된다. 2. placeimg 이미지 사이즈 뒤에 이미지의 카테고리를 설정 후 디폴트는 any 혹은 Animals, Architecture, Nature, People, Tech의 5개의 카테고리에 Grayscale, Sepia형식의 필터 2가지의 조합으로 된 서비스다. place..
프로그래밍/HTML 2019. 4. 20. 09:00
티스토리 코드블럭에 하이라이트 적용해보기

티스토리가 바뀌면서 코드블럭이라는 에디터 기능이 생겼습니다(오오)! 그런데 기대하며 사용해봤는데 어딘가 불편.... 해서 구글검색의 힘으로 highlight.js를 적용해 사용하기로 했습니다. (지극히 개인적인 수순으로 포스팅을 기재합니다ㅎ) 1. 스타일 선택 데모페이지에서 89가지의 스타일 중 원하는 스타일의 이름을 기억합니다. 저는 atom-one-dark를 선택했습니다. 2. 설치 여기로 접속해 직접 다운로드하거나 cdnjs, jsdelivr 라고 되어 있는 텍스트를 복사합니다. 아래와 같지만 버전이 업데이트 될 수 있으니 들어가서 확인해 보세요. 저는 cdnjs을 이용했습니다. 3. 적용 [블로그 관리]-[스킨 편집]-[html 편집]으로 들어가 태그 부분은 사이에 style.css와 font.c..
프로그래밍/기타 2019. 4. 15. 16:15
티스토리블로그에 소스코드 플러그인 넣기(소스코드하이라이터)

이 블로그는 전공+부업 공부용 블로그입니다 해서 해놨던거 프론트 앤드(html+css+js)자료를 넣어 보려고 하는데 저도 검색하다보니 블로거 분들이 쓰시는 플러그인(소스코드하이라이터)이 있어서 저도 받아 써보고 처음쓰시는 분들계 알려 드리고자(저도 정리할겸) 하는 맘에 작성법을 정리해봅니다. 도움이 되었으면 하네요 *사용방법* 1. 파일을 다운받아 컴퓨터에 압축을 풀어줍니다. 압춘 푼 후의 모습 티스토리에는 scripts와 styles 소스를 업로드합니다. 2. 티스토리 블로그 관리에 꾸미기로 들어가 스킨편집을 누른 후 html 편집으로 들어갑니다. 추가버튼으로 위의 scripts와 styles폴더의 파일의 전부 업로드한 후에 저장을 합니다. 3. 파일업로드 후 html 수정에서 사이에 아래의 소스와 ..
프로그래밍/티스토리 블로그 2018. 9. 7. 10:30
Prev 1 2 3 4 Next