코딩/HTML & CSS & JavaScript6 JAVA Script - 기본요소 사용예 etc 콘솔 console.log(내용); 길이 내용.length 대문자 내용.toUpperCase() 양쪽 끝 공백 제거 내용.trim() 정수 Math.floor() 랜덤숫자(0~1) Math.random() 반올림 정수 Math.ceil(숫자) 정수인지 확인 Number.isInteger(숫자) 변수 let abc; abc = "변수"; 상수 const = "상수"; 값의 재할당 불가능 할당 연산자 x += 1; x -= 2; x *= 3; x /= 4; x = x + 1; x = x - 2; x = x * 3; x = x / 4; 증감 연산자 a++; a--; a = a + 1; a = a - 1; 변수 문자열 삽입 let name = "변수"; console.log(`나는 ${name} .. 2022. 7. 24. CSS - grid 사용 예 설명 grid display: grid; grid-template-columns grid-template-columns: 100px 200px; grid-template-columns: 20% 50%; grid-template-columns: 20% 40% 60px; 열의 너비 grid-template-rows grid-template-rows: 10% 20% 600px; 행의 높이 grid-template grid-template: 200px 300px / 20% 10% 70%; rows / columns fraction (분수) grid-template: 2fr 1fr 1fr / 1fr 60px 2fr; repeat() grid-template: repeat(3, 100px) / repeat.. 2022. 7. 8. CSS - display 사용예 flex div.classname { display: flex; } 부모컨테이너의 크기에 따라 자식 요소의 크기와 위치가 변화함. inline-flex display: inline-flex; 인라인으로 표시 justify-content (가로축의 간격) justify-content: flex-start; justify-content: flex-end; justify-content: center; justify-content: space-around; justify-content: space-between; 왼쪽 정렬 오른쪽 정렬 (수평)중앙 정렬 앞뒤 동일한 간격으로 정렬 양쪽끝 제외 동일한 간격으로 정렬 align-items (단일행 내의 항목 정렬) align-items: flex-start;.. 2022. 7. 7. linux terminal 명령어 명령어 의미 기타 ls lists pwd paint working directory cd change directory cd directory cd dir1/dir2 (dir1 -> dir2) cd .. (상위 디렉토리로 이동) cd ../dir2 (상위 ->dir2) cd ../.. (상위 -> 상위) mkdir make directory mkdir newdir1 mkdir newdir1/newdir2 touch make new file touch newfile touch dir1/newfile clear clear previous command and output rm remove rm dir1 tab키 자동완성기능 2022. 6. 28. 이전 1 2 다음