코딩애플 [코딩애플 JS기초] JS 기초 강의지만 CSS 애니메이션을 배우는 시간! 한쪽으로 이동하거나 없다가 나타나는 비포 애프터 변화요소가 하나인 그런 UI 시작 스타일 만들기 최종 스타일 만들기 원할 때 시작 => 최종으로 변화시키는 코드 만들기 transition 추가 올라가는게 매끄럽지 않아 좀 아쉽긴 하지만 뭔가 있어보인다!!... 로그인하세요애니메이션코딩애플CSSCSS [코딩애플 JS기초] Bootstrap, class 탈부착 위한 toggle함수, querySelector Bootstrap을 통해 html, css작성 시간을 줄일 수 있다. 사용방법은 여기에서 버튼, 리스트 등 원하는 디자인의 코드를 복사해서 붙여넣기 하면 사용 가능 document.getElementsByClassName("list-group")[0]. => html에서 class이름이 list-group인 것 중 0번째 요소 classList.toggle("show") => 그 요소의 cl... 코딩애플toggle함수class탈부착식자바스크립트querySelectorjs부트스트랩class탈부착식 HTML 기초 - 스타일링 거의 모든 태그는 style = "" 라는 속성을 열 수 있다. 안에 스타일 이름 : 스타일 값 형식으로 스타일을 넣어주면 된다. 여러 개를 넣고 싶다면 , 대신 ; 을 넣어주어 나열시켜주면 된다. 자주 사용하는 글자 스타일들 이미지 정렬과 폭 조정 이미지는 width를 많이 사용한다 주로 px 혹은 %로 크기를 조정한다. %는 부모태그의 최대 크기에 맞게 계산하는 방법이다. 이미지를 가운데... html코딩애플html 코딩애플_JSX,states, 버튼시 횟수 증가 리액트 에서는 JSX 라는 문법을 쓴다. 2.1 className 자바스크립트의 class 대신 className 이라고 쓴다. 2.2 데이터 바인딩이 쉽다. 중괄호 { } 를 쓴다. 엘리먼트(태그)내에 style 을 집어 넣을수 있다. but, 복잡하고 보기 안 좋아서 CSS 파일에 class를 만들어 쓴다. 3.1 state란? 변수 대신 쓰는 데이터 저장 공간 유동적으로 변할거 같은 데... 코딩애플ReactReact HTML & CSS 기초 - 레이아웃 만들기 1 "float" 사이트 레이아웃 디자인의 제 1원칙 : 모든 요소를 네모박스로 쪼개어 생각하시면 됩니다. 어려워보이는 레이아웃도 개별의 박스(div) 로 생각하면 쉽게 만들 수 있다고 한다 ㅎㅎ 나도 그렇게 생각한다. 호환성 좋은 "float" 속성 우리가 레이아웃을 만들 때는 박스에 크기가 딱딱 들어맞아야 하는데 박스에 크기가 안 맞아서 밀려나는 오류를 쉽게 접하게 된다. 이 때 사용하는 것이 float ... html코딩애플CSSCSS
[코딩애플 JS기초] JS 기초 강의지만 CSS 애니메이션을 배우는 시간! 한쪽으로 이동하거나 없다가 나타나는 비포 애프터 변화요소가 하나인 그런 UI 시작 스타일 만들기 최종 스타일 만들기 원할 때 시작 => 최종으로 변화시키는 코드 만들기 transition 추가 올라가는게 매끄럽지 않아 좀 아쉽긴 하지만 뭔가 있어보인다!!... 로그인하세요애니메이션코딩애플CSSCSS [코딩애플 JS기초] Bootstrap, class 탈부착 위한 toggle함수, querySelector Bootstrap을 통해 html, css작성 시간을 줄일 수 있다. 사용방법은 여기에서 버튼, 리스트 등 원하는 디자인의 코드를 복사해서 붙여넣기 하면 사용 가능 document.getElementsByClassName("list-group")[0]. => html에서 class이름이 list-group인 것 중 0번째 요소 classList.toggle("show") => 그 요소의 cl... 코딩애플toggle함수class탈부착식자바스크립트querySelectorjs부트스트랩class탈부착식 HTML 기초 - 스타일링 거의 모든 태그는 style = "" 라는 속성을 열 수 있다. 안에 스타일 이름 : 스타일 값 형식으로 스타일을 넣어주면 된다. 여러 개를 넣고 싶다면 , 대신 ; 을 넣어주어 나열시켜주면 된다. 자주 사용하는 글자 스타일들 이미지 정렬과 폭 조정 이미지는 width를 많이 사용한다 주로 px 혹은 %로 크기를 조정한다. %는 부모태그의 최대 크기에 맞게 계산하는 방법이다. 이미지를 가운데... html코딩애플html 코딩애플_JSX,states, 버튼시 횟수 증가 리액트 에서는 JSX 라는 문법을 쓴다. 2.1 className 자바스크립트의 class 대신 className 이라고 쓴다. 2.2 데이터 바인딩이 쉽다. 중괄호 { } 를 쓴다. 엘리먼트(태그)내에 style 을 집어 넣을수 있다. but, 복잡하고 보기 안 좋아서 CSS 파일에 class를 만들어 쓴다. 3.1 state란? 변수 대신 쓰는 데이터 저장 공간 유동적으로 변할거 같은 데... 코딩애플ReactReact HTML & CSS 기초 - 레이아웃 만들기 1 "float" 사이트 레이아웃 디자인의 제 1원칙 : 모든 요소를 네모박스로 쪼개어 생각하시면 됩니다. 어려워보이는 레이아웃도 개별의 박스(div) 로 생각하면 쉽게 만들 수 있다고 한다 ㅎㅎ 나도 그렇게 생각한다. 호환성 좋은 "float" 속성 우리가 레이아웃을 만들 때는 박스에 크기가 딱딱 들어맞아야 하는데 박스에 크기가 안 맞아서 밀려나는 오류를 쉽게 접하게 된다. 이 때 사용하는 것이 float ... html코딩애플CSSCSS