본문 바로가기

분류 전체보기70

1219 / html 메서드 / fetch fetch / json / ajax / proimse / async / await fetch 요청(request) 웹브라우저 ㅡㅡㅡㅡㅡㅡㅡㅡ>서버 서버로부터 응답이 오면 받음 .then((response) => response.text())// 서버에 리스폰스가 오면 함수 실행 -> 하나의 객체가 되어서 response 라는 파라미터로 넘어옴 .then((result) => {console.log(result);}); //then 메소드는 fetch함수가 리턴하는 어떤 객체의 메소드 -> //promise 객체의 then 메소드는 콜백을 등록하는 메소드 //이전 콜백의 리턴값을 다음 콜백이 넘겨받을 수 있음 fetch 함수는 promise 객체를 리턴 -> promise 객체의 then 메소드로 리스폰스.. 2023. 12. 19.
1216 / 삼항연산자와 구조분해 삼항 연산자 = 조건연산자 조건 ? truthy 할 때 표현식 : falsy 할 때 표현식 -> 가장 앞부분은 if문에서 소괄호 안의 조건 -> 물음표 다음에는 if문에서 중괄호 안의 코드 -> 콜론 다음에는 else 문의 중괄호 안의 코드와 똑같이 동작 if 문이랑 차이나는 코드 길이 / 삼항 연산자로 더 간결하게 표현할 수 있다. 조건연산자는 표현식이기 때문에 조건에 따라 변수를 선언하거나 / 반복문을 실행할 수 없다. spread 구문 배열을 다룰때 활용 / 여러개의 값을 하나로 묶은 배열을 다시 각각의 개별값으로 펼치는 문법 배열 앞에 마침표 3개 붙임 rest parameter 도 ... 붙이지만 차이점은 rest 는 여러개의 아규먼트를 하나로 뭉치고 spread는 하나의 배열을 여러개로 푼다... 2023. 12. 16.
브라우저의 동작 원리 웹브라우저 동작 원리는 사용자가 선택한 자원(Resource)을 서버에 요청(Request)하고 서버로 부터 받은 응답(Response)을 브라우저에 렌더링한다. 1. 브라우저의 구조 사용자 인터페이스 - 브라우저에서 볼 수 있는 거의 모든 것, 요청한 페이지를 보여주는 창외의 모든 ui를 의미한다. - 주소창, 뒤로가기, 앞으로 가기, 새로고침, 북마크, 환경설정 같은 ui가 있다. 브라우저 엔진 - 사용자 인터페이스와 렌더링 엔진 사이에서 중개자 역할을 한다. - 인터페이스 레이어에 있는 버튼을 눌렀을 때 브라우저 엔진은 그 명령을 수행한다. 렌더링 엔진 - HTML, CSS, JacaScript를 파싱하고 그 결과물을 페이지에 그려내는 역할을 한다. 통신 - HTTP 요청과 같은 네트워크 호출에 사.. 2023. 12. 16.
var, let, const 를 중복 선언 허용, 스코프, 호이스팅 관점에서 서로 비교 1. 중복선언 허용 관점 var는 중복 선언이 가능해서 많은 코드들을 var로 사용하면 위에서 사용하던 변수들은 사라진다. let 과 const는 중복선언이 불가 / (SyntaxError 발생) 2. 스코프 관점 -스코프는 참조 대상 식별자(변수, 함수의 이름과 같이 어떤 대상을 다른 대상과 구분하여 식별할 수 있는 유일한 이름)을 찾아내기 위한 규칙이다. var키워드는 변수의 스코프가 함수단위로 구분 (함수 스코프) 함수를 기준으로 스코프를 구분하기 때문에 함수 안에서 선언한변수는 함수 안에서만 유효하다 함수를 제외한 조건문이나 반복문에서 새로운 변수를 만들어도 모두 전역변수로 평가된다 (전역 스코프) -> 고유하게 사용할 수 있는 지역변수가 없다는 단점이 있다. let 과 const 는 중괄호가 사.. 2023. 12. 16.
1214 / 자바스크립트 데이터 타입과 함수 -자바스크립트 데이터타입 -기본형 : 넘버 스트링 불리언 널 언디파인드 / es2015심볼 es2020 빅인트 -참조형 : 오브젝트 es2015심볼 - 유일한 값을 만들 때 es2020 빅인트 - 엄청 큰 숫자를 다룰 때 코드 내에서 유일한 값을 가진 변수 이름을 만들 때 사용 심볼값을 담게 된 user라는 이름의 변수 어떤 값과 비교해도 true가 될 수 없는 고유한 변수가 된다. 빅인트는 자바스크립트에서 아주 큰 정수를 표현하기 위해 등장한 데이터 타입 자바스크립트의 숫자형 값에는 9000조 정도의 정수 표현의 한계가 존재한다 Bigint 타입의 값은 일반 정수 마지막에 알파벳 n을 붙이거나 Bigint라는 함수를 사용 정수를 표현하기 위한 데이터 타입이기 때문에 소수에는 사용 x 소수형태의 결과가 .. 2023. 12. 14.

티스토리툴바