곰씨네 IT 블로그

타이틀명을 입력해주세요.

프론트엔드 Framework을 공부하는 방법

이번 포스팅에서는 Dev.to의 How I learn any front-end framework 포스팅에 대한 번역을 바탕으로 React, Angular, Vue.js 같은 프론트엔드 Framework를 어떻게 공부해야하는지 알아봤습니다. 프론트엔드 Framework을 공부하기로 했다면, 보통 유튜브나 구글 검색 등을 통해서 튜토리얼을 찾아보죠. 그런데 생각보다 알아야 할 것도 많고 막막할 때가 있습니다. 프론트엔..

Study/Front-End Dev 곰씨네 곰씨네 2019.03.19 0 comment
Sass 문법 정리 (mixin, include, expend, partial, impo..

Sass 문법 중에 1) mixin과 include, 2) %와 extend 그리고 3) partial과 import 문법에 대해서 알아보도록 하겠습니다. 참고로 Sass의 이 세 가지 문법은 코드 재사용 기능을 위한 문법이라고 할 수 있습니다. 1. @mixin 과 @include mixin은 자바스크립트의 function처럼 사용할 수 있는 Sass 문법입니다. 인자 값을 넘길 수도 있고, 각 인자마다 기본 값 줄 수도 있습니다. [..

Study/Front-End Dev 곰씨네 곰씨네 2019.02.08 0 comment
README.md 10초만에 깔끔하게 만드는 법

GitHub을 보다보면 README 파일이 정말 깔끔하게 잘 만들어진 레파지토리가 있죠. 그래서 저도 그렇게 잘 만들어진 README 파일을 많이 따라하려고 하는데요. 근데 이게 익숙하지 않다면 생각보다 effort가 많이 들어갑니다. 그러다 오늘 우연히 오픈소스를 하나 발견했는데요. 이걸 쓰면 정말 간단하고 빠르게 깔끔한 README 파일을 만들 수 있더군요. 이 오픈소스는 re..

Study/Back-End Dev 곰씨네 곰씨네 2019.06.15 0 comment
GitHub 단축키 및 사용 팁 정리

오늘은 그동안 GitHub에서 자주 사용하는 단축키와 사용팁을 정리해봤다. 아직 GitHub가 익숙하지 않다면 아래 단축키와 팁을 사용해보자. GitHub 사용이 훨씬 수월해질 것이다. ※ 참고 : 최근 GitHub에서 Private Repository (비공개 저장소)를 무료로 제공하기 시작했다. Repo당 3명까지만 contributor를 둘 수 있다는 제약이 있지만 개인 프로젝트로 부담없이 사용할 수 있..

개발도구/Git 곰씨네 곰씨네 2019.01.18 0 comment
머신러닝 공부 순서, 방법 및 강의 정리

이번 포스팅에서는 작년부터 머신러닝 공부를 시작하면서 들었던 강의와 머신러닝 공부 방법에 대해서 정리해보려고 한다. 필자도 아직 머신러닝을 마스터하려면 갈 길이 멀었지만, 그간 공부했던 경험을 토대로 머신러닝 입문자들에게 조금이나마 도움이 됐으면 하는 마음으로 적어봤다. ※ 주의 : 이 글은 이제 막 머신러닝을 공부하려는 입문자를 위한 글입니다. 이미 머신..

Study/Developer Life 곰씨네 곰씨네 2019.01.16 0 comment
페이스북 API 연동 및 개발 방법 정리

페이스북 페이지를 운영하면서 포스팅 자동화 방법을 찾다가 직접 프로그램을 개발하기로 하였습니다. 그러면서 Google API와 Facebook API를 사용하게 되었는데요. 지난번 Google API 개발 방법 정리에 이어 이번에는 Facebook API 연동 및 개발 방법을 정리해봤습니다. 1. 페이스북 앱 개발 과정 개요 2. 페이스북 API 종류 3. 페이스북 그래프 API와 SDK 4. 페이스북 개..

Study/Back-End Dev 곰씨네 곰씨네 2019.02.02 0 comment
Front-End 개발 시 유용한 VS Code 플러그인 소개

지난번 VS Code 설치 및 VS Code 기본 세팅 포스팅에 이어서 이번 포스팅에서는 VS Code 플러그인, 즉 VS Code Extension의 설치 방법과 프론트앤드 개발 시 유용한 Extension 이 어떤 것들이 있는지 알아보도록 하겠습니다. Extension 설치방법 VS Code에서 Extension 설치를 하려면 좌측 사이드바에서 Extension 버튼을 누릅니다. 그리고 검색창에 본인이 원하는 익..

개발도구/VSCode 곰씨네 곰씨네 2017.01.26 0 comment
VMware 에러 해결 : This virtual machine appears to..

VMware workstation 12 player 에서 This virtual machine appears to be in use 에러에 대해서 해결방법을 알아보도록 하겠습니다. ** Responsive Ad ** 에러 내용은 This virtual machine appears to be in use. 로 alert창에서 Take Ownership Button 을 누르라는데요. 누르면 Taking ownership of this virtual machine failed 가 뜹니다. 해결 방법은, VM이 설치되어 있..

개발도구/Etc 곰씨네 곰씨네 2017.04.22 0 comment
구글 API 사용법, 키 발급, OAuth 인증 방법 정리

구글 api 활용 방법만 잘 알아도 다양한 종류의 구글 서비스를 이용할 수 있습니다. 저 역시 여러 종류의 구글 서비스를 이용해서 api 연동을 하고 서비스에 적용하고 있습니다. 오늘 포스팅에서는 구글 API 사용법과 관련해서 API 키 발급 과정과 API 연동 방법에 대해서 알아볼까 합니다. 구글 API 사용법은 다음과 같은 절차로 진행이 됩니다. 1. 구글 API 콘솔에서 프로젝트..

Study/Back-End Dev 곰씨네 곰씨네 2019.02.02 0 comment
ERD 다이어그램 툴 종류와 설치 경로 정리

개인 프로젝트를 하면서 쓸만한 ERD 툴을 찾아보았습니다. 주로 무료나 저렴한 가격으로 사용할 수 있는 툴들을 찾아봤는데요. 막상 조사해보니 이전에 oracle ERD 툴로 사용했던 erwin 처럼 막강한 기능을 가진 툴은 찾기 어렵더군요. 하지만 어느정도 장점을 가지고 있는 무료 ERD 다이어그램 툴들을 찾을 수 있었습니다. ** 1. ERD Cloud 개인 프로젝트나 작은 규모의 프..

개발도구/Etc 곰씨네 곰씨네 2018.10.10 0 comment
VS Code에 Git 세팅 및 사용방법 정리

이전 Git 설치 방법 간단정리 (Windows, Mac) Git 초기 세팅 및 사용법 정리 포스팅에 이어 이번에는 Windows VS Code 에서 Git 세팅하는 방법에 대해 정리해보도록 하겠습니다. ** 반응형 광고 ** 1. git init open folder 으로 프로젝트 폴더를 엽니다. 좌측 사이드에 있는 Git 메뉴버튼을 클릭하면 initialize 라는 버튼이 나옵니다. 이 버튼을 누르면 해당 폴더에 git init 이라는..

개발도구/VSCode 곰씨네 곰씨네 2017.03.07 0 comment
Javascript Call Stack - 자바스크립트 기초 공부 #1

자바스크립트 기초 내공을 쌓기 위해 자바스크립트 개발자라면 알아야 하는 기본 개념들을 정리하고 있습니다. 이번 글에서는 그 첫 번째로 Javascript Call Stack에 대해서 살펴보도록 하죠. 용어정리 먼저 용어부터 정리하도록 하죠. 자바스크립트 콜스택은 영어로 Javascript Call Stack으로 쓰이고 우리말로 번역하여 자바스크립트 호출 스택이라고도 합니다. 이 글에서는..

Study/Front-End Dev 곰씨네 곰씨네 2019.03.12 0 comment
AWS Cloud9 세팅 방법 및 과정 정리

어제 아마존에서 AWS와 Cloud9 통합에 대한 발표를 했죠. AWS에서 Cloud9의 인수 과정은 이미 2016년 부터 쭉 진행되어 왔던 내용인데요. 이제 클라우드 IDE의 시대가 본격적으로 대세가 되어 갈 수 있겠구나 하는 생각이 들었습니다. 그리고 어제 AWS Cloud9 발표를 접하자마자 제가 가지고 있는 EC2에 연결을 해봤는데요. 이번 포스팅에서는 그 세팅 방법과 과정을 까먹..

호스팅, 클라우드 곰씨네 곰씨네 2017.12.02 0 comment