본문 바로가기

JS3

5/19 - JQuery, Ajax 목차Ajax (Asynchronous Javascript And Xml)비동기비동기로 Ajax 요청 값 주고받기 let req = new XMLHttpRequest(); req.open('get','https://jsonplaceholder.typicode.com/posts>') req.send(); console.log(req.response) req.onreadystatechange = function() { console.log('ready State 상태값 = ' + this.readyState) console.log('status 상태값 = ' + this.status) if(this.readyState === 4){ .. 2025. 6. 1.
5/15 - JavaScript 문법 목차변수let변수를 선언하고 값을 할당할 수 있음const상수를 선언, 값 재 할당 불가능자료형Number숫자문자열작은 따옴표나 큰 따옴표로 나타냄배열객체undefined자료형이 지정되지 않았을 때의 상태변수를 선언만 한 후 값을 할당하지 않은 변수null값이 유효하지 않은 경우템플릿 리터럴문자열과 변수 식을 섞어서 하나의 문자열을 만드는 표현 형식논리형Boolean 유형참 / 거짓자료 형 변환자바 스크립트는 느슨한 자료형 체크**typeof 변수**를 통해 자료형 체크 가능자료형 변환 함수Number()parseInt()parseFloat()String()Boolean()비교 함수 VAR권장하지 않는 이유함수 스코프함수 레벨빠뜨리면 전역으로 실행재 선언이 가능하여 위험함수 내 전역 변수 사용은 지양le.. 2025. 5. 17.
5/14 - flex, 반응형 웹 속성, CSS 그리드 레이아웃, 자바 스크립트 목차마진과 갭의 차이마진인접한 요소가 없어도 적용갭인접한 요소가 있어야만 적용플렉스 박스화면 크기가 달라지면 그에 맞춰 플렉스 항목을 늘리거나 줄일 수 있는 유연한 상자를 활용해 레이아웃을 만듬CSS 그리드 레이아웃가로와 세로 방향 모두 사용항목은 1차원(flex), 그리드는 2차원부모 컨테이너로 묶어주어야 함정적으로 만들어진 행의 높이를 지정 1 2 3 4 5 6 동적으로 만들어진 행의 높이 지정 1 2 3 4 5 6 repeat와 함께 사용하여 원하는만큼의 열을 채울 수 있음자동 채우기auto-fit남은 공간 .. 2025. 5. 17.
728x90
반응형