just_HS

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