just_HS

개요 특정 단어를 포함하는 도시명, 주명을 아래에 리스트로 보여준다. style.css z-index - 정수값이며 (= 음수, 0, 양수) - 여럿을 겹치게 놓을 수 있으며 - 클 수록 앞에 놓이게 된다. → 소스에서는 여기에만 쓰이며, 다른 녀석들보다는 항상 위에 두겠다는 것이다. 검색된 값이 아코디언처럼 보이게 해주는 부분이다. 1) even, odd 로 표현할 수 있는 것이 재미있다. - 자연어에 점점 가까워지는 프로그래밍 언어이다. 2) 각도를 각각 3, -3씩 돌리고, 그에 따라 비어지는 공백을 y 좌표를 조금 내리면서 해결한게 아닐까 싶다. scale 역시 좀더 자연스럽게 보이게 값을 넣어가면서 조절한 것일듯 → 실제 값을 변화시켜가며 확인해보면 될듯 하다. 1) 아무것도 안먹였을때 2) r..

개요 2주차 정리를 바탕으로, 4주차 즈음의 정리를 해봄. 결혼 이후엔 나 자신에게 투자할 시간이 부족해지고, 일상의 스트레스는 먹는 것에 대한 심리적 제한을 풀어버려서 해결한지 오래되었다. - 과식, 과음은 아니지만, 입이 궁금하면 다양한 간식을 챙겨먹고, 면식, 탄산, 야식, 음주를 절제하지 않았다. 몸무게는 최고점을 찍었고, 현 상황에서의 해법을 고민해왔다. - 운동은 몇 달 전부터 하루 만 보 걷기와, 직장 계단 2번 오르기 (= 총 40 층) 를 해왔고, - 식이요법으로 반식 다이어트, 그리고 간헐적 단식을 시도해보게 되었다. - 계기가 된 후기 링크: https://www.clien.net/service/board/use/12944105 - 책 링크: http://aladin.kr/p/hhaG..

개요 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..