본문 바로가기
728x90
반응형

프로그래밍 언어/JS5

싱글스레드와 멀티스레드의 장단점 금방 쓰고 버릴게 아니라면 프로그램이 돌아가게끔 빨리 만드는게 중요한게 아니라 운영시점에서 성능이나 심각한 오류 사항이 발생이 안하도록 초기에 진단해서 잡는게 좋지 않을까?? 싱글 쓰레드라고 하면 한번에 하나의 작업만 수행하는 것인데 자바스크립트로 만든 웹 사이트를 보면 여러 요청이 오가는 경우가 많은데 왜? 자바스크립트는 싱글 쓰레드 방식인가? 싱글 쓰레드로 어떻게 한번에 여러 요청을 처리 하는지?? 비동기 작업을 통해 여러 요청들을 처리함 Call Stack : 자바스크립트에서 수행해야 할 함수들을 순차적으로 처리하는 공간 Web API : 웹 브라우저에서 제공하는 API로 AJAX나 Timeout 등의 비동기 작업을 실행 Task Queue : Web API에서 넘겨받은 CallBack 함수를 저장.. 2022. 3. 3.
자바스크립트 입문 1 (async,defer) 목차 브라우저가 HTML, CSS, JS 등을 읽는 순서 async defer use strict 1.브라우저가 HTML, CSS, JS 등을 읽는 순서 브라우저가 맨위에서 부터 HTML 태그를 하나씩 parsing(분석) 하던 중에 자바스크립트 태그를 만나면 HTML 태그를 parsing 하는 것을 중단(blocked)하고 해당 자바스크립트 태그들을 서버에서 다운(fetching) 받아서 실행(executing)을 한 다음 나머지 HTML 태그들을 parsing 하게 된다. -> 이렇게 하면 발생할 수 있는 문제점은 무엇일까? : 다운 받을 JS 파일의 용량이 크고 사용자의 인터넷 환경이 열악하다면, 사용자는 웹사이트를 보는데까지 많은 시간이 걸릴 것이다. ex) HTML 파싱(1초) -> JS 파일 .. 2021. 5. 20.
JSON 이란? JSON이란? - 자바스크립트 객체 표기법으로 작성된 텍스트 형식의 데이터 - 브라우저와 서버간에 데이터를 교환할 때 많이 사용됨 - 데이터를 표시하는 표현방법임(프로그래밍 언어가 아님!!) JSON을 사용하는 이유) 1.텍스트 형식이므로 서버와 쉽게 데이터를 주고받을 수 있음 2. 모든 프로그래밍 언어에서는 텍스트를 읽을 수 있고 데이터 형식(데이터 타입)으로 사용 가능함 ex) JSON으로 얻어온 데이터를 정수, 소수, 문자 형식에 알맞게 값을 저장할 수 있음 JSON 여러 특성) 1. JSON.stringify() -> 배열, 객체를 문자열로 변환시킴(함수가 있으면 제거됨) 2. 객체 구문 ex) { "name":"John", "age":30, "car":null } - JSON 객체는 중괄호 {}.. 2020. 12. 18.
자바스크립트 객체/배열 사용법 객체 사용법) 1. 콤마(,)로 구분되는 것들을 객체의 속성이라 부름 ->(product_number : 212),(product_count : 5),(product_price : 15000),(order_detail_status : 'PaymentComplete') -> order_detail 라는 객체안에 총4개의 속성이 포함되어 있음 2. (product_number : 212) 라는 속성에서 product_number -> 키 , 212 -> 값 -> 키는 문자열의 형태로만 쓸수 있음 -> 속성의 값은 어떤 값이든지 상관없음(문자열,숫자,객체,함수..등등이 올수 있음) 3.객체안에 배열이 들어갈수 있는지?? (들어갈수 있음) 배열 사용법) 1.배열안에 배열,객체,함수,숫자,문자 ... 등등이 들어.. 2020. 12. 18.
728x90
반응형

티스토리툴바