분류 전체보기 검색 결과

해당 글 777건

클라이언트단에서의 머신러닝?

클라이언트에서 머신러닝 등이 언급되는 건 다음과 같은 사실 때문이다. 1. 데스크탑 혹은 모바일 내에서 WebGL을 경유한 기기 GPU 성능 내에서 적당한 ML 2. 5G를 통한 빠른 데이터 전송 3. tensorflow.js와 같은 클라이언트 단에서의 딥러닝 프레임워크의 존재 4. cloud computing -> edge computing으로의 부상. (굳이 서버까지 가지말고 가까운 곳에서 할 수 있으면 거기서 하는게 좋음) 5. 이용자의 컴퓨팅 리소스를 사용하게 되어 비용 부담 절감 6. (클라이언트는 아니지만 보통 FE들이 많이 쓰는) serverless에서의 ML을 시도하는 많은 회사들의 사례들 (지그재그라던지...) 특히 웹 개발자로서 필자가 생각하기에 web 또한 브라우저가 굴러갈 수 있는 ..
🤖 ML in browser 2021. 11. 15. 02:28

kotlin 기초 : 다른 언어에서 넘어올 때 가볍게 살펴보고 시작

기본 변수 null 허용하지 않음. null pointer exception(NPE) 차단을 위함. 단, nullable 변수 선언해서 사용은 가능함. fun main() { var variable: Int = 1 var nullable: Int? = null // nullable. 주의해서 사용할 것 val contants: Int = 2 println(variable) println(nullable) println(contants) } 정수 타입 독특하게도 8진수는 지원하지 않는다. 오로지 2진수, 10진수, 16진수. fun main() { var intValue:Int = 1234 // 4byte 10진수 var longValue: Long = 1234L // 8byte 10진수 var hexVa..
Programming Language/☕ Kotlin 2021. 11. 10. 01:30

회사에서 기술 블로그 운영하기

쓰라고 강요하지 않고, 큰 chunk의 티켓을 마무리했을 때 공부하는 느낌으로 + 인센티브 지급! 센x버x도 시도하다가 참여율이 저조했다고 한다. 개발자들은 스스로 성장하고 공부하려는 욕구가 크기 때문에 회사에서 한 일을 복기하며 공부하는 느낌으로 써야 한다. 1달에 1개 이상 글 쓰기 이런 작업은 전혀 도움이 되지 않는다. 추가적으로 글을 쓸 때마다 합리적인 정도의 인센티브를 받는다면 더욱 좋을 것! 회사용 이메일로 github page를 만들어야 함 oganization에서 github page를 파게 되면 prefix가 repo 이름이 들어가서 예쁘지가 않다. 개인 사이트일 경우 https://[사용자명].github.io 프로젝트 사이트일 경우 https://[사용자명].github.io/[Rep..
React, Next, Redux/🍹 gatsby 2021. 11. 3. 14:04

DOM 구조화 : Range, Parsing, AST 그리고 에디터

Typed에서 구현한 Selector와 Range를 활용한 하이라이트 기능에 대해 대외비임 ㅎ gatsby.js의 mdx의 사례 gatsby.js를 만지다보니 재미있는 점을 발견했다. mdx가 파싱되는 꼴을 보자. const saltyDuckEgg = 'chinese preserved food product' @mdx-js/react의 MDXProvider로 감싸고, prev 태그의 props를 출력하려고 보았을 때 아래와 같은 꼴을 하고 있다. props: { children: { props: { children: [ {props: children: ...}, {props: " saltyDuckEgg "}, {props: children: ...}, {props: " "}, ] } } } 최말단의 ch..
Programming Language/🟨 Javascript 2021. 11. 1. 21:01

react-query를 이해하는 몇가지 지식과 질문들

전제 지식들 staleTime : 마운트 되어 있는 시점에서 데이터가 구식인지 판단함. cacheTime : 언마운트된 후 어느 시점까지 메모리에 데이터를 저장하여 캐싱할 것인지를 결정함. refetching의 조건 New instances of the query mount 작동 되는 경우 : query key에 react state를 주고, state가 바뀌면 다시 fetch The window is refocused 작동 되는 경우 : 유저가 다른 작업하다가 다시 typed에 돌아오면 다시 fetch The network is reconnected. 작동 되는 경우 : 네트워크가 끊겼다가 다시 연결되면 fetch됨 The query is optionally configured with a refetc..
State Management/react-query 2021. 10. 28. 23:07

gatsby를 gh-page로 deploy하는 github action

./package.json "build": "gatsby build --prefix-paths", "develop": "gatsby develop", "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,md}\"", "start": "gatsby develop", "serve": "gatsby serve", "clean": "gatsby clean", "deploy": "npm run build && gh-pages -d public -b master", "pre-commit": "lint-staged", "prepare": "husky install" .github/workflows/main.yml name: typed-blog-deploy on: push..
React, Next, Redux/🍹 gatsby 2021. 10. 14. 23:12

TS class(2) : implements, extends(상속), abstract 클래스

implements 클래스가 특정 interface의 조건을 만족하는지 체크하기 위해서 implements를 사용합니다. object를 interface로 typing하듯, class도 interface로 typing한다고 생각하면 된다. interface ediable { eat: () => boolean } // Cheeze는 ediable interface를 만족해야하므로 eat 함수를 가져야 함 class Cheeze implements ediable { eat () { return true } } // eat 함수를 가지고 있지 않아 에러 발생 // Class 'Mac' incorrectly implements interface 'ediable'. // Property 'eat' is missi..
Programming Language/🟦 Typescript 2021. 9. 27. 18:13

TS class(1) : class 생성, 접근 지정자, accesors(getter/setter), index signature

class 생성 및 shortcut js에서 활용하듯 사용하면 됩니다만 사용하기에 앞서 클래스의 속성의 타입을 정의해야 합니다. class Human { public name: string; private age: number; protected gender: string; constructor(name: string, age: number, gender: string) { this.name = name; this.age = age; this.gender = gender; } } 그러나 이러한 작성법은 verbose합니다. 좀 더 간략하게 적자면 다음과 같습니다. 편안~ class Human { constructor(public name: string, private _age: number, protec..
Programming Language/🟦 Typescript 2021. 9. 27. 16:30

[7.10] elasticSearch REST API spec

api specification 좀 깔끔히 정리해주면 덧나나. 정말로 찾기가 힘들다고 회사에서 툴툴댔는데 7 버전으로 올라오면서 좀 나아지긴 했다. 여기 있는 API에 익숙해지면 버전이 변경되어도 어디를 찾아야할지 대충 감이 오기 때문에 일단 한 버전에 익숙해지도록 노력해보자... 그리고 이전 버전 ELK를 사용한다고 해서 문제가 될 건 없지만 기술 지원은 받을 수 없다는 것을 알아두자. 상당히 빠르게 버전업되고, 이에 따라 기술 지원을 포기하게 되는 버전이 생각보다 높다. https://www.elastic.co/kr/support/eol Elastic product end of life dates | Elastic 다음 표에는 위의 정책이 간단하게 설명되어 있습니다. 예를 들어, 새 메이저 버전이 릴..
ElasticSearch/ElasticSearch 2021. 9. 24. 02:06

Google Compute Engine (5): Instance group

https://cloud.google.com/compute/docs/instance-groups 인스턴스 그룹 | Compute Engine 문서 | Google Cloud 의견 보내기 인스턴스 그룹 인스턴스 그룹은 단일 항목으로 관리할 수 있는 가상 머신(VM) 인스턴스의 모음입니다. Compute Engine은 관리형 및 비관리형이라는 두 가지 VM 인스턴스 그룹을 제공합니 cloud.google.com Instance Template을 기반으로 여러 VM을 묶은, 인스턴스 그룹을 만들 수 있습니다. 인스턴스 그룹은 크게 두 부류로 나뉘고, 여기서는 관리형 인스턴스 그룹을 알아보겠습니다. 관리형 인스턴스 그룹(MIG)을 사용하면 동일한 여러 VM에서 앱을 운영할 수 있습니다. 자동 확장, 자동 복구,..
GCP/☁️ GCP 2021. 9. 15. 12:48