본문 바로가기

IT/Programing Tip22

clean docker cache (도커 캐시 삭제하기) docker 이용해서 build 를 하고 있는데 자꾸 수정된 내역이 반영되는 게 아니라 과거 정보로 빌드 되어서 캐쉬를 삭제하려고 한다. 방법 1. 처음 부터 빌드 할 때 캐시 허용하지 않기 docker build --no-cache -t emulators . 방법 2. 캐시된 내역 삭제하기 docker system prune -a 2023. 7. 11.

VSCode 저장시 자동으로 eslint 적용되게 settings.json 에 다음 문구 추가하자 { "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.validate": ["javascript"] } 일일이 문제 해결할 필요없이 파일 저장될 때 eslint 해결되어 적용됩니다 2022. 8. 5.

포코폰 개발자모드 변경 device is temporarily restricted 3-3 해결 포코폰 개발자모드는 설정 > 휴대전화 정보 MIUI 버전 (For POCO) 를 연타 하면 개발자 권한을 받을 수 있습니다. 계속 연타하면 `이미 개발자 입니다` 라는 토스트 메시지가 뜰겁니다. 그 후 개발자 옵션 > USB 디버깅 모드를 활성화 USB 로 설치 활성화 하려는데 device is temporarily restricted 3-3 라는 메시지가 뜨면서 활성화 안됨 USB 디버깅 (보안 설정) 도 동일하게 활성화 안됨 해결방법은 중국 VPN APP 을 설치 후에 VPN 지역을 China, Beijing 선택한 후에 USB로 설치 USB 디버깅 (보안 설정) 활성화 잘 됩니다. 중국 VPN 앱은 VPN China 라는 앱을 잠시 깔아서 사용했습니다. 2022. 8. 4.

소나큐브 비용 (소나클라우드) 청구 방식 https://sonarcloud.io/pricing Plans and Pricing | SonarCloud Get all the SonarCloud features and functionality for free on your open-source projects. If you need privacy for your code, we have a pricing plan to fit your needs. sonarcloud.io 소나클라우드의 가격을 꽁꽁 숨겨놔서 링크 걸어둡니다. 분석 비용을 계산하는데에 환경도 생각하셔야 합니다. 개발, 테스트, 운영 환경으로 분리해서 프로젝트 나누고 소스를 관리하면 곱하기 3으로 생각해야 합니다. 소스의 Line of Code 로 비용 계산을 하는데 LOCs are c.. 2022. 7. 25.

Hexo 로 github pages 에 블로그 만들기 현상 이전에 jekyll 을 이용해서 github 에 블로그를 만들었다면 jekyll 은 Ruby 기반이라서 컴파일 하고 운영하기 귀찮아서 node.js 기반의 블로그 생성 프로그램인 Hexo 로 변경해보려고 한다 설치전 준비사항 Hexo 를 설치하기 위한 사전 구성 요소입니다 Node.js Git Github 설치방법 Step1. Hexo CLI 설치 npm install hexo-cli -g Step2. Hexo 로 샘플 블로그 만들기 hexo init sampleblog Step3. github pages 용 폴더로 샘플 블로그 파일들 옮기기 Step4. 블로그를 위한 설정값 변경 _config.yml 파일내의 설정을 본인 블로그 정보에 맞게 변경한다 Hexo Configuration # Site .. 2020. 2. 18.

마이크로 프론트앤드 개발 마이크로서비스 아키텍처(MSA) 로 넘어가려고 하는 이유는 가장 큰 이유는 조직이 커지면서 개발팀들이 여러 개가 생기고 개발업무를 동시에 할 경우 일단 모로리식은 빌드 / 배포 하는 데 어려워진다 (툭 하면 다른 사람의 개발 중인 코드가 같이 빌드 되어 운영에 올라가는 경우가 빈번해짐) 그래서 개발 조직별로 독립적으로 서비스를 관리해야 하기에 마이크로서비스 아키텍처를 도입해서 운영하는데 마이크로서비스 아키텍처는 백엔드에 대한 아키텍처 였다 프론트는 여전히 1개의 repository 를 사용하고 있으니 프론트 개발에 경합은 해결되지 않았다 그래서 나온 개념이 마이크로 프론트앤드 아키텍처 이다 설명은 https://micro-frontends.org/ Micro Frontends - extending the.. 2020. 1. 7.

