
배경 우리 서비스에 사용되는 sms 발송 업체를 기존 비즈엠(웹에서 발송하는 카카오톡 및 SMS 기능 제공 서비스 업체)에서 ncloud(NAVER에서 운영하는 각종 클라우드 서비스)로 변경하기로 했다. 이를 위해 API 사용법을 알아보고 스웨거(Swagger - API 스펙 확인 및 테스트 가능한 환경)에서 테스트까지 수월하게 마쳤다. 그런데 실제 코드 단에서 테스트를 해보니 계속 401 Unauthorized 에러가 났다. 이유는 헤더에 전송하는 암호화한 데이터가 잘못되었던 것인데, 이를 해결하기 위해 암호화 알고리즘에 대해 많이 찾아보게 되었고 그 과정에서 알게 된 것들과 에러 해결 과정을 정리해 보려고 한다. 암호화 알고리즘? 암호화는 사실 깊게 파면 끝도 없을 주제일 것이다. 큰 분류만 보자면 ..

참여 동기 우아한 테크러닝에 참여하면서 많은 사람들이 정말 열정적으로 공부하고 있구나를 알게 되었다. 초반에는 사람들 블로그 염탐도 많이 갔었다. 그러다가 몇몇분들이 스터디 모집글을 올리는걸 보고 자극받아서 여기저기 참여하게 되었는데 클린코드 스터디도 그 중 하나다. 사실 이 책은 여기저기서 추천하는 글들을 많이 보았는데 집에 사놓고 안 읽은 책만 수두룩했기 때문에 도전할 엄두가 안났었다. 그런데 마침 이 책을 가지고 스터디를 한다길래 잘됐다 싶어서 참여했다. 참여 과정 책은 회사 도서구매비로 결재를 올렸는데 팀장님이 자기 집에 이 책 두권이나 있다면서 결재올린건 회사에 두고 한 권을 나에게 공짜로 주셨다ㅎㅎ (팀장님도 다 안읽으셨다고...) 나는 사실 스터디 내내 거의 청강 느낌으로 참여했다. 스터디 ..

사내 스터디로 진행한 도커 스터디 실습과정을 정리하였습니다. 깃헙에 작성된 내용과 동일하며 이전 내용은 여기를 참고해주세요. ## 트러블 슈팅 및 각종 꿀팁 명령어 - 이미지가 어떻게 빌드됐는지 볼 수 있다. `docker history sample-app:latest` - 이전에 돌렸던 컨테이너 기록들 출력 `docker container ls -a` - 한번만 이미지 돌려도 컨테이너 기록에 남게되서 불필요한 기록이 많아진다. - 종료된 컨테이너 한번에 삭제하는 커맨드 `docker container prune` - 이미지도 삭제 가능 `docker image prune` - 쓸모없는 컨테이너 기록을 남기지 않고 실행하려면 --rm 옵션 추가 - docker run은 컨테이너 생성 -> 컨테이너 실행을..

사내 스터디로 진행한 도커 스터디 실습과정을 정리하였습니다. 깃헙에 작성된 내용과 동일하며 사진만 일부 추가하였습니다. # Docker Study ## 사전 준비 - 반드시 윈도우 랩탑 대신 맥북 지참 - [docker desktop](https://www.docker.com/products/docker-desktop) 받아서 설치 - vue-cli설치/업그레이드: yarn global add @vue/cli - visual studio code + docker plugin install ## Docker 기초 터미널에서 실습 ### 예제 1) hello-world 이미지 내려받고 실행하기 ``` docker pull hello-world docker run hello-world ``` - [도커 허브 ..

전직장에서는 윈도우를 쓰니까 원격접속할때 항상 putty를 써왔다. 지금 회사는 맥을 쓰지만 젠킨스로 배포하니 직접 서버 접속할 일이 없어서 세상 편한것... 그런데 개인공부겸 사고싶은 물건이 있어서 재입고 알람봇을 만들다가 맥으로 서버에 접속할 일이 생겼다. 그래서 예전에 구글 블로그에 포스팅 해두었던 자료를 재탕!! 맥에서는 putty를 받을 필요도 없다. 기본 터미널로 바로 연결되는걸~ 방법은 아래와 같다. 터미널에서 직접 명령어를 입력해서 연결하는 방법도 있지만 나는 UI를 이용하는게 편하니까 그 방법으로 적어두어야지. 1. 먼저 터미널을 연다. 2. 상단에 셸 > 새로운 원격 연결... 을 누른다. 3. 보안 셸(ssh)를 선택하고 아래에 [+] 버튼을 누른다. 4. 다음과 같은 창이 뜨면 [서..

JSConf Korea는 세계 각국에서 열리는 JSConf의 일환으로 2019년에 한국에서 처음으로 열리는 행사다. 이러한 행사에 운좋게 양도티켓을 얻어서 참가할 수 있었던 것은 정말 행운이었다. (그것도 얼리버드 티켓으로...ㅎㅎ) 사실 예전부터 로망이었는데 이렇게 규모가 있는 컨퍼런스에 꼭 참여해보고 싶었다. 그러나 규모가 큰 행사는 대부분 평일에 열리기 때문에 회사 다니면서는 연차내고 겨우 NAVER TECH CONCERT: FRONT END 2019 에 한 번 참여했었다. 이것도 운좋게 당첨이 되서 갈 수 있었는데 당시 회사에서는 컨퍼런스에 간다고 하니 지원은 커녕 '뭐 다녀와도 상관은 없지만 큰 도움은 안될거다' 라는 식으로 말하고 그냥 내 연차를 하루 써서 다녀와야 했다. 그렇게 발전없는 회사..
velopert 김민준님이 쓴 책 [리액트를 다루는 기술]을 보는데 공부를 시작하기에 앞서 nvm 설치를 권장하길래 설치하려는데 설치도 안되고, vim 사용법도 몰라서 설치하는데만 30분정도를 허비했다... 그래서 혹시 나와 같은 일을 겪는 사람을 위해, 또 나중되면 또 까먹을(것이 분명하지만) 나 자신을 위해 이렇게 포스팅을 해둔다. NVM 설치는 사실 그렇게 어렵지 않다. https://gist.github.com/falsy/8aa42ae311a9adb50e2ca7d8702c9af1">NVM Quick Start 여기에 나온것처럼 코드 몇 줄이면 끝난다. 그러나 처음 명령어로 제대로 설치되지 않을 경우, vim 에디터를 이용하여 스크립트를 추가해야하는데, 여기서 나처럼 vim 사용법을 1도 모르는 사..
- Total
- Today
- Yesterday
- vue
- js
- ReactNative
- 리액트훅
- nodejs
- EventLoop
- Component
- frontend
- 상태관리
- til
- vue-cli
- typeScript
- chartjs
- Docker
- prerender-spa-plugin
- axios
- vue-router
- Python
- REACT
- 우아한테크러닝
- jsconf
- JavaScript
- asyncawait
- vuejs
- promise
- 프론트엔드
- 인프런
- ES6
- Vuex
- vue-meta
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |