IWished
article thumbnail
Do it! 모던 자바스크립트 프로그래밍의 정석 [넷째마당. 서버와 통신하기(Ch.13 비동기 프로그래밍)]
BookStudy 2023. 4. 4. 17:55

1. 자바스크립트의 비동기식 처리 • 자바스크립트는 싱글 스레드 자바스크립트는 싱글스레드(하나의 메인스레드) 런타임을 가진 동기식 언어이다. 분기문, 반복문, 함수 호출 등이 동기적으로 실행되며, 이 때 코드의 처리는 코드의 흐름과 동일하다. 싱글 스레드 환경에서 메인 스레드를 긴 시간 점유하면, 프로그램이 멈출 수도 있다. 하지만, 자바스크립트는 브라우저에서 별도의 API를 사용하여 비동기적으로 작업을 처리할 수 있다. 자바스크립트에서 비동기 코드를 처리하는 모듈은 이벤트 루프(event loop), 태스크 큐(task queue), 잡 큐(job queue) 등으로 구성된다. API 모듈은 비동기 요청을 처리 후 태스크 큐에 콜백 함수를 넣는다. 자바스크립트 엔진은 콜 스택이 비워지면, 태스크 큐의 ..

article thumbnail
Do it! 모던 자바스크립트 프로그래밍의 정석 [셋째마당. 자바스크립트와 객체(Ch.10 ~ Ch.11)]
BookStudy 2023. 4. 3. 22:57

원시 유형과 객체 원시 유형은 단순하게 값만 가지고 있는것 객체는 어떠한 속성과 기능을 가지고 있는것 const Dori = "곰도리" // 원시 유형 Dori.length -> 3 // 객체 특히 객체라는 존재는 자체 메서드 즉 자바스크립트가 가지고 있는 기본 내장 기능처럼 있다 boolean - > true / false number - > Number 숫자 string - > String 문자열 문자열에 쓰이는 내장메서드 문자열을 배열로 변환하는 메서드 split 를 이용하면 const Dori = "곰도리" Dori.split("") => ["곰", "도", "리"] 이런식으로 배열에 한글자씩 쪼개서 담을 수 있다 Array.from 을 써도 동일하게 담을수 있다. 배열은 한꺼번에 여러개의 객체를..

article thumbnail
Do it! 모던 자바스크립트 프로그래밍의 정석 [셋째마당. 자바스크립트와 객체(Ch.08 ~ Ch.09)]
BookStudy 2023. 3. 27. 17:59

내장 객체 내장 객체는 사용자가 손쉽게 가져와서 사용할 수 있도록 미리 만들어진 객체이다. 1. windows 객체 windows 객체의 프로퍼티는 웹 브라우저 창과 관련된 정보를 가지고 있다. 1.1 window 객체 프로퍼티 프로퍼티 설명 status 브라우저의 상태바에 문자열을 출력하는 경우에 사용 defaultStatus 브라우저의 상태바에 초기 문자열을 설정 length 창안의 프레임 수 name 창 이름 self 현재 창 자신, window와 같음 window 현재 창 자신, self와 같음 parent 프레임에서 현재프레임의 상위프레임 top 현재프레임의 최상위프레임 opener open()으로 열린 창에서 볼 때 자기를 연 창 document document 오브젝트 frames 창안의 모..

article thumbnail
Do it! 모던 자바스크립트 프로그래밍의 정석 [둘째마당. 웹 문서와 자바스크립트(Ch.05 ~ Ch.07)]
BookStudy 2023. 3. 24. 10:31

DOM DOM이란, 자바스크립트 같은 프로그래밍 언어로 웹 문서에 접근하고 제어할 수 있도록 웹 문서를 체계적으로 정리하는 방법을 말한다. DOM에서는 웹 문서를 하나의 객체로 정의하고, 웹 문서 전체는 document 객체로, 웹 문서에 삽입된 이미지는 image 객체로 나타내는 등 웹 문서와 그 안의 요소들을 객체로 인식하고 조절한다. 이를 문서 객체 모델 이라고도 한다. DOM 트리 DOM에서 웹 문서를 구조화하려면 먼저 웹 문서 구조를 부모 요소와 자식 요소로 구분해서 포함 관계를 나타내야 한다. 이를 구분해서 표시하다 보면 마치 나무처럼 모양이 나타나 이것을 DOM 트리 라고 부른다. DOM 트리에서 가지가 갈라져 나가는 부분은 노드(node), DOM 트리의 시작 부분인 html 노드 같은 경..

