개발/HTML+CSS+JS 17

모던 자바스크립트 Deep Dive - 제 12장 (1)

2023. 04. 16 12.1 함수란?) 프로그래밍 언어의 함수는 일련의 과정을 문(statement)으로 구현하고 코드 블럭으로 감싸서 하나의 실행 단위로 정의한 것을 의미한다. 함수는 함수 정의를 통해 생성한다. 자바스크립트는 여러 방법으로 정의할 수 있다. 함수 선언문을 통한 정의 function add(x,y){ return x+y; } 이렇게 함수 정의만으로 함수가 실행되는 것은 아니다. 함수는 함수 호출을 통해 실행되고, 반환값을 반환한다. const result = add(2,5); console.log(result); // 7반환됨 12.2 함수를 사용하는 이유) 함수는 몇 번이든 사용자가 원할 때 호출할 수 있으므로 코드의 재사용이라는 측면에서 유리하다. 이렇게 재사용이 가능한 함수는 ..

개발/HTML+CSS+JS 2023.05.03

모던 자바스크립트 Deep Dive - 제 11장

2023. 03. 13 - 14 [원시 값과 객체의 비교] 자바스크립트 데이터 타입은 크게 원시 타입, 객체 타입으로 구분할 수 있다. 이 두 타입은 크게 세 가지 측면에서 차이를 가진다. 원시 타입의 값은 변경 불가능한 값 / 객체 타입의 값은 변경 가능한 값 원시 타입의 값을 변수에 할당하면 그 변수에는 실제 값이 저장됨 / 객체 타입의 값을 변수에 할당하면 변수에는 참조 값이 저장됨. 원시 값을 갖는 변수를 다른 변수에 할당하면 원본의 원시 값이 복사 되어서 전달 / 객체 값을 가리키는 변수를 다른 변수에 할당하면 원본의 참조 값이 복사되어서 전달 11.1 원시 값) 1) 원시 값은 변경이 불가능한 값이다. 먼저 변수는 값을 저장하기 위해 확보한 메모리 공간을 식별하기 위해서 붙인 이름이고, 값은 ..

개발/HTML+CSS+JS 2023.03.14

모던 자바스크립트 Deep Dive - 제 09장

2023. 03. 02 9장. 타입 변환과 단축 평가 9.1 타입 변환이란?) 자바스크립트의 모든 값에는 타입이 있다. 이런 값의 타입은 개발자의 의도에 따라 다른 타입으로 변환이 가능하다. 이를 명시적 타입 변환 또는 타입 캐스팅 이라고 한다. var x = 10; var str = x.toString() 위 예시와 같은 경우 toString()을 사용해 x에 담긴 숫자를 문자열로 타입 캐스팅함. 위와 다르게 개발자 의도와 상관 없이 자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환되기도 한다. 이를 암묵적 타입 변환 또는 타입 강제 변환 이라고 한다. var x = 10; var str = x + ''; 숫자 타입 x 뒤에 문자열을 연결하는 + 연산자를 사용해, 새로운 문자열 str로 암묵적 타입..

개발/HTML+CSS+JS 2023.03.05

Mongo DB 데이터 삭제하기

Mongo DB에서 데이터 삭제하는 방법 2023.02.23 - [분류 전체보기] - Mongo DB 데이터베이스 업데이트하기(update) Mongo DB 데이터베이스 업데이트하기(update) Mongo DB 데이터베이스 업데이트 방법 이번 포스팅은 Mongo DB 데이터베이스를 업데이트하는 방법에 대한 포스팅이다. 우선 지난번에 이어서 우리가 만든 데이터 중 dogs에 대한 데이터들을 살펴보면 inho3213.tistory.com Mongo DB 데이터베이스 업데이트하는 방법에 대해서 살펴보았던 지난 포스팅에 이어서 이번 포스팅에서는 데이터베이스 삭제하는 방법에 대해서 다뤄보려고 한다. 지난 포스팅에서 다뤘던 업데이트와 그 구문은 동일하다. dogs에 이어서 cats 라는 이름의 데이터베이스를 만들..

개발/HTML+CSS+JS 2023.02.23

Mongo DB 데이터베이스에서 데이터 찾기

Mongo DB 데이터베이스에서 데이터 찾는법 2023.02.13 - [HTML+CSS+JS] - MongoDB에 데이터 삽입하기 MongoDB에 데이터 삽입하기 MongoDB에 데이터 삽입하기 2023.02.13 - [HTML+CSS+JS] - MongoDB 사용하기 MongoDB 사용하기 MongoDB 기본 사용법 정리 지난번 포스팅에서 MongoDB는 다운받았고 2023.02.12 - [HTML+CSS+JS] - Window에 MongoDB 다운받기 Window inho3213.tistory.com 지난번 포스팅에 이어서 이번에는 Mongo DB 데이터베이스에서 원하는 특정 데이터를 찾는 방법에 대해서 알아보려고 한다. 이전에 다뤘던 명령어인 db.dogs.find() 명령어를 이번에도 활용할건데,..

