흰둥씨의 개발장

- 원시 타입 (primitive type) ㄴ원시 값은 변경불가능한 값(immutable value) ㄴ원시 값을 변수에 할당하면 변수(확보된 메모리)에 실제 값이 저장됨 ㄴ원시 값을 갖는 변수를 다른 변수에 할당하면 원본값이 복사되어 전달됨(값에 의한 전달) - 객체 타입 (object/ reference type) ㄴ객체는 변경가능한 값(mutable value) ㄴ객체를 변수에 할당하면 변수에 참조 값 저장됨 ㄴ객체를 가리키는 변수를 다른 변수에 할당하면 원본의 참조 값이 복사되어 전달(참조에 의한 전달) 1) 원시값 - 1) 변경 불가능한 값 (불변성) ㄴ한번 생성된 원시값은 읽기 전용 값= 불변 = 데이터 신뢰성 보장 ㄴ재할당하면 변수가 참조하던 메모리 공간의 주소 변경됨 (할당된 원시값이 변..

자바스크립트는 객체 기반의 프로그래밍 언어 ㄴ객체의 집합으로 프로그램을 표현하는 프로그래밍 패러다임 1) 객체 - 객체 (= object) ㄴ0개이상의 프로퍼티로 구성된 집합 (프로퍼티는 키 key와 값 value로 구성됨) ㄴ함수도 프로퍼티 값으로 사용가능 / 프로퍼티 값이 함수면 일반함수와의 구별을 위해 method라고 부름 ㄴ프로퍼티와 메서드로 구성된 집합체 ㄴ변경 가능한 값 (mutable value) ㄴ자바스크립트를 구성하는 거의 '모든 것' ㄴ원시값(변경 불가능한 값)을 제외한 나머지 값(함수, 배열, 정규표현식 등) ㄴ값과 메서드를 모두 포함할수 있어 상태와 동작을 하나의 단위로 구조화할 수 있어 유용함 - 객체 타입(= reference type)? 다양한 타입의 값을 하나의 단위로 구성한..

1) 타입변환 - 명시적 타입변환 (= explicit coercion = 타입캐스팅 ) ㄴ개발자가 의도적으로 값타입 변환하는 것 let x = 10; let str = x.toString(); // '10' 숫자 => 문자열 String(1); // 1 Infinity + '' //'Infinity' 암묵적 타입변환을 의도적으로 이용 Number('0'); // 0 ParseInt('0'); // 0 문자열 => 숫자열 (문자열만 변환가능) parseFloat('10.2'); // 10.2. 문자열 => 숫자열 (문자열만 변환가능) +'10'; // 10 문자열 => 숫자열 '10' * 1 // 10 문자열 => 숫자열 +true; // 1 boolean => 숫자열 true * 1 // 1 boole..

제어문 (control flow statement) ㄴ조건에 따라 코드 블록을 실행(조건문)하거나 반복실행 (반복문)할때 사용 ㄴ일반적으로 위에서 아래방향으로 순차 실행 ㄴ제어문 사용시 코드 실행흐름 인위적으로 제어 가능 => 순차흐름을 바꾸면 "가독성"을 해침 => 오류로 이어지기도함 1) 블록문 (block statement/ compound statement = 코드 블록 = 블록) ㄴ0개 이상의 문을 중괄호로 묶은 것 ㄴ자바스크립트가 1개의 실행단위로 취급함 ㄴ단독 사용보다는 제어문, 함수를 정의 할때 사용하는 것이 일반적 ㄴ블록문은 자체종결성을 가져서 ;는 안붙임 { let num = 10; } let x = 1; if( x < 10 ) { x++; } function sum (x, y){ re..

연산자 : 하나의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수연산 등을 수행해 값을 만든다 피연산자 : 연산의 대상 =>값으로 평가될 수 있는 표현식이어야 함 연산자 표현식도 값으로 평가될 수 있는 표현식이어야 한다. 1) 산술 연산자 ㄴ피연산자 대상으로 수학적계산 수행 ㄴ산술 연산 불가능한 경우 NaN반환 - 1) 이항 산술 연산자 ㄴ 덧셈(+), 뺄셈(-), 곱셈(*), 나눗셈(/), 나머지(%) ㄴ부수 효과(side effect) 없음(피 연산자의 값이 바뀌는 경우는 없고, 언제나 새로운 값을 만듦) - 2) 단항 산술 연산자 ㄴ증가 (++), 감소(--), 음수를양수로 반전하지 않음(+), 양수를 음수로, 음수를 양수로 값 반전함(-) ㄴ증가, 감소는 부수 효과 있다. let x =..

