웹프로그래밍

이벤트 처리 1.미리 함수를 만들어서 처리하기 2.OnClick 안에 만들어서 사용하기. 매개변수를 전달하기 편리함. 즉 이런식으로 작성하면 age만 변경해도 값이 변경되어 출력됨. 3.e.target.value input창을 하나 만들게 되었을때는 이런식으로

변수 let 으로 선언 변할 수 있는 값이다. const 절대로 바뀌지 않는 상수, 대문자로 선언함 >tip 일단 let으로 선언하고 바뀌지않은 상수만 const로 선언 자료형 1. 문자형 alert, prompt, confirm prompt는 항상 문자열을

Nginx와 Docker를 이용한 프로젝트 구성 1. 프로젝트 개요 Frontend (React Vite): 정적 파일(index.html, style.css, script.js)을 Nginx를 통해 제공. Backend (Express): /dweb 경로에서 AP

우리가 어플리케이션에서 서비스를 개발 즉 코딩을 하는 것은 소켓 위에서 개발하는 것이라고 할 수 있다. 순서는 다음과 같다. 소켓을 열고 Listening을 하면? 다음과 같은 것들을 정해놔야 한다. Server IP Server Port 그리고 어떤 프로토콜을 사용

리액트 개발을 하게 될 경우 api key를 사용하는 경우가 생긴다. 이때 React 앱에서 직접 이 api key를 호출하면 노출될 위험이 있다. 이를 방지하기 위해서 서버리스 함수를 중간에 두고, API key는 서버리스 함수에서만 사용하는 방법을 사용한다.

Object 변수선언 let과 const를 사용한다. const는 변수를 선언하면 상수화를 시키기 때문에, 다시 대입하는게 불가능하다. 객체선언 상수화가 되어있지만, 새로운 필드를 입력할 수 있다. -Spread Operator를 사용하면 새로운 객체를 참조하게끔

비교적 아주 자유롭게 배열을 선언할 수 있다. 배열도 그냥 property를 가진다고 생각하면 편하다. 따라서 아주 이상한 값들도 인덱스가 될 수 있다(-값이든 뭐든)이터러블한 속성을 통해 이런식으로 하나하나 분리해서 새로운 배열을 만들 수 있다.그냥 객체의 프로퍼티처

Functions >## 함수 선언과 호이스팅 즉 어디에서 선언하든 상관없이 호이스팅이 가능 하지만 전통적인 방식으로 함수를 만들어줘야 가능하다. >## 함수 변수 선언 - 호이스팅 불가능 다음과 같은 방식으로 변수에 함수를 선언하면* 호이스팅*이 불가능하다.

Iterators and Generators >## Iterable Object > - 배열은 iterable하다. for/of를 통해서 출력이 가능하다.

\[Symbol.iterator]를 상속시켜주어야한다. Symbol.iterator라는 function을 만들어주는 방법을 통해서 만들어줄 수 있다. 이렇게 class 키워드를 사용하면 constructor로 초기화해줄 수 있고, 여기에 \[Symbol.iterator

프로미스 객체에는 세가지 메서드와 상태 프로퍼티가 존재.then, catch, finally라는 메서드가 존재, 안에 콜백을 등록할 수 있는 메소드이다.그리고 State라는 프로퍼티가 존재한다.Result는 일단 무시3가지의 값으로 세팅될 수 있다.pending, fu

데이터가 변경되었을때, Virtual DOM을 리렌더링해서 실제 DOM과 비교해서 바뀐 부분을 재랜더링 해준다.fetch를 통해 가져온 데이터는 헤더와 바디가 있는 하나의 객체.헤더 안에다가 넣고자 하는 필드 두번째 인자로 전달할 수 있다.굉장히 큰 데이터를 받아올 경