응용 sw 및 블록체인

*예쁜폰트 쓰기 구글에 구글 폰트라고 치면 나오는데 거기서 예쁜 폰트를 골라서 선택하면트 쓰기 원하는 폰트를 골라서 들어간다. 원하는 폰트를 골라서 플러스를 누른다. 그후 네모 상자를 클릭하면 옆에 저렇게 나오는데 첫번째 상자 내용 link를 HTML head 부분에 넣어 연결해주고 두번째 박스 내용을 css원하는 영역에 넣어 사용해주면 된다. 여러 폰트를 사용할수 있지만 2가지 이상 폰트를 사용하는 것은 비추천한다고 한다. *글씨 밝기 조절 방법이다. brightness 로 밝기 조절하여 hover로 event를 주는 식으로 활용 가능할거같다. #footer_bottom_right>a:hover{ filter: brightness(50%); } *이미지 확대 및 축소 하는 이벤트 transform sc..

*DBCUT 사이트* *객체에 대한 추가 수업 어떤 객체를 생성하고 그안에 내용이 궁금하면 원하는 정보의 상위객체를 알아야한다. 그래서 앞으로 원하는 기능을 찾을때 그 기능의 상위객체도 알아야 제데로 그 기능을 구현 할수있다. 예를 들어 내가 자동차 에어컨이 궁금할때 자동차 내부에 있는 에어컨이 궁금해 라고 찾아야 하는 것이다.

function btn(){ clearInterval(roll); slider() roll=setInterval(slider, 3000);} *인자값을 매게 변수라고 한다. 나는 if문이 어떨때 실행되는 지 제대로 숙지하지 못하는 것 같다. if문은 ()안에 블리언 만들어오는데 true 라면 실행되고 fals 라면 실행되지 않는다. fals 에 실행되길 원하면 else를 만들면된다. 함수를 써서 구구단 만들기. 함수 부분이 어렵다. a=0; // 대입연산자 a==0; //비교연산자 //console.log(a);//a //console.log(a==0);//true // 함수의 사용법은 함수명(); //{} 코드블럭 //함수의 매개 변수,인지값 사용하는 방법 //함수사용해서 *함수가로에 a 를 써을 때 ..

* :nth-child(원하는 순서) 를 사용하면 같은 엘리먼트에 id 나 class 명을 사용 하지 않고 원하는 위치에 엘리먼트에 명령을 줄수있다. .interview_content>li:nth-child(1){ left: 0px;animation: slider 2s;} *순서대로 회전하게 하는 코드 index=0 으로 시작해서 1씩 증가하게 한 후 li.length 랑 같아지면 0으로 다시 리셋되게 한 후에 onNum 은 index 보다 1이 크게 만든후 i 는 인덱스처럼 0에서 시작하게한다. i 가 index 값이랑 같으면 out i가 onNum랑 같아지면 on 그이외는 명령을 주지 않는다. 그러면 var index = 0; function slider() { li = document.querySe..

1. onmouseover : 해당 객체의 영역위에 커서가 진입하는 순간 발생 2. onmouseout : 해당 영역에서 커서가 빠져나가는 순간 발생 3. onmousedown : 해당 객체의 영역에서 마우스 버튼이 눌려지는 순간 발생 4. onmouseup : 해당 객체의 영역에서 마우스 버튼이 떼는 순간 발생 5. onmousemove : 해당 객체의 영여겡서 커서가 움직이는 순간 발생 * label for 값과 input의 id 값을 같게 해주면 '아이디' 부분을 누를시 텍스트로 커서가 옮겨지게 된다. 아이디: *clear: both; 를 쓰면 상위 엘리먼트가 float:left를 주더라도 이 친구는 영향을 받지 않는다. *animation 효과를 주는 코드 animation : 임의변수 시간; @..

img{ display: block; line-height: 0;} 이미지마다 조금에 간격이있을때 line-height:0 을 주면 간격을 없앨수 있다. 이미지는 인라인이기 때문에 블럭으러 바꿔주어야 한다. absolute를 난발하면 원하는 위치에 옮기기가 어려워진다. 그래서 2dex 안에 끝내는게 쉬울것. *애니메이션 효과 주는 방법. 0 에서 1 까지 가는 데 3초가 걸리도록 코드를 친것. 크로스 브라우저 가 아니라면 그 브라우저마다 구동 방법이 다르기 때문에 숙지하고 있어야한다. 내가 준 명령이 어떤 브라우져에서는 구동이 안될수있다. .fadein{ animation: fadein 3s;} @keyframes fadein{ from{ opacity:0;}to{opacity:1;} } *애니메이션 줄..

데이터 타입 typeof javascript 에서 '= ' 은 안에 넣어라 라는 뜻이다. *함수는 데이터 처리전 저장 후 내가 사용하고 싶을때 사용 할수 있다. 사용하려면 사용한다는 명령을 줘야한다. ()안에 변수를 줄수있다. sum(1+2+3); function sum(a,b,c){ return a+b+c; } a= sum(3,4,5); console.log(typeof(a)); 변수는 데이터 타입이 있어야 사용할수 있다. *return 값은 계산은 해서 담아두는 역할이다. 쓰려면 꺼내서 써야한다. *객체 (object)는 결과물! 핸드폰이라는 객체 안에 볼륨키 전원키 등 기능키들이 있다. 핸드폰,볼륨크게 하고 싶을때 ()메서드 안에 모션을 준다. document 객체 querySelector() 은 ..

const btnArr= ['a','aa','d' , 'ad' ]; btnArr.push('aa') console.log(btnArr[2]) const 는 교수님이 다음에 알려주신다고 한다. 여러번 연습해서 안보고 칠수 있지만 계속 한두개씩 오타가 있어 오류가 난후 수정한다... 타자연습을 더 해서 오타를 좀더 줄이면서 해야 할것같다. 지금은 조금씩 배우면서 하는 거라 금방 오류를 찾지만 코드를 길게 쓸때 더 어려워 질테니... 1 2 3 4 5 setInterval 은 1000 당 1초다. 사진을 바뀌게 하는 코드 다른건 이해 가는데 li 의 선택 범위를 왜 #as>li 로 줘야 하는 지 이해가 안갔지만 김동철님께서 친절하세 설명해주심 #as>li 로 명령을 주면 배열로 인식해서 li[0] 원하는 위치..