언젠가는 펼쳐 볼 아카이브

Javascript Asychoronus 초기 웹 환경에서는 서버에서 모든 데이터를 로드하여 페이지를 빌드 했기 때문에, Javascript 에서는 별도의 비동기 처리가 필요하지 않았음 Ajax의 등장으로 페이지 로드 없이 client-side에서 서버로 요청을 보내 데이터를 처리할 수 있게 됨 XMLHttpRequest라는 객체를 이용해 서버로 요청을 보낼 수 있게 됨 Javascript는 single-threaded 언어이므로, 서버 요청을 기다려야하면 유저는 멈춰있는 브라우저를 보게 됨 따라서 비동기 처리를 이용해 서버로 통신할 필요가 있음 Synchornous Asynchoronus - 해당 코드 블록을 실행할 때, 스레드의 제어권을 넘기지 않고 순서대로 실행함 - 코드의 순서와 다르게 실행 됨 ..

# 환경 OS : MacOS - Monterey IDE - VS code Language + env : Typescript + React / Node.js + Express # git repo 생성 git repo 주소 : https://github.com/kcjfgnl9205/elice-ts-board/ git branch main development : back-end front-dev : front-end // git clone git clone https://github.com/kcjfgnl9205/elice-ts-board.git // 프론트 엔드 개발 전용 로컬 저장소 branch 생성 git checkout -b dev-front # front-end & back-end 환경 세팅 // f..

Vanilla JS React JS HTML을 먼저 작성하고, 작성한 HTML 요소를 Javascript 로 가져와서 HTML을 수정 >> 동작이 HTML 시작해서 JS로 끝남 HTML에 직접 작성하지 않고, Javascript 를 이용해 결과물을 HTML에 업데이트 >> 동작이 JS로 시작해서 HTML로 끝남 (유저에게 보여질 내용을 자유롭게 컨트롤 할 수 있음) reactJS 규칙 : html을 해당 페이지에 직접 작성하지 않고 JS 코드를 이용해 작성하기 > # Vanilla JS로 작성한 counter 소스코드 Total clicks : 0 Click me >> 코드가 짧아보이지만, 만약 많은 동작을 하는 큰 소스코드라면 계속해서 handle 함수를 작성하고 getElement.. 등을 handl..

1) Short-circuit evaluation (단축 평가) - 논리 연산(&&, ||)의 결과를 결정하는 피연산자를 타입 변환하지 않고 그대로 반환하는 것 >> 즉, 표현식을 평가하는 도중에 평가 결과가 확정된 경우 평가 과정을 생략하는 것을 말함 - "&&" 활용 예시 - 조건이 "true"일때, 무언가를 해야할 경우 사용함 - null 또는 undefined인 경우를 확인할 때 사용함 - "||" 활용 예시 - 조건이 "false"일때, 무언가를 해야할 경우 사용함 - 기본 값을 사용할 경우 사용함 Q. default parameter 같은 걸 이용하면 안되나? A. default parameter는 전달하지 않거나, undefined 인 경우에만 설정이 되므로, null, 0 일 경우 입력한 ..