전체보기806

• Flutter 유용한 사이트 모음 저도 플러터를 이용하여 앱을 만들어 보기 위해 공부를 하는 중입니다. 공부하면서 찾은 유용한 사이트를 공유하도록 하겠습니다. 1. Flutter 공식 문서 https://flutter.dev/docs Flutter documentation The landing page for Flutter documentation. flutter.dev 플러터에서 제공하는 모든 기능 설명이 여기 있다고 봐야겠죠. 무조건 알아두어야 할 사이트입니다. 2. Dart 공식 문서 https://dart.dev/guides Dart documentation Learn to use the Dart language and libraries. dart.dev 플러터를 이용하려면 필수로 알아야 할 언어입니다. 3. UI 디자인 툴 ht.. 프로그래밍 & IT 정보/Flutter|Dart 2020. 7. 6.

• 

  [왕초보 코딩 0강] 가르치기에 앞서 많이 아는 것과 잘 가르치는 것은 다릅니다. 이 강의는 왕초보도 할 수 있다는 희망을 주는 것이 목표입니다. 교수님들이 잘 가르친다는 느낌을 받기는 어렵죠? 그분들은 강의보다 연구가 메인이기 때문입니다. 겸손한 자세로 잘 가르치기 위한 길을 모색해 보려 합니다. 최근 코딩에 관심이 생긴 분이 많으실 텐데 그 흥미를 꺾지 않으려면 어떻게 가르쳐야 할 지 고민하고 학습자와 눈높이를 맞추겠습니다. 그리고 기존에 많이 찾아볼 수 있는 틀에 박힌 강의와 다른 변태적인 강의법을 강구하겠습니다. 나이에 관계 없이 모두 볼 수 있는 강의를 만들겠습니다. 신뢰가 바탕이 되어야 하므로 부끄럽지만 간단히 소개도 하고 갑니다. - 서울 소재 4년제 대학 컴퓨터공학과 우등졸업 - 중등 정교사, 정보처리기사, 전산회계 등 자격증.. 코딩 강의/왕초보인데 가능할까요 2020. 7. 5.

• 

  서울러 등산의 시작은 안산에서 서울에 살면서 부담없이 다니기 좋은 산인거 같아요. 옆에는 인왕산이 있는데 거기도 한 번 가볼 예정입니다. 먹고 사는 이야기/일상 2020. 7. 5.

• 

  [책 에세이 소개] 미리 알았다면 좋았을 텐데 [미리 알았다면 좋았을 텐데] 이상승, 한혜미, 기린, 달바라기, 이배려, 김소희, 상미넴, 김희정, 길종민, 주영훈 공저 | 좋은땅 | 2017년 12월 11일 사람 사는 것 다 똑같나. 어떤 일을 하는지 특수성에 따른 고민은 있겠지만 사회생활에서의 고민은 다 비슷하다. 다만 시기에 맞는 고민은 있다. 학생이면 학생 나름의 고민. 직장인이면 직장인 나름의 고민. 거기에 본인이 처한 입장과 환경에 따라 조금씩 달라지기는 하지만 기본 골자는 같다. 누구나 그때가 되면 하는 고민과 걱정을 미리 알고 있으면 대처하기 쉽지 않을까 한다. 돌다리를 막연히 건너는 것이 아니라 미리 두드려 볼 수 있는 생각거리를 《미리 알았다면 좋았을 텐데》에 담았다. [출판사 리뷰] 그럴 줄 알았으면 미리 좀 알려주세요 현명하게 .. 먹고 사는 이야기/책 출판 및 앱 출시 2020. 7. 4.

• [SVG] animateTransform 2가지 동시 적용 Object의 모양 및 위치를 동시에 조정해야 할 경우 활용할 수 있습니다. 모양 및 위치 변경 후 그 상태 그대로 유지하도록 구현한 코드입니다. 결과는 다음과 같습니다. 왼쪽에서 오른쪽으로 이동하면서 크기는 줄어드는 타원입니다. 프로그래밍 & IT 정보/Etc. 2020. 7. 4.

