전체 글

오늘 제가 작성해볼 글 주제는 제목에도 있듯이 confirm() 이라는 기능을 사용하지 않고 팝업 등에서 취소, 완료 버튼 기능을 구현하는 것입니다. confirm이라는 편한 기능이 있는데 굳이 사용하지 않는 이유는 예쁘지 않아서..입니다.원하는 디자인으로 예쁘게 만들었는데 투박한 창이 뜨는게 싫어서 조금 귀찮지만 다른 방법을 써보기로 했습니다. 일단 HTML을 간단하게 작성해 보겠습니다./* 보여지는 부분 */ 마동석 수정/* 팝업 레이어 */ 취소 완료  팝업 레이어에서 input 태그에 값을 입력한 후 cancel 버튼을 누르면 원래 상태로, confirm 버튼을 누르면 저장되면서 닫히게 하려고 합니다.처음에 change 함수를 사용했더니 너무 변수가 많아서, input이 blu..

고객의 요청으로 폰트 미리보기 사이트를 만들었는데, 갑자기 모든 폰트가 고딕체로 변했다는 연락이 왔습니다.확인해보니 다른 브라우저에서는 모두 정상적으로 보이는데 '네이버앱' 에서만 폰트가 고딕체로 되어있더라고요. 왜 눈누 페이지는 되는데 내껀 안되지?! 하고 여기저기 뒤져본 결과 일단 확인할 내용1. 네이버앱 설정 > 화면 스타일·폰트 설정에 기본글꼴로 되어있어야함. (눈누에서도 동일하게 보이는지 확인)네이버앱은 사용자가 폰트를 정할수있기때문에, 웹폰트보다 앱에 적용된 폰트가 최우선으로 먹힘..이의경우 강제로 설정할수있는 방법은 없는듯 합니다.!important 를 먹여도 네이버앱 설정이 제일 최고순위인거 같아요. 2. css 확인이의경우 개발자님이 건든뒤로 확인은 안했었는데 다시보니 콤마, 가 들어가있..

자바스크립트를 활용하여 작업하던 도중에 클릭이벤트가 되지 않아 난감할때가 많습니다.저의 경우 slick 등 라이브러리를 사용하여 생성된 슬라이드에 click 이벤트가 먹히지 않았던적이 대부분이었습니다. 그럴때 저는 이 두가지 해결방법으로 거의 해결되었으니 확인해보세요. 1. 내가 작성한 스크립트가 해당 코드보다 아래에 있는지 확인한다.예를들어 slick을 구현하기 위해 $('document').slick(); 이라는 코드를 작성하였을겁니다. 그 이후 작성한 클릭이벤트가 이 코드보다 위에 있을경우 스크립트는 위->아래 방향으로 순서대로 코드를 실행하기 때문에 당연히 slick이 되지 않은 태그를 클릭하니까 이벤트가 발생이 되지 않는겁니다. 2. 그럼에도 되지 않을경우에는 click 이벤트를 다른 형태로 작..

자바스크립트 중에 clipboard.js 라는 라이브러리가 있는데,이걸로 우리는 아주 쉽게 클립보드 기능을 구현할 수 있어요. 아래의 링크로 접속하여 파일을 다운로드 하거나,https://clipboardjs.com/ clipboard.jsA modern approach to copy text to clipboard. No Flash. No frameworks. Just 3kb gzippedclipboardjs.com아래에 올려놓은 CDN 스크립트를 HTML에 삽입해주세요. 1. JavaScript  let clipboard = new Clipboard('a'); clipboard.on('success', function(e) { console.log(e); }); clipboard.on('error'..

1. application/config/config.php 파일 접속    $config['log_threshold'] = 0; 의 값을 1로 바꾸고 저장 2. 홈페이지 새로고침 3. application/logs 경로 접속하면 오늘 날짜로 된 파일이 생성되어있음.

해결방법 : https://ciboard.co.kr/free/p/2051 자유게시판 - 씨아이보드 :: 코드이그나이터 게" data-og-description="코드이그나이터(Codeigniter) 기반 공개형 PHP 무료게시판, PHP Framework, MVC Framework, 씨아이보드, CIBoard, PHP 7 지원" data-og-host="ciboard.co.kr" data-og-source-url="https://ciboard.co.kr/free/p/2051" data-og-url="https://ciboard.co.kr/free/p/2051" data-og-image="https://scrap.kakaocdn.net/dn/dx2FqF/hyW2VuhApF/oC5HVnP7KKkgPKt4Z3..

닷홈에서 웹호스팅을 이용하여 포트폴리오 사이트를 만들어보려 했다.https://ciboard.co.kr/tiptech/p/21 팁&테크 - 씨아이보드 :: 코드이그나이터 게시판 오픈소스" data-og-description="코드이그나이터(Codeigniter) 기반 공개형 PHP 무료게시판, PHP Framework, MVC Framework, 씨아이보드, CIBoard, PHP 7 지원" data-og-host="ciboard.co.kr" data-og-source-url="https://ciboard.co.kr/tiptech/p/21" data-og-url="https://ciboard.co.kr/tiptech/p/21" data-og-image="https://scrap.kakaocdn.net/d..

jQuery를 사용하여 작업을 하다가 clientHeight, clientWidth 값이 undefiend 가 뜰때 해결방법입니다. 1. console.log($(element)) 먼저 콘솔로 값을 찾고싶은 엘리먼트를 찍어주고 새로고침하여 콘솔창을 리로드합니다.그럼 이런식으로 console 창에 요소 정보들이 나열되는데,우리가 구하려는 clientWidth, clientHeight는 0 이라는 배열에 정보가 담기는것을 확인할 수 있습니다. 2.$(element).clientHeight 를 스크립트 작성하면 undefiend값이 뜨지만$(element)[0] 를 사용하면 객체값에 정상적으로 접근되게 됩니다. let e = $(element)[0]let eHeight = e.clientHeight;let e..

작업 중 서버에서 불러오는 요소의 위치가 같으나 불러오는 이미지가 다를경우, 이미지의 alt 또는 title 속성에 따른 css를 적용할 수 있다. 아래 css를 공유하는 두 태그가 있다. 이 이미지에 class를 부여할 수 없을때(외부에서 불러오는 요소 등), 스크립트를 사용해 class를 개별적으로 부여하여 작업하는 경우가 많다. 이미지 하나에 쓰이는 작업량이 많기에 스크립트를 사용하지 않고 CSS만 사용하여 이미지에 적용시키려 한다. 나는 boss 라는 이름(title)을 가진 img 태그에 margin-top : -10px을 주고싶었다. /* 예시 CSS */ img[title$="boss"]{margin-top:-10px;} img[alt$="boss"]{margin-top:-10px;} 이의 ..