ETC (41) 썸네일형 리스트형 피그잼(FigJam) 시작하기 웹 프로그래밍을 공부하다보니 디자인 툴로 피그마를 알게 되었고, 동시에 협업툴로 피그잼을 알게 되었습니다. 그런데 이 피그잼이 다양한 방법으로 사용 가능한 것 같아서 정말 맘에 들더라구요. 예전부터 브레인 스토밍을 위한 큰 도화지 같은 툴이 있으면 좋겠다고 생각했었는데, 딱 그 생각에 맞는 멋진 툴입니다. 그래서 오늘은 Figjam에 대해 잠시 이야기해볼까 합니다. 피그마가 UI디자인, 프로토타이핑을 위한 디자인 툴이라면, 피그잼은 브레인스토밍, 협업을 위한 화이트보드입니다. 큰 도화지에 생각나는대로 이것저것 적고, 순서도를 그리고, 여러사람이 자신의 생각을 포스트잇으로 붙여서 생각을 공유합니다. 기능도 단순해서 보기만해도 사용방법을 알 수 있습니다. 1. 가입 및 로그인 피그잼은 Figma.com에서 .. VSCode Vue snippets설정 아래와 같이 자동 완성되도록 스니펫 설정하기 vue.json { "Generate Basic Vue Code": { "prefix": "vue-start", "body": [ "\n\t\n\n\n\n" ], "description": "Generate Basic Vue Code" } } 무료 페인팅 프로그램 크리타(Krita) 소개 요즘 게임을 만들고 있다보니 이미지를 다룰 일이 많아졌습니다. 이미지 편집 하면 가장먼저 Adobe의 Photoshop을 떠올리실텐데요, 유료인 요금정책으로 인해 대부분은 사용을 못하던지, 아니면 암암리에...적당히 사용하고 있을텐데요. 그래서 오늘은 무료 페인팅 프로그램을 알아보려고 합니다. 바로 크리타(Krita)입니다. Krita는 오픈소스 프로그램으로 누구나 무료로 사용가능하며, 기업에서 사용하더라도 무료입니다. 또한 결과물에 대해 상업적으로 이용하더라도 아무런 제한이 없습니다. Krita는 리눅스 진영의 대표적인 양대 데스크탑환경인 GNOME과 KDE중 KDE환경의 표준 이미지 에디터입니다. 리눅스의 이미지 에디터 하면 GIMP를 떠올리실 분도 계실텐데요, GIMP가 포토샵에 대항마라고 하면, .. 프로그래밍 언어 랭킹 사이트 - 2022년 2월 포스팅이 귀찮아서 미뤘더니 벌써 2월이네요. 올해의 유망 프로그래밍 언어 순위를 알아보겠습니다. 1.Tiobe Index 인터넷에서 많이 언급된 언어를 기반으로 추정한 순위입니다. 인기도와 꼭 부합할 수는 없지만 참고할만 한 자료라고 보시기 바랍니다. 이젠 Python이 계속해서 1위를 자리매김한 것으로 보이네요. 특이한 점은 Visual Basic이 6위라고 하네요. 2.PYPL Index 이 사이트는 구글에서 얼마나 자주 특정 언어의 tutorial을 검색하는가를 분석하여 지표를 만들었습니다. 신규 프로그래밍 언어에 대한 입문자가 얼마나 많은지 판단할 수 있습니다. 다른 자료로 만든 지표임에도 Python의 자리는 동일하게 1위입니다. TIOBE와는 달리 웹에서 주로 쓰이는 JAVA(백엔드)와 Jav.. NSSM을 이용하여 Windows 에 Node 서비스 추가하기 1. NSSM 다운로드 및 설치 https://nssm.cc/download 에서 적당한 것을 다운로드 받습니다. 2. nssm 실행 커맨드창에서 nssm.exe install [등록할 서비스 이름] 으로 실행합니다. 3. UI 입력 실행파일 실행 시 UI가 열리며, 각각의 Input에 값을 넣습니다. - Path : node.exe 실행파일 경로 - Startup directory: Node의 경로 - Arguments: Node가 실행할 프로젝트 경로 - Service name: 이름을 지정 4. Service 시작하기 5. Sample Project Node가 실행할 샘플 프로젝트를 아래와 같이 구성하였습니다. js파일을 실행하게 되며, js 파일 내에서 index.html 파일을 불러오게 됩니다... Firebase 이미지 저장하기(storage) 업로드 content 올리기 Firebase 데이터 저장하기 파이어베이스 웹서버 입니다. Firebase 구글 인증하기 1. 인증방식 추가 2. 앱 추가 프로젝트 개요에서 앱 추가를 진행합니다. 또는 생성된 앱을 클릭하여 SDK 소스추가 부분으로 진행합니다. 3. 소스코드 복사 아래의 스크립트 부분을 복사하여 public/index.html 파일에 붙여넣습니다. 파이어베이스 웹서버 입니다. // 구글 인증 기능 추가 var provider = new firebase.auth.GoogleAuthProvider(); // 인증하기 firebase.auth().signInWithPopup(provider).then(function(result) { // This gives you a Google Access Token. You can use it to access the Google API. var token = result... 이전 1 2 3 4 5 6 다음