2021-05-29 (47일차) 변수, 값, 변수이름, jquery제이쿼리, let, $().css();
자바스크립트 5강~9강 JAVASCRIPT - 변수 : 값 저장소, 공간 ※ 변수에는 값이 무조건 1개 - 값 (데이터) : 문장, 숫자 - 변수 이미 존재하는 상태에서 하나를 더 만들기는 불가능 변수 이름은 영문 대소문자, 숫자, 언더바로 지정할 수 있음 한글도 넣을 수 있지만 자주 사용하지 않음 맨 앞에 숫자가 올 수 없음 띄어쓰기는 안됨 변수는 = 기호 좌측에서만 변수로 취급된다. - JQUERY 제이쿼리 기능 자바스크립트의 기본기능이 아닌, 편하게 이용하기 위한 추가 도구 codepen에서 실행하고 싶다면? ㄴ settings > JS > jquery 검색 후 클릭 > 링크 복사 > 붙여넣기 html에다가 : let divWidth = '100px'; let divHe..
2021. 5. 30.
2021-05-27 (45일차) flex-box, flex-shirink, flex-grow, min-height, 반응형 이미지, 배경이미지, 이미지 위에 글씨(텍스트), 미디어쿼리, @media, 반응형 상단바, position : fixed, overflow-x : auto
155강~160강 - 개구리 flex box 게임 - 디펜스 flex box 게임 - flex box playground 익히기 #문제. flex를 이용해서 성배 레이아웃 만들기 - flex-shirink flex-shirink : 0;을 넣어주면 화면이 아무리 작아져도 자신의 너비를 고정시키고 있음 기본값 : 1 - flex-grow flex-grow : 1; 을 주면 최대로 늘어난다 나란히 있는 태그들에 모두 flex-grow : 1;을 주면 일정한 비율로 나뉘어 늘어난다. 예외 ) 나란히 있는 태그들의 내용의 너비가 다르다면 (고유의 너비가 있는 상태) 남는 여백을 똑같이 나누어 갖는 것이기 때문에 일정한 비율로 나누어지지 않음 해결책 ) 태그들에게 width : 0;을 준 후 flex-grow :..
2021. 5. 29.