개발/HTML+CSS+JS 2023.02.16

MongoDB에 데이터 삽입하기

MongoDB에 데이터 삽입하기 2023.02.13 - [HTML+CSS+JS] - MongoDB 사용하기 MongoDB 사용하기 MongoDB 기본 사용법 정리 지난번 포스팅에서 MongoDB는 다운받았고 2023.02.12 - [HTML+CSS+JS] - Window에 MongoDB 다운받기 Window에 MongoDB 다운받기 Window에 Mongo DB 다운받기 대망의 NoSQL,,,, Mongo 다운받기 다운로 inho3213.tistory.com 이번에는 MongoDB에 데이터 삽입하는 방법 포스팅! 지난번 포스팅에 만들었던 animalShelter라는 데이터베이스에 데이터를 한번 삽입해보려고 한다. 가장 먼저 dogs라는 집합(collection)을 삽입해보는 것부터 시작해보려고한다. 명령..

개발/HTML+CSS+JS 2023.02.13

MongoDB 사용하기

MongoDB 기본 사용법 정리 지난번 포스팅에서 MongoDB는 다운받았고 2023.02.12 - [HTML+CSS+JS] - Window에 MongoDB 다운받기 Window에 MongoDB 다운받기 Window에 Mongo DB 다운받기 대망의 NoSQL,,,, Mongo 다운받기 다운로드가 쉽지 않다는 말이 많아서 한번 정리해보려고한다 가장 먼저 오른쪽 링크를 방문 ===> https://www.mongodb.com/download-center 홈페이지 위 inho3213.tistory.com MongDB의 사용이 처음이라 아직 어렵기도하고 까먹을 것 같아서,,, 그때그때 기억 안날때 찾아보려고 간단한 내용들을 포스팅을 통해 정리하려고한다. Mongsh에서 (아마 Mongoshell의 약자이지 않..

개발/HTML+CSS+JS 2023.02.13

Window에 MongoDB 다운받기

Window에 Mongo DB 다운받기 대망의 NoSQL,,,, Mongo 다운받기 다운로드가 쉽지 않다는 말이 많아서 한번 정리해보려고한다 가장 먼저 오른쪽 링크를 방문 ===> https://www.mongodb.com/download-center 홈페이지 위의 Navbar를 보면 'Products'탭이 있다. 이 Products탭에서 'Community Server' 항목을 누르고 들어간다. 위 이미지에서 초록색 글씨로 되어있는 부분 (Community Server) 을 누르고 들어간다. 나는 Window 환경이니까 위의 이미지대로 놓고, 다운로드 버튼을 눌러서 다운받는다. 응용파일 실행해서 다운로드 시작. 위에 체크박스만 체크해주고 다 Next 누르기 위에서는 Custom 버튼을 눌러서 설치 경로..

개발/HTML+CSS+JS 2023.02.12

모던 자바스크립트 Deep Dive - 제 07장

2023. 02. 08 07장. 연산자 7.1 산술 연산자) 산술 연산자는 피연산자의 개수에 따라 이항 산술 연산자와 단항 산술 연산자로 구분할 수 있다. 7.1.1 이항 산술 연산자 2개의 피연산자를 산술 연산함, 피연산자 값을 변경하는 부수효과가 없음. 즉, 피연산자의 값이 바뀌는게 아니고 새로운 값을 만드는거임 + 덧셈 - 뺄셈 * 곱셈 / 나눗셈 % 나머지 7.1.2 단항 산술 연산자 1개의 피연산자를 산술 연산함 연산자 의미 부수 효과 ++ 증가 O -- 감소 O + 아무런 효과X X - 양수를 음수로, 음수를 양수로 반전한 값 반환 X 증가 ++ , 감소 -- 연산자는 피연산자의 값을 변경하는 부수 효과가 있음! 이런 증가, 감소 연산자는 그 연산자의 위치에 의미가 있다. 피연산자 앞에 위치하..

개발/HTML+CSS+JS 2023.02.08

모던 자바스크립트 Deep Dive - 제 06장(2)

2023. 02. 02 6.9 데이터 타입의 필요성) 자바스크립트에서 데이터 타입은 왜 필요할까? 다음과 같은 두가지 이유에 의해 데이터 타입은 필요하다. ① 데이터 타입에 의한 메모리 공간의 확보와 참조 값은 메모리에 저장되고, 참조할 수 있어야한다. 메모리에 값을 저장하기 위해서는 확보해야 할 메모리 공간의 크기를 결정해야한다. 즉, 몇 바이트의 메모리 공간을 사용해야 낭비없이 값을 저장할 수 있는지 알아야한다. 이때 값의 데이터 타입에 따라 확보해야 할 메모리 공간의 크기가 결정된다. ex) const score = 100; 위의 예시에서 자바스크립트 엔진은 100 이라는 값을 숫자 타입이라고 해석하고 숫자 타입을 저장하기 위한 메모리 공간을 확보하게 된다. 값을 참조하는 경우에는 변수 score를..

개발/HTML+CSS+JS 2023.02.02