데이터 타입 ( = data type = 타입) ? 값의 종류 ㄴ7개로 분류되며 원시타입과 객체타입으로 나눌 수 있음 원시 타입 (primitive type) number (숫자 타입) 숫자, 정수와 실수 구분없이 하나의 숫자타입만 존재 string (문자열 타입) 문자열 boolean true / false undefined var키워드로 선언된 변수에 암묵적으로 할당되는 값 null 값이 없다는 것을 의도적으로 명시할 때 사용하는 값 symbol ES6 에서 추가됨 / 객체 타입(object/ reference type) 객체, 함수, 배열 ... 1) 숫자 타입 ㄴ자바스크립트는 하나의 숫자 타입만 존재함 (C 나 Java는 정수, 실수 구분해서 int, long, float, double과 같은 다..

개념을 이해한다는 것은 용어를 정확히 이해하고 설명할수 잇어야 한당 1) 값 (=value) ? 식(=표현식= expression)이 평가(=evaluate) 되어 생성된 결과 ㄴ모든 값은 데이터 타입을 가지고, 2진수 bit의 나열로 저장됨 ㄴ메모리 저장된 값은 데이터 타입에 따라 다르게 해석될 수있음 ㄴ변수에 할당되는 것 **평가 ? 식을 해석해서 값을 생성하거나 참조 하는 것 2) 리터럴(=literal) ? 사람이 이해할 수 있는 문자(한글, 아라비아숫자, 알파벳 등) 또는 약속된 기호('', "", ., [], {}, // etc)를 사용해 값을 생성하는 표기법 3 // 숫자 리터럴 'hello' //문자 리터럴 true // boolean 리터럴 null // null literal undef..

=AVERAGE(인수들) : 인수의 평균값 =AVERAGEA(인수들) : 수치가 아닌 셀을 포함하는 인수의 평균값 =AVERAGEIF(조건범위, 조건, 값구할범위) : 조건에 맞는 셀의 평균값 =AVERAGEIFS(값구할범위,조건1범위, 조건1, 조건2범위, 조건2,...) : 여러조건에 맞는 셀의 평균값 ​ =MAX(인수들) : 인수중 가장 큰값 =MAXA(인수들) : 숫자 , 빈 셀, 논리값, 숫자로 표시된 텍스트 들 중에 가장 큰 값 ​ =MIN(인수들) : 인수중 가장 작은 값 =MINA(인수들) : 숫자 , 빈 셀, 논리값, 숫자로 표시된 텍스트 들 중에 가장 작은 값 ​ =COUNT(인수들) : 인수중 숫자가 들어있는 셀의 개수 =COUNTA(인수들) : 인수중 비어있지 않은 셀의 개수 =CO..

컴퓨터는 CPU를 사용하여 연산하고, 메모리를 사용해서 데이터를 기억함. 메모리 ? 데이터를 저장할수 있는 메모리 셀의 집합체 (메모리셀 하나의 크기는 1byte = 8bit) 셀은 고유의 메모리주소를 갖는다 (메모리공간위치 나타내고, 메모리크기만큼 정수로 표현됨) 변수 ? 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 , 그 메모리 공간을 식별하기 위해 붙인 이름 =값의 위치를 나타내는 상징적인 이름 , 개발자가 직접 메모리 주소를 통해 값을 저장하고 참조할 필요 없음 데이터를 가져오기 위해 직접 메모리 주소를 통해 값에 접근하는 것은 위험한 일로, 기억하고 싶은 값을 저장하고, 저장된 값을 재사용 하귀 위해 변수라는 메커니즘을 제공함 -변수명 : 메모리 공간에 저장된 값을 식별할 수 있는 고유한..

createStore썼더니 redux-toolkit에 그런 애 없다고 한다.자동 찾아주는걸로 찾아보니 const store = legacy_createStore();이제 레거시라니...ㅠㅠ 과거의 문법이 되어있었다.  https://redux-toolkit.js.org/tutorials/quick-start#create-a-redux-store 대신 이렇게 쓰라는건가 ... 우선은 레거시로 해서 쓰더라도앞으로는 configureStore로 써야한다... import { configureStore } from '@reduxjs/toolkit'export const store = configureStore({  reducer: {},})   리덕스 개발자 도구를 쓰기 위해 ( 크롬브라우저에 익스텐션설치 하고..

https://create-react-app.dev/docs/proxying-api-requests-in-development/#configuring-the-proxy-manually Proxying API Requests in Development | Create React AppNote: this feature is available with react-scripts@0.2.3 and higher.create-react-app.dev 3000번 포트 -> 5000번 포트 서버 응답받기​react 폴더npm i http-proxy-middleware --save react > src > setupProxy.jsconst { createProxyMiddleware } = require('http-prox..

react 폴더에서...일단 빌드를 합니다npm run-script build node 프젝 안의> index.js(뭐 server.js등등...)express서버에서 빌드 완료된 리액트 작업물 실행const express = require('express');const path = require('path');const app = express();const port = 5000;app.use(express.static(path.join(__dirname, '../react/build')))app.listen(port, () => { console.log(`Server app listening on port ${port}`);})app.get('/', (req, res) => { res.sendFi..