자바스크립트

1장 노드 시작하기1. 핵심 개념 이해하기서버/ 자바스크립트 런타임/ 이벤트 기반/ 논블로킹 I/O/ 싱글 스레드Node.js는 Chrome V8 Javascript 엔진으로 빌드된 자바스크립트 런타임 Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org서버네트워크 ~> 클라이언트에 정보나 서비스를 제공하는 컴퓨터 또는 프로그램클라이언트요청을 보내는 주체ex. 브라우저, 데스크톱 프로그램, 모바일 앱, 다른 서버에 요청을 보내는 서버 웹 사이트 방문주소창에 웹사이트 주소 입력(요청)브라우저) 주소에 해당하는 컴퓨터 위치 파악컴퓨터로부터 웹 사이트 페..

10. 문자열과 배열문자열에 접근하기원시 유형에서 메서드 사용하기자료형 중 단순히 값만 가지고 있을 때 -> 원시 유형(primitive type)원시 유형에서도 프로퍼티와 메서드를 사용할 수 있음ex. `str.length`숫자형과 논리형, 문자열 유형: 별도의 객체가 만들어져 있음Number, Boolean, String 객체: 래퍼 객체오토박싱(autoboxing)number, boolean, string 같은 원시 유형에서 프로퍼티나 메서드 사용 -> 일시적으로 원시 유형을 해당 객체로 변환프로퍼티나 메서드의 사용이 끝나면 해당 객체는 메모리에서 사라짐필요할 때만 임시로 객체로 바꿔 사용하고, 사용이 끝나면 다시 원시 유형으로 되돌아옴length - 문자열의 길이// 기본형문자열.length// ..

04. 함수와 스코프함수 선언 & 실행함수 선언할 때는 `function` 예약어 사용함수 이름을 적은 후 안에 실행할 여러 명령어 묶음함수를 실행(호출)할 때는 함수 이름 뒤에 중괄호 () 붙임// 함수 선언fucntion 함수명() { 명령(들)}// 함수 실행함수명() 매개변수와 인수매개변수함수를 선언할 때 외부에서 값을 받는 변수함수 이름 옆의 괄호 안에 매개변수 이름을 넣어줌매개변수에 이름을 붙이는 방법 = 일반적인 변수 이름 붙이는 방법매개변수는 선언된 함수에서만 사용함수에 여러 개의 매개변수가 필요할 때에는 매개변수 사이에 쉼표(,)를 찍으면서 나열인수매개변수가 있는 함수를 실행할 때, 매개변수로 값을 넘겨주는 함수=> 매개변수와 인수 통틀어서 '인자'라고도 함 return문함수 안에서 실행..

09. 자바스크립트 객체 만들기객체 알아보기객체프로그래밍) 데이터를 저장하고 처리하는 기본 단위자바스크립트) 관련된 정보와 동작 함께 모아 놓은 것 내장 객체: 프로그래밍 할 때 자주 사용하는 요소들 -> 미리 정의해 놓은 객체문서 객체 모델(DOM): 웹 문서 자체(객체)/ 웹 문서에 포함된 것 각각 별도의 객체(이미지 객체, 링크 객체 등)브라우저 객체 모델: 웹 브라우저가 사용하는 정보 -> 객체로 지정사용자 정의 객체: 필요할 때마다 사용자가 만들어 사용하는 객체사용자 정의 객체객체: 여러 개의 프로퍼티로 구성프로퍼티: '키 : 값' 형태객체 만들 때 객체 이름 다음에 중괄호({}) 사용중괄호 사이에 '키 : 값' 형식으로 필요한 프로퍼티 나열키: 문자열, 숫자, 심벌프로퍼티: 쉼표(,) 넣어 구..

02. 변수와 자료형`console.log()` 함수콘솔 창에 괄호 안의 내용 표시자바스크립트 소스를 작성하면서 중간에 프로그램이 제대로 동작하는지 확인하는 용도괄호 안에 텍스트나 변수로 사용할 수 있음`document.write()` 함수괄호 안의 내용을 웹 브라우저 화면에 표시실제 웹 브라우저 화면에 내용을 표시할 때에는 DOM을 이용연결 연산자(+)를 사용할 수도 있고, 템플릿 리터럴을 사용할 수 있음변수프로그램에서 사용하기 위해 값을 담아놓는 바구니ex. 날씨 정보를 알려 주는 프로그램이라면 지역 or 날짜 같은 값일반적으로 프로그램 안에서 값이 달라질 수 있는 데이터But, 프로그램 안에서 계속 값이 바뀌지 않더라도 변수로 만들어서 사용(상수 변수)// 1. 변수 선언: 키워드 let, cons..

1. 텍스트 작성하기hn 태그/ p 태그/ br 태그/ blockquote 태그/ q 태그/ ins 태그, del 태그/ sub, sup 태그hn 태그제목이나 주제를 나타내는 텍스트 표현할 때 사용제목h1 ~ h6 태그(6개)h: heading/ n: (숫자) 중요도검색 엔진에서 키워드로 인식=> 검색 엔진 최적화(SEO; Search Engine Optimization) 위해 본문에서 핵심이 되는 내용SEO: 검색 엔진에서 상위에 랭크(rank)될 수 있도록 검색 엔진에 친화적으로마크업(markup, 문서 구조)을 작성하는 것p 태그본문의 문단(paragraph)을 작성할 때 사용내용br 태그문단에서 줄 바꿈할 때 사용blockquote 태그출처에서 인용한 문단 단위의 텍스트 작성할 때 사용출처가 확실..