전체 글

고객의 요청으로 폰트 미리보기 사이트를 만들었는데, 갑자기 모든 폰트가 고딕체로 변했다는 연락이 왔습니다.확인해보니 다른 브라우저에서는 모두 정상적으로 보이는데 '네이버앱' 에서만 폰트가 고딕체로 되어있더라고요. 왜 눈누 페이지는 되는데 내껀 안되지?! 하고 여기저기 뒤져본 결과 일단 확인할 내용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;} 이의 ..

더보기 이전글 :: [React] useState, onChange를 활용하여 input값 변화시키기! input 상태관리 https://june6.tistory.com/33 :: [React] Input - submit - form 구현하기 [리로딩 방지 외] https://june6.tistory.com/36 목표 useState를 사용하여 간단하게 리스트에 내용을 추가한다. 일단 이전에 작성했던 코드를 가져와보았다. //InputForm.js import React, { useState } from 'react' const InputForm = ()=>{ const [text, setText] = useState('') const onChange =(e)=>{ setText(e.target.valu..