개발자 필수 기술 개발자 라면 반드시 영상을 보세요 아주아주아주 도움이 되는 이야기 이니 꼭 보시기 바랍니다 Hard Skills 1. Basic Knowledge (Java, OS, Python 등) Mathematics, Physics Programming Language (C++, C#, Python) Algorithm, Data Structure, Design Patterns Graphics, Database, Networking, AI OS (Windows, Mac, iOS, Android) Tools (Source control, Visual Studio) 2. Understanding for product Product Analysis Three types of restaurants 3. Development.. 2019. 10. 23.

개발자가 명심해야 할 사항 기사를 읽어보고 20년간 IT 개발 실무를 하면서 유사하게 느낀 점이 있어서 정리해봅니다 Step 1. 불필요한 개발을 하지 말 것 Step 2. 테스트를 자동화 할 것 Step 3. 설정 정보는 코드에서 분리 할 것 Step 4. 코드 가독성을 확보 할 것 Step 5. 동료 코드와 충돌나지 않게 자주 체크인 할 것 Step 1. 불필요한 개발을 하지 말 것 개발한 코드가 많아진 다는 건 관리해야 할 대상이 많아지는 것입니다 재사용이 가능한 기능이 조직내에 있는지 확인해서 있다면 보강해서 사용할 것 아무리 오픈소스를 사용한다고 해도 쉴새없이 버전업 되는 라이브러리를 관리할 수는 없으니 개발은 최소한으로 해야 나중에 고생하지 않습니다 Step 2. 테스트를 자동화 할 것 복잡한 요구사항을 해결하기 위해서.. 2019. 10. 23.

마크다운 문법 Markdown 소스를 작성하고 설명문서를 만들 때 마크다운 문법을 사용해서 Readme 파일을 작성한다 기본적인 문법 6가지 표현방식만 알면 사용하는 데 문제 없다 헤더 목록 링크 강조 이미지 인용/코드 Step 1. 헤더는 큰제목, 작은제목, 글머리 1~6 으로 표현한다 큰제목은 ====================== 작은제목은 ----------------------------------- 글머리는 # 을 ## ### #### ##### ###### Step 2. 목록은 순서있는 목록과 순서없는 목록으로 표현한다 순서있는 목록은 1. 2. 3. 순서없는 목록은 * , + , - Step 3. 링크 [Title](link) 로 표현한다 Step 4. 강조 *single asterisks* _single unders.. 2019. 10. 2.

웹 개발 프레임워크 홍수 웹개발을 하면서 점점 생산성을 높여주는 프레임워크들이 쏟아져 나오고 있는데 프레임워크들을 너무 무분별하게 사용하면 안된다는 경각심을 이야기 하는 사진이다 대다수의 프레임워크나 라이브러리들이 의존성을 가지고 있는데 나중에는 의존성 지옥에 빠질 가능성이 굉장히 높다 라이브러리 한개 깔아보면 생각지도 못한 의존성 파일들이 무진장 깔리는 모습을 쉽게 발견할 수 있다 npm 설치시에 의존성 파일의 수와 어떤 것들이 깔려야 하는 지 확인하는 습관을 들이자 2019. 8. 16.

OOP 프로그래밍의 함정 일반적인 프로그래머들의 한계를 넘는 OOP 로 인해서 오히려 더 코드가 똥이 된다는 이야기 엄청나게 공감이 된다 2019. 8. 16.

소스코드를 이미지로 만들기 polacode 매뉴얼을 작성한다던지 블로그를 쓴다던지 github 의 readme 를 만들때 소스코드를 이미지로 만들어야 하는 경우가 생기는데 vscode 의 plugin 인 polacode 를 사용하면 정말 깔끔하고 쉽게 이미지로 만들 수 있습니다 Polacode 사용법 Polacode 를 실행하고 소스코드만 드래그 하면 자동으로 이미지 형태로 만들어 진다 이미지를 저장해서 어디서든 사용하면 된다 2019. 8. 13.

윈도우 10 싸게 사기 윈도우 7 이 2020년 1월 14일 서비스지원 종료가 된다고 해서 윈도우 10을 구매해서 설치해서 사용하고 있습니다. 마이크로소프트 사이트에서 구매시 마이크로소프트 사이트에서 구매할 경우에는 https://www.microsoft.com/ko-kr/store/b/windows 윈도우10: 208,000원 - 다운로드 후 즉시 설치, 업데이트 및 정품 인증 - Microsoft Store 윈도우10 (Windows10) 다운로드 후 즉시 설치, 업데이트 및 정품 인증 - Microsoft Store www.microsoft.com 윈도우 10 Pro 가 324,600원에 팔고 있네요 이걸 구매하기에는 비싸니 쿠팡으로 갑니다 몇천원에 윈도우 10 구매해서 설치하기 Step 1. 쿠팡에서 윈도우10 검색 S.. 2019. 8. 5.

사진 배경만 삭제 (무료) 사진의 배경만 삭제하려면 포토샵에서 물건만 일일이 따내서 배경을 삭제 해줘야 했는데 온라인 서비스로 제공해주는 사이트가 있어서 소개합니다 Remove.bg : https://www.remove.bg/ 가격은 무료 입니다 사진 배경 삭제 테스트 감자 사진의 이미지를 올려봤습니다 흐릿한 배경이 많아서 감자만 딱 잘라내지는 못하네요 배경에 다른 사람이 있어서 그걸 제대로 삭제하지는 못하네요 결론 그냥 이정도의 기능이다 생각하시고 배경 없앨때 이용해보세요 배경에 인물이 있으면 제대로 삭제가 되지 않습니다. 배경에 인물 없는 사진만 이용하세요 2019. 8. 5.

사이트 이미지 다운받기 크롬브라우저의 확장 프로그램 ImageAssistant Batch Image Downloader 를 소개합니다 크롬 웹스토어에서 확장프로그램을 검색해서 설치합니다 사용방법 설치 이후에는 크롬 브라우저 오른쪽 상단에 ImageAssistant 아이콘이 생기고 이미지가 많은 사이트 아무 곳이나 들어가 봅니다 이미지 사이트 : https://pixabay.com/ 1 million+ Stunning Free Images to Use Anywhere - Pixabay Stunning free images & royalty free stock Over 1 million+ high quality stock images and videos shared by our talented community. Popula.. 2019. 8. 5.

REST API 오류코드 설계하기 API 서비스를 만드는 데 REST API 를 처음 만들다 보니 API 응답코드 가 남들은 어떻게 사용하는 지 궁금해졌다 그래서 3개사의 OPEN API 를 벤치마킹 해봤다 카카오 OPEN API 카카오 개발가이드 : https://developers.kakao.com/docs/restapi/quick-reference#%EC%9D%91%EB%8B%B5-%EC%BD%94%EB%93%9C HTTP 상태코드 와 JSON 내에 음수로 에러코드를 제공해준다 상태코드는 정상 : 200 사용자오류 : 400대 시스템오류 : 500대 NHN OPEN API NHN TOAST Meetup REST API 참고글 : https://meetup.toast.com/posts/92 상태코드는 정상 : 200 사용자오류 : 4.. 2019. 8. 2.

간단하게 코드 짜고 실행할 때 Hashcode 기술들이 좋아져서 이젠 온라인으로 코드 짜고 실행까지 다 되는 세상이다 PC 에 IDE 설치하기 번거로울 경우 온라인 코드 실행기를 사용하면 편하다 그 중에 Hashcode.co.kr 은 커뮤니티 + 코드 실행기를 제공해주고 있다. https://hashcode.co.kr/ 개발자를 위한 QA 서비스 | Hashcode Hashcode는 프로그래밍 문제해결을 위한 Q&A서비스입니다. 프로그래밍과 관련해서 개발자들끼리 궁금한건 물어보고 아는건 함께 나눠요. C, Java, Python, Ruby등의 코드를 웹에서 직접 실행해 볼 수 있는 기능도 제공합니다. - Hashcode hashcode.co.kr 지원하는 언어는 12 가지 언어를 지원해주고 있다 사용법 프로그래밍 언어 선택하고 코드 작성하고 실행 버.. 2019. 8. 2.

VS Code 유용한 플러그인 Project Manger VS Code 사용하면서 유용한 플러그인 (Extensions) 이 엄청나게 많은데 그중에서 자주 사용하는 것들 위주로 소개하려고 합니다 Project Manger 말그대로 project 전환을 쉽게 해주는 Extensions 입니다 사용하는 이유 일반적으로 서버리스로 코딩하면서 MSA 로 하다보니 엄청나게 많은 폴더들이 생깁니다. 폴더별로 project 들이고 폴더별로 배포를 진행하니 점점 더 많아질 수 밖에 없지요 수동으로 폴더 전환을 Open Folder 로 하면 번거롭고 해당 폴더별로 열려있던 파일도 다 닫아야 하고 아주 귀찮습니다 프로젝트 매니저 Extensions 은 프로젝트를 클릭하면 자동으로 폴더변경 및 열려있는 파일을 닫아주는 걸 해줍니다 사용법 설치하면 왼쪽 메뉴가 Pr.. 2019. 7. 3.

웹브라우저 모바일 화면으로 전환하기 개발을 하다보면 여러가지 이유로 모바일 환경으로 사이트를 봐야 하는 경우가 생긴다 그럴때 크롬 개발자 모드도 좋지만 크롬의 확장프로그램 User-Agent Switcher for Chrome 을 소개하려고 한다 간편하게 모바일 모드로 사이트를 접근할 수 있다 설치방법 chrome 웹 스토어에 접속해서 Chrome ua spoofer 로 검색한다 하단의 확장프로그램이 검색되면 설치한다 설치하면 크롬브라우저 오른쪽 상단에 아이콘이 보인다 사용방법 팝업메뉴에서 Android / iOS 등 변환할 수 있는 환경이 나오고 주로 Android KitKat 모드로 사이트를 모바일 환경에서 어떻게 나오는 지 보는 데 사용한다 Android KitKat 모드로 변경해서 www.naver.com 을 접속하면 m.naver.. 2019. 7. 3.

VSCode 유용한 Plug-in Settings Sync VSCode 를 사용하면서 여러 대의 PC 를 사용할 경우 VSCode 의 설정을 깃허브의 gist 에 저장해두고 어디서든 설정을 다시 불러올 수 있는 기능입니다 본인이 선택한 plug-in (Extensions) 리스트를 관리하기 편합니다. 매번 VSCode 설치할 때마다 Extensions 선택하는 것도 힘들어서 필수 Extensions 입니다 사용방법 Step 1. Settings Sync 설치 Step 2. Github gist 의 설정하기 Step 3. Setting 정보 Upload 하기 Step 4. 다른 PC 에서 설정정보 Download 하기 Step 1. Settings Sync 설치 Extensions 에서 Setting Sync 찾아서 install 합니다 Step.. 2019. 7. 3.

드디어 티스토리도 에디터가 좋아졌네요 작년 말에 네이버 블로그를 열심히 운영해보려고 하다가 티스토리 블로그도 괜찮다고 하길래 여러가지 기능 테스트 하면서 써봤는데 에디터가 정말 최악이라서 네이버 블로그만 집중해서 관리하기로 했었는데 반년만에 다시 접속해보니 에디터가 많이 좋아졌네요. 글쓰면서 화면 캡쳐해서 바로 에디터에 넣는 편이라서 사진 붙여넣기가 꼭 필요했는데 티스토리도 기능이 생겼으니 네이버 블로그와 같이 운영해보려고 합니다. 한참 늦었지만 티스토리의 새로운 에디터가 나온 것을 축하드립니다. 티스토리 에디어 공지사항 : https://notice.tistory.com/2478 2019. 7. 3.

우분투(Ubuntu) puppeteer 실행시 에러날때 (libX11-xcb.so) 에러코드 error while loading shared libraries: libX11-xcb.so: cannot open shared object file: No such file or directory 원인 puppeteer 에서 사용하는 chrome 브라우저를 실행시킬 라이브러리가 우분투 OS 에서는 부족해서 실행이 안된다 해결방법 필요한 라이브러리를 설치해준다 sudo apt-get install -y gconf-service libasound2 libatk1.0-0 libc6 libcairo2 libcups2 libdbus-1-3 libexpat1 libfontconfig1 libgcc1 libgconf-2-4 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk-3-0 lib.. 2018. 12. 23.

이전 1 다음

티스토리툴바