article thumbnail
Do it! 모던 자바스크립트 프로그래밍의 정석 [첫째마당. 자바스크립트의 기본기 다지기 (Ch.04 함수와 스코프)]
BookStudy 2023. 3. 23. 16:54

함수 (Function) JavaScript에서 함수란? 동작해야 할 목적대로 여러 개의 명령을 묶는 것을 함수라고 한다. 1. 함수를 사용하는 이유 코드를 재사용할 수 있다. 다른 인자를 사용하여 동일한 코드를 여러 번 사용할 수 있으며, 다른 결과를 도출할 수 있다. 2. 함수의 특징 변수안에 담길 수 있다. 객체의 속성안에 method로 담길 수 있다. 다른 함수의 인자값을 전달될 수 있다. 함수의 return값으로도 사용할 수 있다. 배열의 값으로도 사용할 수 있다. 3. 함수 선언 function 함수명 () { // 명령 } 함수 내에 선언된 변수는 함수의 지역변수가 된다. 지역 변수는 함수 내에서만 접근할 수 있으며 함수가 시작될 때 생성되고 함수가 완료되면 삭제된다. 함수 이름에는 문자, ..

article thumbnail
Do it! 모던 자바스크립트 프로그래밍의 정석 [첫째마당. 자바스크립트의 기본기 다지기(Ch.01 ~ Ch.03)]
BookStudy 2023. 3. 21. 15:45

간단한 스크립트부터 시작하기 인라인 스크립트 (inline script) HTML 태그 안에 직접 작성하는 자바스크립트 팝업 창을 열고 닫거나, 알림 메시지를 표시하는 것처럼 간단한 명령에 사용된다. 내부 스크립트 (internal script) 웹 문서에서 태그를 사용해 자바스크립트 소스만 모아두는 스크립트이다. 한 문서 안에 여러 개의 태그 없이 자바스크립트 소스만 작성한 뒤 확장자를 .js인 파일로 저장한다. 그 후 HTML 문서에서 // 최근에는 defer 속성을 추가해 웹 문서 요소가 다 가져와진 뒤 자바스크립트를 실행하도록 지정하기도 한다. 기본적인 입·출력 명령 # alert() 함수 : 알림 창에 텍스트나 변숫값을 표시할 수 있다. alert("안녕하세요") // 알림 창에 '안녕하세요'를..

article thumbnail
비전공자를 위한 이해할 수 있는 IT 지식 [9장 협업, 소스관리, 디자인]
BookStudy 2023. 3. 6. 17:17

협업, 소스관리 깃(Git) : '리누스 토발즈'가 개발한 프로그램 대표적인 소스 관리 시스템 컴퓨터 파일의 변경사항을 추적하고 여러 사용자들 간에 작업 파일을 조율하기 위한 스냅샷 스트림 기반의 분산 버전 관리 시스템 스냅샷 : 현재 상태를 본뜨듯 저장하는 개념 버전관리 : 해당 스냅샷 시점으로 파일의 상태를 바꾸는 방법의 버전 관리 커밋(Commit) 버전 관리 시스템에서 새로운 변경 사항을 깃발 꽂듯 저장하는 것 작은 단위로 이루어지며 코드의 수정, 삭제 추가 등 변경 사항을 포함 브랜치(Branch) '분기', '가지'라는 뜻으로, 새로운 가지를 뻗는 것을 의미한다. 여러 사람이 동시에 작업을 진행할 때, 각각의 작업은 서로 영향을 주지 않도록 분리된 공간에서 작업 할 수 있다. 머지(Merge)..

article thumbnail
비전공자를 위한 이해할 수 있는 IT 지식 [7장 데이터베이스와 이미지 처리 & 8장 프레임워크와 라이브러리]
BookStudy 2023. 3. 5. 19:25

데이터베이스와 이미지 처리 데이터베이스(Database / DB) 데이터베이스란? 구조화된 정보 또는 데이터의 조직화된 모음으로서 여러사람에 의해 공유되어 사용할 목적으로 통합하여 관리하는 데이터의 집합 데이터(Data) 어떠한 목적을 가지고 수집된 사실 값, 정보 등을 의미한다. 컴퓨터가 이해할 수 있는 형식으로 구성되며, 컴퓨터 시스템에서 처리하고 저장할 수 있다. 데이터 무결성 "데이터는 단 1%의 결점도 없어야 한다." 데이터나 정보가 정확하고 완전하며 일관성이 유지되는 것을 의미하며 데이터 베이스에 저장된 데이터가 올바르고 정확한지를 보장하기 위해 적용된다. 관계형 데이터베이스(relational database) 현재 가장 많이 사용되고 있는 데이터베이스의 한 종류 MS SQL, Oracle ..