• [Ionic4] ion-select customizing(커스터마이징) 방법 Ionic4에서 기본으로 제공하는 select component가 마음에 들지 않아서 변경해 보았습니다. 기존에 적용되어 있던 select icon을 제거하고 새로운 icon으로 대체했습니다. const ionSelects = document.querySelectorAll('ion-select'); let img = null; ionSelects.forEach((ionSelect) => { const selectIconInner = ionSelect.shadowRoot.querySelector('.select-icon').querySelector('.select-icon-inner'); if (selectIconInner) { selectIconInner.attributes.removeNamedItem(.. 프로그래밍 & IT 정보/Etc. 2020. 7. 4.

• [Ionic4] Scroll Event를 활용한 데이터 추가 로딩 방법 Scroll을 맨 아래까지 이동했을 경우 자동으로 데이터가 로딩되도록 하는 방법입니다. Ionic4에서 ion-infinite-scroll 태그를 제공하지만 원하는대로 동작하지 않는 경우가 있어서 직접 구현했습니다. 1. Scroll Event를 받아 처리하는 코드를 작성합니다. private scrollDepthTriggered = false; async scrollingToBottom($event: any) { if (this.scrollDepthTriggered) { return; } if ($event.target.localName != "ion-content") { return; } const scrollElement = await $event.target.getScrollElement(); c.. 프로그래밍 & IT 정보/Etc. 2020. 7. 3.

• [Ionic4] Android MainActivity.java 변경 필요 시 적용 방법 제공되는 Plugin이 없거나 불가피하게 Android의 MainActivity.java 변경이 필요할 경우 적용 가능한 방법으로 별도의 java 파일을 만들어 build 전 덮어 씌울 수 있습니다. 1. ~/scripts 경로에 적용하고자 하는 MainActivity.java 파일을 작성합니다. 보통은 기존 파일에 내용을 추가하거나 일부 제거하는 목적이므로 android로 build 후 해당 위치(~/platforms/android/app/src/main/java/~)로 가서 MainActivity.java 파일을 가져와서 수정합니다. 2. ~/scripts 경로에 updateMainActivity.sh의 이름으로 shell 파일을 생성합니다. #!/bin/bash cp scripts/MainActiv.. 프로그래밍 & IT 정보/Etc. 2020. 7. 3.

• [Firebase/Angular] Cloud Firestore Pagination Query Example Angular에서 Firebase Cloud Firestore DB 데이터 조회 시 Paging 처리를 좀 더 효과적으로 하고자 할 때 참고 바랍니다. import { AngularFirestore } from '@angular/fire/firestore'; import { first } from 'rxjs/operators'; import * as firebase from 'firebase'; export const dbRootPath: string = "rootPath"; // 조회 타입 정의 enum queryType { "init", "after" }; type QueryType = keyof typeof queryType; // 기본 셋팅 정의 export interface QueryConfig.. 프로그래밍 & IT 정보/Etc. 2020. 7. 3.

• [Firebase/Angular] Cloud Firestore Transaction Example Angular에서 Firebase Cloud Firestore의 Transaction 기능을 좀 더 효과적으로 활용하고자 할 때 참고 바랍니다. import { AngularFirestore } from '@angular/fire/firestore'; import * as firebase from 'firebase'; export const dbRootPath: string = "rootPath"; // 트랜잭션 타입 정의 enum transactionType { "set", "update", "delete" }; type TransactionType = keyof typeof transactionType; // 트랜잭션 아이템 정의 export interface TransactionItem { type.. 프로그래밍 & IT 정보/Etc. 2020. 7. 3.

• 로컬스토리지에서 배열로 저장하는 방법 목차 목표 JSON Object를 활용하여 localStorage에 배열 형태로 값을 저장할 수 있습니다. 방법 JSON Object를 만들어 저장하고 불러오는 방식으로 구현하였습니다. Set 함수 구현 key에 대응하는 value를 배열로 갖는 JSON Object를 만든 후 JSON String으로 변환하여 localStorage에 저장합니다. function setArray(key, value, limitMax){ var str = localStorage.getItem(key); var obj = {}; try { obj = JSON.parse(str); } catch { obj = {}; } if(!obj){ obj = {}; obj[key] = []; } obj[key].push(value); .. 프로그래밍 & IT 정보/Javascript 2020. 7. 3.

• 자바스크립트 URL 및 E-Mail 링크 자동 생성 [목표] URL 및 E-Mail 입력 시 자동으로 태그 링크를 생성합니다. [방법] 아래와 같이 정규식을 활용하여 태그를 추가합니다. function autoLink(id) { var container = document.getElementById(id); var doc = container.innerHTML; var regURL = new RegExp("(http|https|ftp|telnet|news|irc)://([-/.a-zA-Z0-9_~#%$?&=:200-377()]+)","gi"); var regEmail = new RegExp("([xA1-xFEa-z0-9_-]+@[xA1-xFEa-z0-9-]+\.[a-z0-9-]+)","gi"); container.innerHTML = doc.replace.. 프로그래밍 & IT 정보/Javascript 2020. 7. 3.