개요 flex 를 활용하여 panel 들이 click 에 멋지게 반응하게 해보자. - flex 에 대하여 참고 링크: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ index-START.html 참고 링크: https://goo.gl/QcRIEX 1) :before, :after - 특정한 것의 앞과 뒤에 이것을 적용한다는 것. - 그런데 * 모든 것이라니 무슨 의미인지 헷갈린다. 2) inherit: 부모의 값을 상속받는다. Selector 참고링크: https://goo.gl/aYHKVb .panel > * .panel 의 직계 자식인 "모든" element 를 선택 .panel p .panel 의 자식인 p element 를 선택 nth-chil..
Array 가지고 이런저런 장난을 쳐보자 inventors 오브젝트 배열을 가지고 놀아보자 1) first, last, year, passed 값을 가지고 있는 구조체가 있고, 2) 그 구조체들로 이루어진 배열이 있다. 이걸로 장난을 쳐보자 Array.prototype.filter() Filter the list of inventors for those who were born in the 1500's → 1500 년대에 태어난 inventor 를 추려내보자 filter() 는 먹여주는 함수가 true 를 return 하는 경우만 추가해서 회신한다. 1) 익명함수로 리턴값이 true 인 경우만 filtering 해서 회신해준다. 2) 화살표 함수로 좀더 간결하게 표현 가능. 하지만 아직은 좀 낯선 방식이..
개요 - 실습의 시작점이 되는 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 이 꽉 차거나, 비어 있으면 블록된다. - 꽉 차있는데 넣으려 하거나, - 비어있는데 빼내려 하면 코드의 그 부분에서..
- Total
- Today
- Yesterday
- postgres
- 2023
- OpenAI
- bun
- 잡학툰
- ChatGPT
- github
- 중용
- 영화
- strange
- Shortcut
- 노션
- agile
- websocket
- 명상
- Gin
- 체호프
- notion
- 클린 애자일
- golang
- API
- Bug
- go
- folklore
- intellij
- pool
- solid
- 인텔리제이
- 독서후기
- ORM
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |