소소한 IT 이야기
-
글쓰는 개발자 영문 워드프레스 블로그 오픈소소한 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 되는 기능, 카드번호 조회기능도 정상적으로 작동함을 알수 있습니다. 웹 개발을 공부하다보니 어떠한 웹사이트들이던 간에 관심이 있거나 신기한 사이트들을 보면 개..
-
넥서스 7 2013 안드로이드 파이 설치 방법소소한 IT 이야기 2019. 5. 1. 16:55
전에 중고로 구입한 넥서스 7 2013 (WIFI) 가 리니지 누가 롬이 설치되어있었는데 이를 안드로이드 파이로 업데이트 해보기로 하였습니다. 아무래도 안드로이드 버전이 구버전이 되다보니 플레이스토어에서 설치가 되지 않은 앱들이 틈틈히 보였던 이유가 컸습니다. 다만 설치를 하면서 조금 헷갈려서 설치를 잘못했던 부분이 있어 그 부분을 중점적으로 설명드리고자 합니다. 기존에 TWRP를 설치하신 분들에서도 TWRP 버전을 확인하셔야 원활한 설치가 가능합니다. 개발자 말에 의하자면 3.2.X 버전 이상에서 사용이 가능하다고 합니다. 저의 경우에는 공장초기화를 하는 바람에 처음부터 최신버전인 3.3.0 버전을 사용하였습니다. https://twrp.me/asus/asusnexus72013wifi.html 에 접속..
-
Heroku NodeJS 무료 서버 sleep 방지하기소소한 IT 이야기 2019. 5. 1. 11:11
저의 모든 NodeJS 앱들은 Heroku 서버 위에서 돌아가고있습니다. Heroku는 PaaS(Platform as a Service) 입니다. 개인 서버가 있긴하지만 git을 활용해서 deploy 하는 방법이 Heroku에선 자동으로 해주는 기능이 있어서 사용하는 이유가 큽니다. Github과 연동도 가능하구요. Heroku의 요금 정책을 확인해보면 Free Dynos의 경우 한달에 1000시간의 WakeUp 시간을 제공하고 있습니다. 한달에 41.6일 정도의 서비스를 제공할수 있다는 뜻인데 저의 경우에는 5개의 앱을 돌리므로 부족 할 수도 있습니다만 상시 작동하는 프로젝트가 그리 많지 않아서 우선 할당량을 제 포트폴리오 앱으로 지정하고 싶었습니다. 포트폴리오 프로젝트의 경우 인사 담당자 분들이 접속..