프로그래밍 & IT 정보/Etc.9

• 

  React Redux 효율적인 공부 방법 어떤 프로그래밍 언어를 사용했든 실무 경험을 어느 정도 쌓은 상태라면 이제는 학습의 방향을 좀 다르게 하여 하나를 깊이 있게 공부하기 보다는 여러 기술을 두루 배우면서 특정 상황에서 효율적인 방법을 찾아가는 연습을 하는 것이 더 나을 지도 모릅니다. 직접 사용할 일이 있을 때 확실히 공부하면 될 것 같고 당장은 다양한 기술들을 직간접적으로 알고 있는 것이 더 중요할 수 있다는 의미입니다. 코딩의 기본 베이스가 갖춰진 상태라면 각 잡고 연습을 하지 않아도 새로운 언어 또는 프레임워크, 라이브러리 등의 강의 내용을 90% 이상 흡수할 수 있습니다. 실제로 생활코딩의 이고잉님 강의를 1.5배속 이상으로 재생하여도 귀에 쏙쏙 들어오는 것을 체험하였습니다. 저는 아직 리액트를 본격적으로 다뤄 본 적은 없지만 웹 .. 프로그래밍 & IT 정보/Etc. 2022. 2. 27.

• 

  리액트(React) 완성도 높은 초보 온라인 무료 강의 추천 안녕하세요. 저는 웹 언어에 관심을 갖고 공부한지 고작 1~2년 정도 밖에 안 된 초보입니다. 따라서 제가 제작한 스킨이 많은 기능을 포함하고는 있지만 내부적으로 완성도가 떨어지는 부분이 분명이 있을거구요. 스스로 인지하고 있기 때문에 차츰 보완해 나갈 예정입니다. 친효 스킨, 고래 스킨 뒤를 이을 티스토리 무료 스킨 제작 프로젝트, 미넴 스킨 소개 및 설치 방법 친효 스킨, 고래 스킨 뒤를 이을 티스토리 무료 스킨 제작 프로젝트, 미넴 스킨 소개 및 설치 방 기본 제공 스킨을 나름대로 고쳐 쓰다가 만족하지 못하고 그냥 새로 만들었습니다. 여태까지 블로그를 하면서 적용한 많은 기능들을 대부분 포함하였으니 누군가에게는 상당히 유용한 스킨이 sangminem.tistory.com 어쨌든 저도 공부를 계속 하.. 프로그래밍 & IT 정보/Etc. 2022. 2. 24.

• 

  인공지능, 머신러닝, 딥러닝 다 같은 말 아닌가요? 간단한 개념 설명 저도 처음 AI(인공지능) 관련 여러 용어를 들었을 때 혼란이 있었습니다. 하지만 조금만 찾아봐도 쉽게 이해가 가능하다는 사실을 알 수 있습니다. 저와 마찬가지로 헤매고 계시는 분들에게 최대한 간단하고 쉽게 말씀을 드리고 싶어서 이 글을 작성하게 되었습니다. 목차 인공지능, 머신러닝, 딥러닝 포함 관계 인공지능은 알다시피 컴퓨터가 인간처럼 행동할 수 있도록 설계한 컴퓨터 공학 기술의 한 분야입니다. 인공지능을 구현하는 방법은 여러가지가 있는데 컴퓨터에게 특정 분야를 학습시켜서 관련 상황을 인지하고 판단할 수 있도록 설계한 방법이 머신러닝입니다. 컴퓨터는 학습량이 많아질수록 인풋에 대한 아웃풋의 정확도가 향상됩니다. 이러한 머신러닝 방법론 중 하나가 딥러닝입니다. 사실 인공신경망과 거의 같은 의미의 용어인.. 프로그래밍 & IT 정보/Etc. 2022. 1. 17.

• [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.