소소한 IT 이야기
-
Github README.md에 뱃지사용으로 차별화하기소소한 IT 이야기 2019. 10. 22. 21:31
최근 Github의 README.md 파일들을 살펴보면 뱃지의 전성시대라고 불러도 될 만큼 여러 가지 뱃지들이 있습니다. 몇 년 전만 해도 뱃지 사용이 그렇게 많지 않았고, 용도도 한정적이었는데 최근에는 엄청나게 다양한 뱃지들을 아주 손쉽게 만들 수 있었습니다. 제가 README.md 파일을 작성하면서 지금까지 사용한 뱃지는 TravisCI의 빌드 뱃지와 현재 개발 여부를 알려주는 커스텀 뱃지 요 두 개였습니다. 개인적으로 레포지토리를 방문하는 사람들에게 현재 개발 진행 여부와 적어도 코드 커버리지 테스트를 테스트한 결과 뱃지를 보여주고 싶었기 때문입니다. 이 포스팅에서는 https://shields.io/ 를 활용하여 여러가지 뱃지를 생성해보는 방법에 대해서 알아보도록 하겠습니다. 제가 맨 처음 사용했..
-
당신이 Upwork에서 일을 구하기 힘든 이유소소한 IT 이야기 2019. 10. 8. 19:47
나는 웹 개발자로 최근에 재택근무에 대해서 관심을 가지게 되었고, 디지털 노마드에 대해서 동경하고 있었기 때문에 Upwork라는 플랫폼을 이용하게 되었다. Upwork은 Connect라고 부르는 자체 시스템을 가지고 있는데 내가 프리랜서 일을 지원할 때마다 내가 가지고 있는 Coneect를 소모하게 되어있다. 하지만 수차례 지원을 하여도 일을 얻기 힘들었다. 그리고 채용 공고들을 보면서 떠오른 생각은 이곳에서 일자리를 얻기는 어렵겠다는 생각이 들었다. 그리고 나는 그 이유에 대해서 몇가지 설명하고자 한다. 1. Google Trend로 분석한 결과 나는 구글의 데이터를 굉장히 신뢰한다. Google Trend 기능을 이용하면 전 세계 사용자들의 관심도나 관련 검색 어등을 파악할 수 있다. 또한 어느 나라..
-
글쓰는 개발자 영문 워드프레스 블로그 오픈소소한 IT 이야기 2019. 10. 7. 00:39
드디어 글쓰는 개발자 영문 워드프레스 블로그를 오픈하였습니다. 지금까지 워드프레스 블로그를 여는 것은 지금까지 저의 숙원 프로젝트 중 하나였습니다. 하지만 무엇이 문제인지 참 워드프레스 블로그는 정착하기 힘들었고, AWS, Godaddy 등등의 여러가지 웹 호스팅 업체들도 거쳤지만 유지하기가 참 힘들었습니다. 하지만 최근에 유튜브로 '개발 문서를 영어로 읽기' 녹음 작업을 시작해보면서 좀 더 영어공부를 하는데 문서화도 필요하겠다는 생각이 들었습니다. 우선 개발 문서를 영어로 읽는 것만으로는 영어 공부하기가 힘든 부분이 있고 작문 부분도 공부해야 할 필요성을 느꼈기 때문입니다. 이런 작업을 하는 중간다리 플랫폼으로 워드프레스를 제대로 이용해 보기로 하였습니다. 우선 도메인을 1년짜리로 구매하였는데, 제가 ..
-
MySQL에서 받아온 데이터 중복 제거하기소소한 IT 이야기 2019. 8. 16. 13:45
최근에 유저 페이지 개발을 진행하면서 기술명으로 검색을 진행하였을 때 결과 데이터에서 발생하는 유저 데이터를 다시 반환하여 검색 결과를 표시해주려는 작업을 진행하면서 프로젝트들의 기술명으로 검색이 걸린 결과물을 반환하면 결국 유저 데이터들의 중복이 발생하기에 중복을 제거해야 한다는 문제점이 발생하였습니다. 지금까지 MySQL의 SQL문을 사용해본건 기본적인 SQL문과 그때그때 필요한 기능들을 검색해보면서 사용하고 있는데 이 부분으로 질문을 하면서 'distinct'라는 SQL문을 알 수 있게 되었습니다. 제가 기존에 사용한 코드는 아래와 같습니다. router.get(`/find-users/:queryString`, function(req, res, next) { let queryString = req...
-
Redux Dev Tools No store found 문제 해결 방법소소한 IT 이야기 2019. 7. 22. 12:39
생활코딩 Redux 강좌를 진행하면서 Redux Dev Tools를 설치하고 이를 활용하는 방법에 대해서 학습하고 있었는데 저의 경우에는 아무리 재시작을 해보아도 아래와 같은 오류가 지속적으로 발생하였습니다. Redux의 Basic Store 문서 항목을 살펴보면 아래와 같은 코드로 사용이 가능하다고 되어있습니다. const store = createStore( reducer, /* preloadedState, */ window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() ); 제대로 작성한 것 같은데 작동이 되지 않고 콘솔 자체에서 문제가 발생하는 것도 아니니 답답해서 검색을 조금 하여보니 Redux Dev Tools은 탐..
-
React.js 앱을 Travis CI로 자동 gh-pages로 커밋하기소소한 IT 이야기 2019. 7. 16. 00:10
전부터 Travis CI를 사용하고 있었고 대략적으로 어떤것이다라는 것은 알고 있었는데 이번 기회에 Travis CI를 제대로 활용 할수 있었던것 같습니다. Travis CI는 Github의 Webhook 기능을 활용해서 Commit이 진행될 때 마다 Travis CI에서는 .travis.yml 파일에 설정된 대로 검사를 진행합니다. 기존에는 버전별 Node.js 에서 테스트를 진행하는 코드 검사만 진행하였지만 추가로 Github Pages에 Commit을 따로 넣어주는 작업을 추가하기로 하였습니다. 기존에는 Github으로 commit을 진행할때마다 npm run deploy 커맨드를 통하여 따로 변경 내용을 다시 Github gh-pages branch로 commit을 진행해야한다는 점이 굉장히 불편..
-
Github의 Automated Security Fix 기능 활용하여 보안 문제 해결하기소소한 IT 이야기 2019. 7. 11. 17:30
포트폴리오 관리도 해야하고 버전관리도 해야하다보니 Github에 들락날락 자주하는 편인데 항상 우측 상단에 알람 표시가 들어가 있어서 확인을 하여보면 Security Alarm인 경우가 많더군요. 항상 방치만 해오다가 레포지토리를 정리하는 과정에서 한번 해결을 해야겠다 싶어서 확인해보니 Github에서 Automated Security Fix라는 기능을 제공합니다. Dependabot이라는 회사? 에서 제공하는 기능인듯한데 Github 자체에도 포함되어 있나봅니다. 우선 문제가 발생하고 있는 레포지토리중 하나를 캡쳐해보았습니다. high severity라는걸 보니 뭔지는 몰라도 심각한 문제인가 봅니다. 저기서 엄청 편리한 기능이 일일히 오류 하나하나 들어가보지 않아도 Automated Security F..
-
[버그 레포트 후기] 메가박스 CORS 정책 위반 보고 후기소소한 IT 이야기 2019. 6. 3. 16:09
얼마전에 메가박스의 CORS 정책 위반으로 여러가지 기능들이 작동하지 않았다는 게시글을 올린적이 있는데요. 5월 초에 이에 대한 답변이 왔었습니다. 답변을 받아볼 당시에는 너무 형식적인 답변이라 사실 문제가 해결될지 긴가민가 했는데 오늘 영화 기생충을 예매하기 위해 홈페이지에 접속했더니 코드가 수정되어 웹사이트가 정상적으로 작동됨을 확인했습니다. 아래 이미지는 기존의 오류가 있었을 때 발생한 에러입니다. 지금 다시 접속하여 개발자 콘솔을 열어보니 CORS 정책 에러는 사라졌음을 확인할수 있습니다. 또한 로그인 후 홈페이지로 자동으로 Redirect 되는 기능, 카드번호 조회기능도 정상적으로 작동함을 알수 있습니다. 웹 개발을 공부하다보니 어떠한 웹사이트들이던 간에 관심이 있거나 신기한 사이트들을 보면 개..