-
[비공개] 안드로이드 웹앱만들때 이 속성을 꼭 추가하세요
728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 안드로이드 웹앱을 만들때 webview 에 다음과 같은 세팅을 해주세요 val myWebView: WebView = findViewById(R.id.webview) myWebView.settings.javaScriptEnabled = true myWebView.settings.domStorageEnabled = true javaScriptEnabled 은 웹뷰내에 보여지는 웹페이지가 javascript를 사용할수 있도록 허용합니다 react, vue 등으로 만들어진 사이트라면 무조건 javascript가 실행되어야 하므로 반드시 필요합니다 domStorageEnabled 은 localStorage, sessionStorage 를 사용할수 있도록 허용합니다 localStorage나 sessionStorage를 쓰지 않고, 세션이나 쿠키만 사용하는 경우가 있을수 있겠지만 최근 추..추천 -
[비공개] 당신에게 트렁크 기반 개발을 추천합니다
728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 저도 여러 조직의 개발팀에 몸담으면서 다양한 브랜치전략을 경험해보았는데요 현재 개발 트렌드에 맞춰 제가 가장 선호하는 것은 트렁크 베이스 개발(trunk-based development)이라고 불리는 전략입니다 개발팀이 버전을 관리하기 위해 함께 작업하는데에는 크게 두가지 주요 패턴이 있습니다 기능별 브랜치 하나는 기능별 branch 사용하는 방법입니다 이 방법에서는 개발자들이 메인이 되는 기본 브랜치에서 새 브랜치를 만든 다음 새로 만드려는 기능이 완료될때까지 해당 브랜치에서 개별적으로 작업합니다 그리고 그 기..추천 -
[비공개] android webview에서 SPA(react, nextjs) 화..
728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 안드로이드는 4.4버전부터 크롬엔진을 내장한 웹뷰를 사용하고 있습니다 그리고 각 버전별로 다음과 같은 크롬 버전을 사용하고 있습니다4.4(KitKat)->크롬30.0.0.04.4.3->크롬33.0.0.05.0(LOLLIPOP)->크롬36.0.0.0부터~android 5.0이상부터는 webview가 play service를 통해서 단독 업데이트가 가능해지면서 자동업데이트가 시행되고 있어 개별 기기마다 play service의 업데이트 여부에 따라 크롬 버전이 조금씩 차이가 있을수 있습니다 하지만 대부분 최신버전을 사용하는 쪽으로 업데이트가 되고 있습니다 문제는 4.4.x 대의 android인데요 크롬 3x.0.0.0..추천 -
[비공개] 신입 개발자 면접 이것을 꼭 참고하세요
728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 취업난이 심해지면서 이공계, 기술직, 전문직이 각광받고 있는 취업현실에 더불어 IT업계가 모든 산업분야를 장악하고 있고, 매스컴에서도 코딩,코딩,코딩을 연일 외치고 있다보니 정말로 남녀노소 누구나 코딩을 배우기 위해 뛰어들고 있는것 같습니다 그래서 세월이 흐를수록 신입으로 유입되는 인력자체가 굉장히 많아졌다는 생각입니다. 그리고 10명중 9명은 본인의 대학 전공과 무관하게 국비지원교육 또는 요즘에 핫한 코딩아카테미같은 곳에서 짧게는 2개월 길게는 6개월가량 스터디도 하고 팀을 짜서 팀프로젝트..추천 -
[비공개] AWS 웹어플리케이션 방화벽 waf & shield
728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 약간 이름이 멋있습니다(???) 마블을 좋아해서 그런가요 shield라는 이름이 멋지군요 잡설은 그만 넘어가고 waf & shield라고 불리는 AWS의 방화벽을 소개해볼까합니다 말그대로 Web Application Firewall 이라 WAF 라고 불립니다 비정상적인 요청을 탐지하는 최전방의 방어선이죠 load balancer나 cloudfront, api gateway 보다 앞단에서 비정상적인 요청을 탐지하여 걸러냅니다 생성을 시작해볼까요. AWS WAF 메뉴로 이동해 주세요 waf만 실행시킬수는 없고, waf가 앞단에서 보호해야할 리소스가 있어야 하므로 ALB나 cloudfront, api gateway를 사전에 ..추천 -
[비공개] elasticsearch nori analyzer index에 적용하기
728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 일단 elasticsearch에 데이터를 생성해봅시다 RDB로치자면 테이블이라고 불리는것이 elasticsearch에서는 index라는 이름으로 부릅니다 그리고 RDB의 row는 elasticsearch에서는 document라고 부르고요 game-of-thrones 라는 이름의 인덱스(테이블)에 1개의 도큐먼트(로우)를 넣어볼께요 인덱스를 생성하는 작업은 딱히 하지 않고 REST API를 호출할때 url에 index이름을 넣어주면 됩니다 POST http://localhost:9200/game-of-thrones/_doc { "character": "Ned Stark", "quote": "Winter is coming." } 도큐먼트 안에는 character, quote라는 두개의 필드를 넣어볼께요 { "_inde..추천 -
[비공개] elasticsearch nori 플러그인이 뭐예요?
728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); elasticsearch에서 한글검색을 잘 사용하기 위해 한글 플러그인을 설치해봅시다 https://www.elastic.co/kr/blog/nori-the-official-elasticsearch-plugin-for-korean-language-analysis Nori: The Official Elasticsearch Plugin for Korean Language Analysis 얼마 전에 “어떤 한국어 분석기를 사용할까”라는 블로그 포스트를 발표한 적이 있습니다. 이 기사는 Elasticsearch 클러스터에 설치해서 한국어 지원을 강화할 수 있는 세 가지 서드파티 플러그 www.elastic.co 노리를 공식 플러그인으로 지원하고 있습니다 지난 포스팅에서의 elasticsearch설치를 무사히 마치셨나요? h..추천 -
[비공개] elasticsearch 손쉽게 설치하기
728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); elasticsearch는 역색인화를 통해서 빠르게 풀텍스트를 검색할수 있도록 도와줍니다 elasticsearch는 맥에서 homebrew가 있으면 설치가 매우 쉽습니다 아래의 명령어를 순차적으로 입력해주세요 brew tap elastic/tap brew install elasticsearch-full 설치가 완료되었습니다 실행도 간단합니다 elasticsearch 실행 후에 http://localhost:9200 을 호출해주세요 { "name": "kkm-Macmini.local", "cluster_name": "elasticsearch_kkm", "cluster_uuid": "1xxxxxxxxxxxxxxx", "version": { "number": "7.17.0", "build_flavor": "default", "build_type": "tar", "build_hash": "bee8632..추천 -
[비공개] github package로 private npm package 배포하기
728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 보안적인 이유로 모두에게 공개할수는 없지만 회사 내부의 여러프로젝트에서 공통적으로 활용하는 npm 패키지를 만들었는데 어떻게 배포하면 좋을까요? 우리가 너무나도 사랑하는 npm 패키지 저장소는 public한 패키지 뿐만 아니라 private한 패키지도 저장하여 사용할 수 있습니다 기본적으로는 public 패키지는 무제한으로 사용할수 있지만, private 패키지를 사용하기 위해서는 유료 플랜을 사용해야합니다 너무나도 고마운 npm패키지 저장소이지만, 유료가 부담이 되니 다른 방법은 무엇이 있을까요? https://github.com/features/pack..추천 -
[비공개] nextjs 11이상에서 storybook 그리고 sass,scss ..
728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); https://storybook.js.org/blog/get-started-with-storybook-and-next-js/ Get started with Storybook and Next.js Integrate Storybook with Next.js in four simple steps storybook.js.org nextjs 11부터는 webpack5 가 기본 탑재됩니다 그렇기 때문에 storybook도 webpack5로 똑같이 맞춰주는것이 필요합니다 npx sb init --builder webpack5 builder 옵션을 통해 webpack5로 설정하여 스토리북을 설치해주세요 npm run storybook 그리고 시작하면 정상적으로 스토리북을 활용하실수 있습니다 sass를 사용하고 있다면 이런 오류를 만나실수 있습니다 ModuleParseError:Moduleparsefailed:Unexpectedcharacter'@'(1:0) sa..추천