본문 바로가기

프로그래밍 언어/JavaScript

자바스크립트 - Promise 동기, 비동기 동기적으로 실행된다. 메인이 되는 순서와 별개로 독립적으로 자기만의 시간표로 실행한다. 비동기적이다 어떠한 순서로 진행되는지 알 수 있다. 멀티태스킹과 같은 개념. 동시에 가능. 그렇다면 언제 비동기적인 처리를 하느냐? - 어떠한 실행할 때 그 명령이 언제 끝날지 모르거나 - 주가 되는 작업이 아닐 때 비동기적인 처리를 많이 함. 대표적으로 통신을 할 때. 서버와 웹브라우저가 통신할 때. 그 통신이 언제끝날지 예측하기 어렵다 그렇다면 그 통신이 끝날 때까지 아무것도 못하는 것보다 다른 일을 하고 있다가 통신이 끝났을 때, 콜백이 호출되면서 필요한 작업들을 나중에 하면 훨씬 더 좋지 않을까? 예시. 네이버 검색창에 'ㅅ'이라고 입력했을 때(검색버튼을 누르기 전) 네트워크에서 추천검색어에 대한.. 더보기
JavaScript - 배열 배열(array)은 1개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다. 자바스크립트의 배열은 객체이며 유용한 내장 메소드를 포함하고 있다. 배열은 Array 생성자로 생성된 Array 타입의 객체이며 프로토타입 객체는 Array.prototype이다. let Fruits = { // 최종적으로 오브젝트 안에 리스트가 있는 구조 'kind': arr 'kind': ['apple', 'peach'] } 리스트 안에 오브젝트 let data = [ {'apple':1, 'peach':2}, {'korea':90, 'pmath':2} ] 더보기
JavaScript - 객체 (*그리고 파이썬의 딕셔너리) 제가 최근에 배운 언어가 파이썬이라, 파이썬과 비교하여 자바스크립트를 살펴보았습니다. {} 중괄호 안에 키(key): 값(value) 형태의 데이터가 들어있는 것 - > 파이썬에서는 딕셔너리 -> 자바스크립트에서는 객체(Object) 자바스크립의 객체를 만들 때 var Person = { name : 'hong', age : 23 } 제이슨일 때는 문자열이어야 한다. var Person = { 'name' : 'hong', 'age' : '23' } 참고사이트 https://velog.io/@suasue/JavaScript-%EA%B0%9D%EC%B2%B4-%ED%8C%8C%EC%9D%B4%EC%8D%AC%EA%B3%BC-%EB%B9%84%EA%B5%90%ED%95%98%EB%A9%B0-%EB%B0%B0.. 더보기
자바스크립트를 실행하는 2가지 방법 1. HTML에 포함된 자바스크립트를 브라우저에서 실행 2. Node.js 로 실행 1. HTML에 포함된 자바스크립트를 브라우저에서 실행 브라우저는 HTML 파일을 로드하면 script 태그에 포함한 자바스크립트 코드를 실행합니다. 2. Node.js 로 실행 자바 스크립트 파일만 별도로 실행시킬 수 있습니다. 단, DOM은 허용되지 않습니다. 순수 자바스크립트만 가능합니다. 더보기
HTML 에서 스크립트 태그 위치는? HTML에서 스크립트 태그를 body 맨 끝에 넣는 이유 자바스크립트 window.onload() html에서 javaScript를 body 맨 끝에 넣는 이유 웹브라우저가 HTML 문서를 해석(Parsing) 할 때 태그를 만나면 JavaScript 의 처리가 끝날 때 까지 다른 HTML의 해석을 멈추기 때문에 사용자 입장에서 HTML 페이지가 화면에 다 그려지기까지 더 오래걸리게 됩니다. 같은 말이지만, 사람마다 이해도가 다르기 때문에 다르게 표현해보자면, 에 JavaScript 내용을 넣었을 때, 내용이 많거나 실행이 오래걸리는 경우 바디로 내려갈 수 없는 것입니다. 그래서 그래서 우선 CSS, HTML 해석이 먼저 완료되고 나서 JavaScript 가 수행하는 것이 더 빠르게 느껴지기 때문에 HT.. 더보기