Hi

긍정적 자아. 성장적 자아 우리의 잠재력은 엄청나고, 잠재력을 이끌어낼 수 있도력 노력하면 된다. 메타(about)인지 : 나에 대해서 잘 아는 것. 내가 뭘 모르는지, 내가 무엇을 알고 있는지 객관적으로 알기메타기억, 메타이해 지식의 저주 : 내가 아는 걸 상대도 안다고 착각하는 것..그래서 잘 아는 것과 가르치는 것은 다르다. (대학 강단에서 너무나 많이 느꼈다.) 인간의 뇌는 분류해서 기억을 저장하고, 다시 되돌릴 때 여러 군데의 정보들을 모아 기억을 떠올린다. 그래서 기억은 박제되어 있지 않고 살아 움직인다. 기억을 잘하기 위해서 첫 시작. 흔히 집중력이라 말하는 '주의'주의를 통해 선별적으로 자각 주의력을 키우는 가장 좋은 방법 - 공부를 많이 하는 수밖에 없다는 사실공부를 계속하다 보니 주의력..

쓰라린 진실1: 가장 좋은 신발이 가장 나쁜 신발이다. 쿠셔닝, 내회전 교정 가은 보호 기능 -> 더 자주 부상 쓰라린 진실2 : 발은 충격을 좋아한다. 신발이 낡아 쿠션이 얇아질수록 주자들이 발을 더 잘 통제할 수 있다. 쿠션이 딱딱해 질수록 발이 안정 쓰라린 진실3: 인간은 신발을 신지 않고 달리도록 만들어졌다. 울트라주자중 채식주의자가 꽤 있다.야채와 곡식, 콩류에는 근육을 만드는데 필요한 아미노산이 모두 들어 있다. 내리막 보폭을 줄인다. 통나무 굴리는 벌목꾼처럼 몸 아래서 발이 회전하게 한다. 다리를 곧게 펴고 뒤꿈치로 디디려고 하면 뒤로 넘어지고 말죠. 지방을 연소시키는 방법 - 장거리 달리기를 하는 동안 유산소 역치(숨이 차는 지점) 아래 머무르는 것이다. 편안하게 더 빨리 달릴수록 에너지가..

뒤로가기 새로고침 앞으로 가기

backgroundbackground-position속성설명left top왼쪽 상단left center왼쪽 중앙left bottom왼쪽 맨아래right top오른쪽 상단right center오른쪽 중앙right bottom오른쪽 아래center top가운데 상단center center정 가운데center bottom가운데 맨아래x% y%x는 가로위치, y는 세로위치. 0% 0% 는 left top 과 같음. 100% 100% 는 right bottom과 같음. 한가지만 지정하면 나머지는 50%cm, px, in, pt, px, em등의 단위와 섞어서 지정도 가능

속성값에다 스타일 적용ex)&::placeholder font-size: 12px

(pug)extends extends layout.pug 파일이 있다면 doctype html html head title= title link(rel='stylesheet', href='/stylesheets/style.css') body block content index.pug 파일 extends layout block content h1= title p Welcome to #{title} includepug 파일에서 다른파일 안의 코드를 붙여 넣는다. 붙여넣는 코드는 pug 외에 어떤 확장자도 가능하다고 한다frame.pugextends layout //layout.pug block content include login //login.pug

mixin @mixin _global.sass 파일 작성 (공통된 스타일 속성 파일) $nav-height: 50px @mixin backgroundImage($url) background: url($url) background-size: cover @mixin small-button width: 32px height: 32px border-radius: 50% border: solid 1px #f00 @mixin inline-block display: inline-block vertical-align: top @mixin border-radius($rt, $rb, $lb ,$lt) border-bottom-left-radius: $lb border-bottom-right-radius: $rb borde..

rm –rf directory1// dirctory1을 다 지워버림 (–f 옵션 + –r 옵션)

https://codepen.io/devstreak/pen/dMYgeO

::-webkit-scrollbar display: none overflow: auto넘치는 부분만 스크롤바 보이도록 한다

git config --global core.quotepath false 를 입력한다.

https://developer.mozilla.org/ko/docs/Web/CSS/overflow

search box 높이조절 search box 높이 조절 -webkit-appearance:none; 을 input 태그의 css에 넣는다.

