응용 sw 및 블록체인

java script는 head에 쓰는 걸 권장 html은 정적이고 java script는 동적이다. 똑같이 1+1 썼을 때 html은 그대로 표현 하지만 java script는 계산을 해서 보여준다. 1+1 *alert 은 경고장 condole.log 는 콘솔 창에 표출로 앞으로 많이 사용할것이다. 이게 가장 기본적인 javascript 이다. 하나 하나 이해 하려고 하기보다 일단 흐름을 먼저 알고 많이 사용하고 나중에 하나씩 파고드는 방식으로 공부하자. *event 이런 식으로 input에 속성값으로 onclick으로 주면 클릭했을때 보여주고 싶은 event를 안에 넣어주면 된다. ingoo = 40; ingoo2 = '40'; document.write(1+1); console.log('hellow..

*웹을 만들때 레이 아웃을 먼저 만들어서 큰 틀 (공통분모!) 에서 상세 내용으로 만들어 간다 큰틀에 class , id 를 적정하게 중복을 주어 더 가편하게 만들수 있다. (코드량을 줄여줘야한다.) 1 .box{ width:1200px; height:600px;} color: black; 2 #content1{ margin-top: 50px;} 3 #content2{ margin-top: 80px:} 4 이런 식으로 같은 사이즈 container를 만들때는 clas이용하여 명령 한번 줘서 여러개에 container를 한번에 만들수 있다. 근데 이렇게 하려면 레이아웃에 나누기를 확실히 머리로 이해하고 작업해야겠다. *margin을 줘서 이동하는 것보다 padding 값을 줘서 시작 시점을 정해주고 시작하..

position: absolute 를 주면 3차원으로 구현 가능 abspolute 를 주면 하이 엘리먼트에 명령을 받지않고 브라우져 기준으로 움직인다. relative: 하이 엘리먼트에 명령도 받으면서 움직인다. pixed: 를 주면 내가 줌을 주든 안주든 고정자리에서 변화 없이 고정시킬수 있다 (퀵버튼 만들때 활용) 1 2 3 이런 식으로 만약 내가 구현하고 싶은게 기존에 틀에 따로 띄어서 구현 하고 싶을때는 absolute 를 활용하고 기존에 틀에서 기존 명령도 받으면서 구현하고 싶을때는 ralative 고정된 위치에 구현하고 싶을 때는 fixed 를 사용하면 된다. 숙제 레이아웃 먼저 만들어 오기

지금까지 배운 것 복습위주로 자습 하였다. 계속해서 ; 라든지 }를 닫는걸 까먹거나 오타를 신경써서 연습해야겠다. 각 태그가 어떤역활을 하는지 되새겨 가면서 복습해야 한다. box-sizing: border-box; 을 사용하면 padding 값을 줘도 밖으로는 삐져나가지 않고 안으로만 패딩값을 줄 수 있다. text-align: center 값을 줄 경우 텍스트는 중앙으로 가지만 안에 이미지가 있다면 이미지는 적용되지 않는다. line-height: 20px; 를 주면 line 과 line 사이를 텀을 줄 수 있다. img 는 inline 이다. 만들기 전에 머리속으로 큰 틀을 그려놓고 만들는 습관을 들여야 될거 같다. 이런 식으로 큰틀 안에 중간틀 안 작은 틀 구역을 나눈후 묶어서 명령을 줘 사이즈 ..

1 2 3 4 class 는 이렇게 이름을 중복으로 줄수있다. .box1{ background:url("../images/1.png") right no-repeat ; background-position: 180px 100px; } .box2{ background: blue; } .box3{ background: yellow; } .box4{ background: yellowgreen; } .box>h2{ font-size: 23px; color: #2b2b2b; } .box>h2>span{ display: block; font-size: 12px; color: #4689e1; } .box > p { display: block; width: 50%; margin: 30px 0 0 0; line-heigh..

html 은 이루어져있고, 시작하는 태그가 있으면 닫는 태그가 있다. 안에 태그가 아닌 다른 설정이 들어가 있으면 속성값이다. tag는 inline 형태와 block 형태가 있다. inline은 옆으로 붙는 속성이고 block 형태는 한 줄을 차지 하는 속성을 가지고 있다. inline 안에 block 태그를 넣어도 한 block을 다 차지 하기 때문에 밑으로 내려간다. input, br, image 는 닫는 태그가 없어도 사용 가능한 태그다. tag 에 id,class 속성을 넣어주면 내가 정한 임의로 정한name 으로 head에서 명령을 줄수 있다. id 값은 중복 불가 여러게를 한번에 명령 주려면 class 사용(id 중복시 작동은 되나 표준에서 사용하지 말라고 함!) .은 class 명시 할 때 ..

숙제 비밀 번호란 만들어 오기 아이디 @naver.com 비밀번호 숙제 피드백! 코드 정리를 확실하게 해야 어디서 부터 어디까지 인지 보기도 편하고 복사 붙여넣기도 하기 편해 작억을 더 빨리 할 수 있다,

아이디 @naver.com 아이디 @naver.com naver 에 회원가입 페이지를 F12 로 보고 아이디 부분 만들기 head 에 style 로 h3에 명령을 줘 {font-size:12px; } 사이즈 조정 HTML은 어디서 시작하지? DIV 엘리먼트 span 엘리먼트 제목1 제목2 제목3 제목4 제목5 리스트1 리스트2 리스트3 리스트4 리스트5 네이버 바로가기 독서 영화 pc 문단나누기 남자 여자 block 이란 뭘까!? block 이란 뭘까!?ㅁㅁ inline 이란 뭘까? inline 이란 뭘까?ㅁㅁ div 는 한줄을 차지하는 블럭 span 은 옆으로 붙는 인라인 h 는 뒤에 붙는 숫자에 따라 1은 크게 숫자가 클수록 작아진다. li 리스트 작성시 순서대로 사용하기 편하며 반드시 ul로 시작 ..