Gallery

My first Coda doc

리액트

노드 js

Explore

노드 js

노드 지식 정리

프론트를 위한 백엔드 Node 특징

네트워크 처리가 강하다.

There are no rows in this table

⁠

Object와 JSON

Object

JSON

다루는 타입

배열/날짜 Date/정규 표현/함수 등의 여러 타입을 저장할 수 있다.

문자열/숫자/배열/불리언/null/JSON Object 의 타입을 가질 수 있다.

목적

다양한 값을 하나의 그룹으로 취급하는 용도로 사용된다.

API 응답 등 때문에 전달해야 하는 값을 처리를 하기 위함

특이점

Object는 const로 선언해도 value를 바꿀 수 있다. (재할당 금지일 뿐)

freeze를 이용해 value 덮어쓰기를 막을 수 있다. (재할당 행위 자체는 에러 발생 X)

JSON.stringify : Object를 JSON으로 변환할 수 있다.

하지만 JSON은 함수 타입을 저장하지 못해서 함수 타입을 포함한 데이터는 사라진다.

JSON 데이터는 key에 반드시 “ “로 감싸져 있다.

⁠

JSON 데이터 비교

⁠

JSON.parse : JSON 데이터를 Object로 변환한다.

There are no rows in this table

⁠

배열

배열의 예시

⁠

Array이름.map⁠

⁠

배열의 요소를 반복하면서 새로운 배열로 변환한다.

Array이름.filter

배열을 순회하며 조건에 일치하는 요소만 추출한다.

함수

return

return문으로 함수의 반환값을 지정할 수 있다.

값 반환이 필요 없으면 return문을 생략해도 된다.

지정해도 안 해도 된다는 뜻

인수 (argument)

인수에 Object를 전달할 때에는 참조로 전달한다.

인수를 통해 함수 내부에서 Object 값을 재할당하면 성공한다! 참조한 거였기 때문에

모든 함수에 반드시 이름을 부여할 필요는 없지만,

함수에 이름을 붙이면 에러의 원인이 되는 위치를 바로 특정할 수 있어 쉽게 디버깅이 가능하다고 한다.

⁠

axios와 express

axios

express

개념

라이브러리 네트워크 통신을 도와주는

서버 프레임워크 API 서버 개발할 때 사용되는

용도

리액트에서 서버와 통신하기 위해 이용.

js서버를 개발한다 = express 프레임워크를 사용한다

정리

서버와 통신하는 개념

서버

There are no rows in this table

⁠

출처

⁠

동기 비동기

⁠

동기, 비동기란? (+Promise, async/await 개념) 1. 동기 vs. 비동기 우선 차이점 부터 설명하자면, 동기는 '직렬적'으로 작동하는 방식이고 비동기는 '병렬적'으로 작동하는 방식이다. 즉, 비동기란 특정 코드가 끝날때 까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 것을 의미한다. 비동기 처리를 예로 velog.io⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.