coding with cong

display : flex ; // 속성 선택 사용 justify-content : ____; align-items : ____; flex-direction : ____; order: ___; justify-content flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다. flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다. center: 요소들을 컨테이너의 가운데로 정렬합니다. space-between: 요소들 사이에 동일한 간격을 둡니다. space-around: 요소들 주위에 동일한 간격을 둡니다. align-items flex-start: 요소들을 컨테이너의 꼭대기로 정렬합니다. flex-end: 요소들을 컨테이너의 바닥으로 정렬합니다. center: 요소들을 컨테이너의 세로선 ..

function 함수 function이라는 키워드를 사용하여 선언 function 함수명 = 기능을 압축설명하는 의미로 작성 function 함수명 ( ) = 파라미터(매개변수) 선택적 자바스크립트에서는 파라미터 타입의 형식은 자유도가 높음 = 다양한 형태로 사용 가능 function 함수명 () { 로직 작성 } return : 함수의 실행을 종료하는 역할 + 동시에 특정 결과값을 호출한 위치로 반환 호출 방법 1. 선언 후 바로 호출 2. 선언 후 다른 위치에서 호출 3. 외부에서 선언 후 src로 연결한 후 호출 03_function.js 에서 생성 function myOuterFunc(){ console.log('내가 밖에서 만들어 온 함수'); } 03_function.html에서 호출

dataType : 변수나 상수에 할당할 수 있는 값의 종류 Number 숫자 정수, 실수, NaN(not a number: 숫자가 아님 이라는 값) let num = 1234; console.log(`num: ${typeof num}`); // 출력 ) num: number console.log(`nan: ${typeof NaN}`); // 출력 ) nan: number 문자 string " ", ' ', ` ` 으로 감싼 값들 let str = "문자"; console.log(`str: ${typeof str}`); // 출력 ) str : string 불리언 Boolean true / false let bool = true; console.log(`bool: ${typeof bool}`); // 출..

console.log(변수명) ; 콘솔에 출력 console.log(변수명) ; // + , 으로 연결 가능 let age = 20; console.log(age); console.log(age+"세"); console.log(age,"세"); // 백틱 사용 let address = "seoul"; let hobby = "computer"; console.log(`주소: `, address); console.log(`취미: ${hobby}`); 확인 방법 1. 화면에 F12(개발자모드)를 켜서 확인가능 - 오류도 여기서 확인가능 2. 터미널을 열어 확인 가능

백틱 ` ` 백틱 내부에 코드 삽입가능 ${}를 사용하여 삽입 let address = "seoul"; let hobby = "computer"; console.log(`주소: `, address); console.log(`취미: ${hobby}`);

변수 값을 담고 있는 메모리 공간의 이름 자바스크립트에서의 변수 : 선언(배당, 할당, 정의)하는 역할만 함 예) var, let, const let, const 사용 권장 선언시! 카멜 표기법 사용 / 숫자로 변수명 시작 불가능 출력 방법 let name = "kim"; console.log( "이름: ", name ) ; 변수의 종류 var var name = "hong"; var name = "jin"; 가능 let let name = "hong"; let name = "kim"; 불가능 x // 변수의 값 재할당 가능 O name = "kim" // 변수의 값 재선언 가능 O if (abcdef) { let name = "Lee"; } 지역변수의 개념 변수의 값 재할당 가능 변수의 값 재선언 가능..

HTML 삽입 미리보기할 수 없는 소스 NAVER