pug (pug) 띄어쓰기

터미널 node 명령어 node 치면 server-side javascript 명령어를 입력할 수 있다파일 만들기 touch 파일이름.확장자 터미널에서 바로 코드 이어 붙이기 echo 'var yamoo9={};' > yamoo9.js

text-decoration-line: underline밑줄 표시

대퇴직근(허벅지 앞쪽 근육) 조금 외측이 뭉쳐서 고관절 쪽이 아플 가능성이 높다. 깊게 마사지 해도 좋다. 선수들 중에서는 사람이 올라와서 여기를 마사지 하는 경우도 있을 정도

(css) pointer-events pointer-events pointer-events: all | none all : 클릭이나 호버되게 none: 클릭이나 호버 안되게

맥에서 윈도우 node 바꿀 시 맥에서 윈도우 node 바꿀 시 Run npm rebuild node-sass to build the binding for your current environment.

# node.js node 를 설치하면서 npm도 설치한다.npm은 'node 패키지 매니저'(node.js 기반의 패키지 모듈을 관리하는 도구) 맥 터미널 = 윈도우 git bash 터미널에서 node ㅊ

아이콘 넣기 아이콘(폰트 스타일 적용되는) 넣기 material design icon // 구글용 아이콘들https://material.io/tools/icons/ fontawesome.com // 양이 더많음 // material design용 link(rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous") // fontawesome 용를 헤드에 넣는다. check //material design (google icon) ..

ㅇ CMD접속— mkdir로 OOO라는 파일을 생성 cd OOO로 파일 안으로 접속 npm install -g express-generator express -v pug -c sass 로 파일?들 다운. -v [VIEW MODE] -c [STYLE MODE] npm install WebStorm 열기 File 에서 Open들어가서 내가 방금 만든 OOO 디렉토리 찾아서 열기. app.js에 있는 app.use(’/’, indexRouter); 를 이용해서 주소 경로를 알아 볼 것이다. '/'부분을 내가 원하는 경로 이름으로 바꿔 준다. -> '/test’라고 했다. 여기서 7)의 indexRouter는 위의 var IndexRouter = require(’./routes/index’); 을 보아 rout..

pug 학습http://jeong-pro.tistory.com/65 sass 학습https://sass-guidelin.es/ko/

https://www.cmsfactory.net/node/11162

https://code.i-harness.com/ko/q/13665 display: table;display: table-cell;

사이트 참조https://www.w3schools.com/css/css_max-width.asp

max-width max-width 예시를 보는게 더 빠른듯ex) Set the maximum width of a element to 150 pixels: p.ex1 { max-width: 150px; }

미디어 쿼리의 조건 미디어 쿼리의 조건 웹 문서의 가로 너비와 세로 높이 뷰포트 : 실제 웹 문서의 내용이 화면에 보이는 영역 가로, 세로 값 설정하는 속성 설명 width, height 웹 페이지의 가로 너비, 세로 높이 min-width, min-height 최소 너비, 최소 높이 max-width, max-height 최대 너비, 최대 높이 ex) 뷰포트의 너비 600px 이상, 959px 이하 @media all (min-width: 600px) and (max-width: 959px) { ... } 단말기의 가로 너비와 세로 높이 속성 설명 device-width, device-height 단말기의 가로 너비, 세로 높이 min-device-width, min-device-height 단말기의 ..

미디어 쿼리 구문 미디어 쿼리 구문 기본형 @media [only | not] 미디어 유형 [and 조건] * [and 조건] ex) @media screen and (min-width: 200px) and (max-width: 360px) { ... } 연산자 설명 and 조건을 계속 추가할 수 있습니다 ,(쉼표) 동일한 스타일 유형을 사용할 미디어의 유형과 조건이 있다면 쉼표를 이용해 추가 only 미디어 쿼리를 지원하는 웹 브라우저에서만 조건을 인식하게 합니다. 이 키워드를 사용하면 미디어 쿼리를 지원하지 않는 웹 브라우저에서는 미디어 쿼리를 무시하고 실행하지 않습니다. not not 다음에 지저하는 미디어 유형을 제외합니다. ex) 'not tv’라고 지정하면 TV를 제외한 미디어 유형에만 적용 ..

, , 태그 A description list, with terms and descriptions Coffee Black hot drink Milk White cold drink