개발194 ionic card 카드 디자인 퍼블리싱 예제 css 홀수 짝수 적용 다음과 같이 처리를 해준다. 1. content 백그라운드 회색배경 2. 공용 div scss 처리 3. 홀수 div 처리 짝수 div 처리 html dd ss css ion-content{ --ion-background-color:#f3f3f3; } .card_div{ float:left; width: calc(50% - 21px); background: white; height: 180px; } .card_div:nth-child(even) { margin-right: 14px;margin-left: 7px; } .card_div:nth-child(odd) { margin-left:14px;margin-right:7px; } 결과 화면 2020. 12. 29. ionic ion-content background-color 예제 example scss ion-content{ --ion-background-color:#f3f3f3; } 2020. 12. 29. aws ip 접속 권한 추가 EC2 SSH aws 접속 ec2 서비스 접속 보안그룹 클릭 보안 그룹 생성 네이버 내 아이피 확인 인바운드 규칙 편집 예시) SSH / TCP / 22 / 사용자 지정 / 000.000.00/32(네이버에서 검색한 내 아이피) / 비고란 추가 규칙저장 2020. 12. 29. 초보도 따라할 티스토리 소스코드 꾸미기 소스코드 작성하기 예제 소스 티스토리에는 소스블럭 삽입 이라는 기능이 있습니다. 글쓰기 시 위와 같은 방식으로 소스 블럭을 삽입 할 수가 있습니다. 글쓰기의 화면은 위와 같지만 글 작성 후 실제화면은 아래와 같이 표출됩니다. 배경색과 테두리, 글자 들여쓰기, 폰트가 그대로 표출되지 않고 변경되는걸 볼 수가 있어요 예상대로 글이 표출되지 않고 보기 이쁜 상태가 아닌지라... 오늘은 이 소스블럭을 글쓰기와 같이 꾸미는 방법을 소개하겠습니다. 먼저 관리 페이지 좌측 하단에서 스킨 편집을 누릅니다. 표출되는 페이지 상단 CSS를 누를경우 style.css 파일을 수정할 수 있습니다. 수천 줄의 소스코드가 작성 되어있는데요. 모든 소스를 볼 필요 없습니다. 특정 영역만 수정해주면 되는데요~ 어떤 영역을 수정해야 우리가 원하는 코드블록을 변경.. 2020. 12. 29. ionic spinner 예제 example ionic spinner를 통하여 데이터 리스트를 통신하는 동안 페이지에서 데이터를 가져오고 있다고 표시할 수 있다. 이를 위하여 4가지 처리를 해주어야 한다. 1. 노출 처리를 위한 변수 생성 2. 생성자에 setTimeout으로 변수 값 변환처리 3. html에 ion-spinner 삽입 4. *ngIf 사용 알고리즘은 아래와 같다. ngif문을 사용하여 노출처리 변수값에 따라 내용은 비노출 ion-spinner은 노출한다. HTML 1.5초후 표출될 내용 TS //초기 변수 private isShow =true; //생성자 constructor() { //1.5초 후 false로 변경 처리 setTimeout(()=>{ this.isShow =false; },1500) } 2020. 12. 29. ionic 안드로이드 기기로 프로그램 실행하기 STEP1 휴대폰 잭연결 STEP2 device 인식 프로그램 필요하면 설치 STEP3 설정 -> 개발자 모드 -> usb 디버깅 on STEP4 명령어 입력 연결 가능 기기 목록 보기 adb devices => R3CN4034DDD 이런식으로 기기 내역 나온다면 정상 연길 기기로 실행 ionic cordova run android --target="R3CN4034DDD" 2020. 12. 23. android adb device 장치연결 인식 안됨 접속장비 :lg 20 1차 발생 usb 가 연결 되었다가 조금만 툭 건드리면 연결이 끊어짐. -> 선을 안 건들이고 작업함. 2차 발생 -> 현상이 심해짐 설정 -> 개발자 도구 -> USB 디버깅 off -> on off 로 해결됨 3차 발생 이젠 연결 자체가 안됨;;;; 잭 새로 구입. 위와 같이 설정을 건드리지 않았는데 충전만 되고 디버깅 접촉 불량이 발생한다면... 새로운 잭을 구매해야 한다. 4차 발생 잭 바꿨는데 되다가 또 안됨... 핸드폰 문제 or pc 환경 문제로 짐작되어서 컴퓨터 재부팅 했더니 다시됨 2020. 12. 22. mysql 위도 경도 가까운 거리 계산 쿼리문 쿼리문 예시 SELECT 컬럼들, (6371*acos(cos(radians(lat좌표값))*cos(radians(lat좌표값))*cos(radians(lng좌표값) -radians(lng좌표값))+sin(radians(lat좌표값))*sin(radians(lat좌표값)))) FROM 테이블 HAVING distance 2020. 12. 21. ionic 이미지 미리보기 css input 감춤처리 파일 선택시 업로드 전에 이미지를 미리보는 기능 HTML Upload SCSS #myFileInput{ position: absolute; opacity: 0; } .myFakeUploadButton{ /* Whatever you want */ } HTML 위와 같은 방식으로 적용을 하면 된다. 실제 적용 소스 예제는 아래와 같다. HTML SCSS #myFileInput{ position: absolute; opacity: 0; } .myFakeUploadButton{ /* Whatever you want */ } TS //이미지 선택시 실행 selectedFile(event){ this.photo=event.target.files[0]; console.log(this.photo); this.proj.. 2020. 12. 21. ckeditor ck 에디터 소스보기 class등 날아가는 현상 태그 자동변경 방지 ckeditor ck 에디터 소스보기 class등 날아가는 현상이 발생할 수 있다. js파일에 다음소스를 추가해주면 해결된다. allowedContent:true, 소스 문맥 예시 var objEditor = CKEDITOR.replace('content', { allowedContent:true, height: 300, extraPlugins : 'tableresize', filebrowserUploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files', filebrowserImageUploadUrl: '/daemon/ckeditor_upload.php?command=QuickUpload&type=Images'.. 2020. 12. 21. intel haxm is required to run this avd. vt-x is disabled in bios 에러 메세지 intel haxm is required to run this avd. vt-x is disabled in bios 문제 바이오스에서 가상 디바이스를 찾지 못할때 발생하는 현상 disabled로 설정되있기 때문 해결 방법 1) 시작시 f10 등을 눌러 바이오스를 접속 2) 가상기기를 disabled 에서 enabled 로 변경 2020. 12. 21. Bitbucket 무료 git 저장소 생성 개발도구 추천 형상관리를 할 줄 모르는 개발자를 개발자라고 할 수 있을까? git 을 처음 학습할 때 데이터 저장소를 만들어서 버전 별 백업기록을 남기고 데이터를 로드한다는 이론적인 개념까지는 쉽게 이해가 되었지만... 실제로 어떤 과정으로 구성이 되는지 이해가 되지 않았다. 햇갈렸던 이유를 실무에서 사용하고 나서야 깨닫게 되었는데 그것은 직접 데이터 저장소를 생성하는 경험이 부재되어서 내가 백업하는 데이터가 어디에 저장되는지 어떤 형태로 저장되는지 이해가 가지 않았던 것이다. 한 과정이라도 이해가 가지않으면 전부가 햇갈린다. 같은 어려움을 겪고있는 사람들이 있다면 참고되길 바라며 글을 기록한다. 깃을 처음 공부한다면 아래와 같은 순서로 학습방법을 추천한다. 1. 백업 데이터 저장소 생성 2. 깃 다운 3. 백업할 데.. 2020. 12. 21. 이전 1 ··· 11 12 13 14 15 16 17 다음
