개요 - 실습의 시작점이 되는 index-START.html, style.css 를 따라 타이핑하고, 이해해보았음 - 이제 동영상 강의를 보며 따라해보고, 정리하자. 동작 index-FINISHED.html 파일을 크롬 브라우저에서 열어서 완성된 동작을 확인해보자. - F12 를 누르면 크롬의 DevTools 가 열린다. 1) A S D F G H J K L 키가 화면에 보인다. - 스타일은 sytle.css 에 정의되어 있는 .key 이다. 2) 그런데 클릭을 해주면 - 스타일이 playing 이 되고 - 소리가 한 번 울려주는 것이다. - 오른쪽의 큰 빨간 네모가 키 영역들이다. - 키를 누르면 class 부분이 key 에서 잠시 playing 이 되었다가 다시 key 로 돌아오는 게 보일것이다. J..
개요 - 제로베이스로 시작하며, 내가 알지 못하는 하나씩을 모두 정리해본다. - 차곡차곡 쌓이면, 다음 강좌로 넘어갈 수록 알아 볼 것들이 줄어들 것이다. 공부방법은 1) index-START.html 을 01.html 로 옮겨 타이핑 하고, 이를 아래와 같이 분석해본다. 2) style.css 역시 style-jhs.css 로 옮겨 타이핑하고 분석한다. 3) 그다음 동영상을 보면서 실습을 따라해본 후 4) 별도의 블로그 포스팅에 실습 내용을 정리한다. index-START.html 알아 볼 것들 링크: https://www.w3schools.com/tags/tag_doctype.asp - 웹브라우저에게 이 파일은 html 이라는 것을 알려준다. - HTML 5 는 죄측과 같이 쓰면 되고, - HTML ..
개요 - Vanilla JavaScript 로 실제 30개의 동작하는 녀석을 만들어보면서, JavaScript 를 공부해보자. - 공식링크: https://javascript30.com/ - GitHub: https://github.com/wesbos/JavaScript30 - 정현석 Fork: https://github.com/nicewook/JavaScript30 목표 참여중인 개발자 슬랙에서 JavaScript 30 코스를 함께 공부하기로 하였다. - 3월 1일부터 공식 시작 - 매일 하루 강의를 보고 프로젝트나 느낀 점을 공유할 것. 결과물 == 1인당 30개글 - 각자 페이스는 다를 수 있어도 목표는 완주. Course Front Page 30 개의 튜토리얼을 30일동안 수행하면서 30개의 바닐..
개요 지난번 포스팅에 이어 실제 코드 구현을 해보자 - 실제구현은 "권경모"님과 함께 하였다. 덤으로 Constant time comparison 에 대해서도 알아보자 . (참고) 현재까지 관련 포스팅 모음 - Slack slash command: Verifying requests from Slack: https://jusths.tistory.com/75 - Golang: Github - Travis-CI - Heroku: https://jusths.tistory.com/69 - Slack slash command + Golang server: https://jusths.tistory.com/72 - Slack slash command 는 무얼 보내주는 걸까: https://jusths.tistory.c..
개요 요가를 배워보고픈 욕심이 있다. "맛스타드림" 님을 통해 알게 되었던, 예전에 종종 해봤던 태양예배자세를 다시금 해보고자 한다. 이를 위해, 정리해 두었던 하는 방법을 다시 재정리 순서 및 호흡 발의 순서, 한 세트의 정의는 다양함. 여기서는 아래와 같이 정리해본다. 1. 내쉬며 - 합장을 한 상태에서 2. 들이쉬며 - 팔 뻗어 몸을 뒤로 휘고 3. 내쉬며 - 허리 구부리고, 4. 들이쉬며 - 오른발 뒤로, 허리 휘고 5. 내쉬며 - 두 발 뒤로하며 엎드리고 6. 들이쉬며 - 허리 휘고 7. 내쉬며 - 산처럼 만들고 8. 들이쉬며 - 왼발 앞으로, 허리 휘고 9. 내쉬며 - 허리 구부리고 10. 들이쉬며 - 팔 뻗어 몸을 뒤로 휘고 11. 내쉬며 - 합장 - 이것이 반 세트이며 이때 4,8번에서 같..
개요 결혼 전에는 꾸준히 운동을 해왔으나 이후 이어진 육아로 나 자신의 건강에 투자할 짬을 내기가 어려웠음. 일상의 스트레스를 풀 마땅한 방법이 없어 먹는것에 대한 심리적 제한을 풀어버린 채 몇 년을 보냄. 과식, 과음은 아니지만, 입이 궁금하면 다양한 간식을 챙겨먹고, 면식, 탄산, 야식, 음주를 절제하지 않았다. 그 결과, 몸무게는 최고점을 찍었고, 이에 대한 해법을 고민해왔다. 두 달 전부터 하루 만 보 걷기와, 직장 계단 2번 오르기 (= 40 층)를 해오고 있지만 그것으로는 현재 상황을 타개하기 어렵다. 그러다 아래 후기를 만나고 책까지 읽음 - 후기 링크: https://www.clien.net/service/board/use/12944105 - 책 링크: http://aladin.kr/p/h..
개요 Slack slash command 가 메시지를 보내올때에, 그것이 Slack 에서 보내온 것인지 검증해보자. 링크: https://api.slack.com/docs/verifying-requests-from-slack (참고) 현재까지 관련 포스팅 모음 - Golang: Github - Travis-CI - Heroku: https://jusths.tistory.com/69 - Slack slash command + Golang server: https://jusths.tistory.com/72 - slack slash command 는 무얼 보내주는 걸까: https://jusths.tistory.com/73 Signing secret Slack 에 앱을 등록하면 Slack 은 unique 한 ..
개요 원문: https://dave.cheney.net/2014/03/19/channel-axioms 참고링크 - channel 의 초기값 nil 은 무쓸모일까? https://goo.gl/K72ZNU Axioms 란 공리라고 쓰는게 맞겠지만 자명한 이치라고 풀어써본다. 자명하다는 건 따로 설명이나 증명할 필요조차 없다는 것을 말한다. 따라서, 여기서는 Golang Channel 의 그야말로 자명한 이치를 알아보는 것이다. → 번역에 가까운, 원문을 나 자신이 이해하고 정리하며 쓰는 글이다. 개발자가 막연히 받아들이는 채널의 개념 1) 값들이 들어오고 나가는 Queue 2) Channel 이 꽉 차거나, 비어 있으면 블록된다. - 꽉 차있는데 넣으려 하거나, - 비어있는데 빼내려 하면 코드의 그 부분에서..
개요 Slack slash command 를 사용할때에 HTTP POST reqeust 를 통해 보내주는 내용이 궁금하다 그것을 Golang 으로 처리하는 방법을 알아보자. httprouter 를 사용하여 조금 코드를 변경하였다. - GitHub 소스코드 위치 (현재 포스트 내용): https://github.com/nicewook/slack_slash_cmd/tree/master/version2 덤1. serveo 를 써보자. 개발시 로컬서버를 포트포워딩하여 ip에 도메인명을 할당해주는 서비스이다. https://serveo.net/ 덤2. gin 을 써보자. nodejs 의 nodemon 처럼, 소스 변경시 자동으로 서버를 재실행하게 해준다. https://github.com/codegangsta/g..
개요 1. Slack slash command 를 받고 회신하는 서버를 golang 으로 짜보자 2. 덤으로 (Heroku ) 등에 올리기 전에 ngrok 을 이용한 로컬 개발을 하자. 이후에, - httprouter 를 사용해보자. 세세한 기능은 부족하지만, 빠르고 깔끔하다는 평이다. - Heroku-CI 도 사용해보고 Heroku 에도 올려보자 참고링크: https://goo.gl/VDn4m9 httprouter: https://github.com/julienschmidt/httprouter ngrok Slack 에서 제공하는 링크: https://api.slack.com/tutorials/tunneling-with-ngrok 로컬에서 server 를 돌리면 (예를 들어 http://localhost..
- Total
- Today
- Yesterday
- 영화
- 명상
- ChatGPT
- 독서후기
- 인텔리제이
- pool
- github
- 중용
- 노션
- ORM
- Bug
- solid
- Gin
- 체호프
- API
- OpenAI
- 잡학툰
- 2023
- bun
- Shortcut
- postgres
- notion
- folklore
- golang
- websocket
- go
- 클린 애자일
- strange
- agile
- intellij
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |