본문 바로가기

전체 글70

1220 / 비동기 처리 패턴 promise PROMISE fetch('https://www.google.com') // fetch 는 promise객체를 리턴 .then((response) => response.text()) // then는 promise 객체의 메소드 .then((result) => {console.log(result);}); promise 3가지 상태 pending - 진행중 fulfilled - 성공 rejected - 실패. response를 정상적으로 받았을 때 fulfilled 상태가 된다 -> 그때 response 콜백이 실행 promise 객체이 작업 성공 결과는 첫번째 파라미터로 넘어옮.(response) promise Chaining 비동기작업을 순차적으로 실행할때 전체 코드를 깔끔하게 하기 위해서 ? fetch.. 2023. 12. 28.
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.