유용 자료 & HowTos

아마존 웹서비스(Amazon Web Service, AWS)는 정말 어지러울 정도로 많은 서비스를 제공합니다. 2020년, 작년 한 해 AWS 서비스에 많은 변화가 있었던 것도 주목할 사항이고요. 무엇보다 처음 […]

우리가 거진 매일 사용하는 애플리케이션의 다양한 기능들(위치 서비스에서 SMS, 금융, 쇼핑에 이르기까지)이 현재 대부분 API를 연동하여 운영되는 것이 사실이다. API는 21세기의 데이터의 최신화와 더욱 다양해진 […]

CI/CD란? CI = 지속적인 통합(Continuous Integration); 한마디로 “빌드와 테스트 자동화”  CD = 지속적인 전달(Continuous Delivery) 또는 지속적인 배포(Continuous Deployment); 한마디로 “배포 자동화”  덧붙이자면 CI는 모든 […]

Webpack의 정의와 사용방법 요점 정리 – part 2 Webpack 설정과 사용 방법은 아주 다양할 수 있지만 이 글에서는 가장 보편적인 사용법과 핵심만 중점으로 짚어 보도록 […]

Webpack의 정의와 사용방법 요점 정리 – part 1 최근 몇 년간 정부의 연구 지원으로 진행되는 몇 가지 실험적인 프로젝트에 참여하게 되었는데, 그중 한 프로젝트를 Three.js […]

Emmet(eh·mit/에밋)은 HTML 및 CSS 등의 다양한 파일 종류에 유용한 코드 단축키를 제공한다. 특히 VS Code에 내장되어 있으므로 따로 다운로드할 필요가 없다는 사실. 이제까지 안 써봤다면, […]

ES7 React / Redux / GraphQL / React-Native snippets ES7 React / Redux / GraphQL / React-Native snippets extension이 있어도 이 코드 스니펫 모르면 무소용! 아직도.. 이런거 […]

1-1. JavaScript(ES6) Code Snippets (자바스크립트 코드 스니펫) 코딩할 때 가장 하기싫은 부분은 바로 반복되는 코드의 입력일 것이다. 자바스크립트 코드 스니펫은 가장 인기있는 자바스크립트 코드 조각에 […]

Sorry, Nuxt. Adios, Gatsby. 최근 릴리즈 된 Next.js 버전 10에는 내가 그동안 자바 스크립트 프레임 워크에 갈망해왔던 기능들이 많이 도입이 되었다. 이 Next.js가 프로덕션 완비된 […]

Responsive/mobile 테스팅 웹 개발자 체크리스트 프런트 엔드 SEO에서 모바일에 이르기까지 웹 사이트에서 확인해야 할 중요한 사항들 체크리스트! Metatags.io 이 도구를 사용하여 Google, Facebook 또는 Twitter에서 […]

파이썬 장고 개발 입문에 관심 있으신 분들을 위한 “쉽게 따라 하기 101”! Django(/dʒæŋɡoʊ/jang-goh/쟁고/장고)는 파이썬(Python) 기반의 오픈소스 웹 애플리케이션 프레임워크(web application framework)입니다. 쉽고 빠르게 웹사이트를 개발할 […]

시간이 생각보다 많이 걸렸지만, 첫 번째 실전 연습 비디오들이 드디어 완성되어 유튜브에서 이제 언제라도 시청하실 수 있습니다. 맘 딱 잡고, 각 비디오 약 17분 정도이니, […]

이 곳에 계속 업데이트를 할 예정. Google Translate 한국말 번역- 만일 아직 안 쓰고 계신다면, 한번 이 Google Translate 구글 extension 사용해보세요. 특히 개발 자료/뉴스들은 영어가 대부분이니 완벽하지는 않지만, 조금이라도 […]

제일 많이 쓰이는 git 기본 용어와 명령어들 검토 내용 (TOC): 0:06 리포지토리 (Repository) 0:26 브랜치 (Branch) 1:24 git init 1:47 git clone 1:57 git add […]

Git이란 무엇인가 사실 이런 개념과 정의 지루하고 안 맞으시는 분들은 곧바로 명령어나 실전 연습으로 넘어가셔도 됩니다. 하지만, 이런 개념들 한 번도 접해보시지 않으신 분들은, 한번 […]