전체보기 (44) 썸네일형 리스트형 [오픈소스 입문] 누구나 따라할 수 있는 오픈소스 컨트리뷰터 되기! 오픈소스에 기여하는 방법은 정말 다양하다. 계속 해봐야 실력이 늘어난다고하는데 기여하는게 사실 쉽지가 않다. 그래서, 이번 포스팅에서는 어디서부터 시작해야할지 모르겠는 사람, 오픈소스 기여 방법을 잘 모르는 사람들을 위해 아주 아주 쉬운 가이드를 하나 작성해보았다. first-contributions firstcontributions/first-contributions 🚀✨ Help beginners to contribute to open source projects - firstcontributions/first-contributions github.com 우리는 해당 레포에 참여해볼 것이다. 1. 위 레포를 Fork 하기! fork 버튼을 누르면, 내 github 계정에 현재 레포의 복사본을 생성해준.. Angular 시작하기! Angular는 다른 프레임워크 (React, Vue)와는 다르게 정보가 많이 없는 것 같다. 그래서 시간날 때마다 하나씩 써보려고한다. 그 첫번째 글은 Angular 시작하기!이다. Angular 설치하기 Angular 공식문서 Angular angular.io 공식문서를 그대로 따라해도 좋고, 이 글을 참고해도 좋다. 현재 이 글 작성일 기준, Angular의 버전은 v10.0.7 (stable)이다. 터미널을 열어서 Angular CLI 설치하자. npm install -g @angular/cli 프로젝트를 시작할 폴더를 만들고 Application을 설치해보자. ng new 라는 명령어와, 프로젝트 폴더명 angular-playground 라고 입력해보자. 이때 폴더명은 본인 마음대로 바꿔도 된다.. [Github] README로 프로필 꾸미기 얼마전, Github에서 숨은 feature가 등록되었다는 소식을 접했다. 바로, Github 소개를 마크다운으로 멋지게 꾸밀 수 있다는 것이다. 이스터에그를 발견했으면 직접 적용해줘야 제 맛! 등록하는 방법이 매우 간단해서 간단하게 글을 작성해보았다. 바꾸기 전 Github 프로필은 다음과 같다. 좌측에 닉네임, 소개, 직장, 이메일, 블로그 링크등을 아주 짧게 남길 수 있다. 나의 Github - seohyun0120 먼저, Repositories 탭에 들어가 New 버튼을 눌러 새로운 레포지토리를 생성해보자. 그 후, 레포지토리 이름에 자신의 Github 아이디를 입력하면 아래와 같이 You found a secret! 이라는 아주 귀여운 문구가 뜬다. 위에 Initialize this reposi.. [Barrier] 하나의 마우스와 키보드를 여러 PC에서 사용하기 여러 머신을 오가며 개발을 하게되는 경우가 있다. 각각의 머신에 키보드와 마우스를 연결하면 되지만 책상 공간 차지도 심하고 돈이 두 배로 드는 그런... 일이 생길수도 있다. KVM 스위치를 직접 구매해서 사용하는 방법도 있지만, 이걸 가능하게 해주는 소프트웨어 프로그램이 있다. Barrier debauchee/barrier Open-source KVM software. Contribute to debauchee/barrier development by creating an account on GitHub. github.com synergy를 fork해서 만든 오픈소스인데 정말 유용하다. 나는 현재 윈도우와 맥을 동시에 사용하고 있어서 Barrier를 설치해서 하나의 키보드로 사용중이다. 설치하기 Bar.. [Log] morgan으로 http request 로그를 남겨보자 이전 글에서 winston으로 log를 기록하는 방법에 대해 글을 써봤다. 이번엔 winston과 morgan을 사용해서 어떻게 http request를 기록할 수 있는지에 대해 작성해보았다. winston winston! winstonjs/winston A logger for just about everything. Contribute to winstonjs/winston development by creating an account on GitHub. github.com winston은 이전 글에서 사용법에 대해 자세하게 적었으니 기본 세팅만 해두고 넘어가려고한다. 혹시 이전 글을 못봤다면, 여기서 볼 수 있다. npm install --save winston logger 생성하기 // src/log.. [Log] console.log말고 winston으로 log를 기록해보자! 항상 console.log에 익숙해져 있었다. 사실 혼자서 무언가를 만들다 보면 (대부분 작은 규모이다 보니) 콘솔에서만 찍어보고 직접 남겨본 적이 없었다. 하지만 대형 프로젝트에 참여하게 되면서 logging에 대해 배우게 되었다. 큰 프로젝트이다 보니 왜 로그를 남기는지 조금은 알 것 같았다. JS에서 가장 많이 쓰이는 logging 모듈인 winston에 대해서 글을 작성해보았다. Winston 설치하기 현재(20년 06월) 기준으로 winston의 가장 최신 버전은 3.2.1이다. 버전 3이 나오면서 버전 2와 다른 점이 많으니, 처음 시작하는 사람들이라면 3 이상 버전을 설치하는 걸 추천한다. (2.@ 버전도 사용해봤는데 공식 문서가 있음에도 불구하고 잘 안 되는 것들이 몇 가지 있었다.) [w.. (C++) BFS와 DFS, 인접행렬과 인접리스트 (블로그 이전 준비를 하면서 예전 블로그에 있던 글을 옮겨 적는중이다.) 알고리즘을 처음 시작할 때, 이것 저것 찾아보다가 python이나 c++ STL을 쓰세요. 라는 글을 꽤 봤었습니다. python으로 할 줄 아는건 for문정도..? 여서 C++을 과감하게 선택했습니다. 문제를 좀 풀어보면서 가장 많이 나오는 BFS/DFS에 대해 작성해보았습니다. STL이란? 표준 C++ 라이브러리 (Standard Template Library) 프로그램에 필요한 자료구조, 알고리즘을 Template으로 제공 일단 익숙해져보세요! 인접 행렬 인접 행렬이란 그래프의 연결 관계를 이차원배열로 표현합니다. 보통 adj[][]형태로 많이 작성합니다. adj[i][j]: i에서 j로 가는 간선이 있다면 1, 없다면 0 위.. [JS] 랜덤 수를 생성해서 선물 금액을 정해보자! 오늘은 동생 생일이다. 선물로 돈을 주려했는데 그냥 주면 재미없으니까 간단하게 js 코드를 짰다. 10,000원 ~ 100,000원 사이의 난수를 총 n번 생성하여, 가장 크게 나온 숫자만큼 보내주겠다고 카톡을 보냈다. 코드는 정말 너무 너무 너무 간단하다. 랜덤수를 n번만큼 생성해서 배열에 넣은 후 내림차순 정렬한 뒤 0번째 값을 리턴하면 된다. 대충 이런식으로 나온다. 코드가 궁금한 사람들을 위해 gist에 올려두었으니 확인해보면 좋을 것 같다. 랜덤 수를 생성하여 선물 금액을 정해준다. 랜덤 수를 생성하여 선물 금액을 정해준다. GitHub Gist: instantly share code, notes, and snippets. gist.github.com 후기 사실 토이 프로젝트라하기에도 민망할 정.. 이전 1 2 3 4 5 6 다음
