웹앱5 자바스크립트 기초 정리 -중급- 호이스팅 스코프 내부어디서든 변수 선언은 최상위에서 선언된것처럼 행동하는 것 Temporal Dead Zone 변수의 생성과정 1. 선언단계 2. 초기화 단계 " 3. 할당 단계 var은 선언과 초기화가 동시에 됨 let은 선언과 초기화가 분리됨 const 선언 초기화 할당이 동시에 됨 -> 선언하면서 할당을 같이 해야함 생성자 함수 비슷한 객체를 여러개 만들때 유용하게 사용함 생성자 함수명의 첫글자는 대문자로 function User(name, age){ this.name = name; this.age = age; { let user1 = new User('M',30); let user2 = new User('J',32); let user3 = new User('T',20); new 연산자를 사용해서 .. 2023. 3. 14. 자바스크립트 기초 정리 -1- 변수 문자(String)는 항상 "" 감싸줘야함. 예약어는 변수로 선언할수 없음 ( Class) alert() - 경고창을 띄움 consol.leg() - 로그를 찍어줌 let 한번선언 후에 다른 값으로 바꿀수 있음 let a = 10; 과 a = 10 은 같은 뜻임 let을 통해 이전에 먼저 선언되었는지 확인할수 있으며 앞에 let을 안붙히면 값만 바뀜 const 절대로 바뀌지 않는 상수를 선언할때 사용 대문자로 선언하여 상수라는 것을 알리기 좋음 *자바스크립트에서 변수를 선언할때는, 변하지 않는 값을 const, 변할수 있는 값을 let으로 선언하여 의도치 않는 상황을 방지 할수 있다 1. 변수는 문자와 숫자, $와 _만 사용할수 있다. 2. 첫글자는 숫자가 될수 없다. 3. 예약어는 사용할수 없다... 2022. 12. 21. flex 속성 알아보기 CSS flex는 크게 컨데이너와 아이템으로 구성됩니다. flex속성을 통해 아이템을 정렬하려면, 컨테이너가 필수적입니다. 즉, 기본적으로 부모 태그에서 display:flex; 또는 display:inline-flex 속성이 적용되어 있어야 합니다. 두 방식의 차이점은 컨테이너의 수직 추가 수평추가의 차이입니다. 부모요소에 flex속성을 추가하면, 자식요소에는 자동으로 해당 속성 효과가 부여됩니다.. flex 속성은 부모요소와 자식 요소를 함께 사용합니다. 양측정렬 혹은 균등정렬 두개의 아이템을 왼쪽에 하나의 아이템을 오른쪽레 정렬하는 방법입니다. fustify-content:space-between; 속성을 사용하면 왼쪽부터 차례로 요소를 균등하게 정렬할수 있다. BOX1 BOX2 BOX3 .cont.. 2022. 5. 1. position 속성 [css] position (static, relative, absolute, fixed) 의 속성 position 은 레이아웃을 배치하거나, 객체를 위치시킬때 사용하는 css 속성이다. position 속성은 상속되지 않으며, 위(top), 아래(bottom), 왼쪽(left), 오른쪽(right) 의 위치를 같이 설정 할 수 있다. position 사용법 static (기본값) :위치를 지정하지 않을 때 사용한다. relative : 위치를 계산할때 static의 원래 위치부터 계산한다. absolute : 원래 위치와 상관없이 위치를 지정할 수 있다. 단, 가장 가까운 상위 요소를 기준으로 위치가 결정 된다. fixed : 원래 위치와 상관없이 위치를 지정할 수 있다. 하지만 상위 요소에 영향을 받.. 2022. 4. 16. 이전 1 2 다음
