JavaScript (22) 썸네일형 리스트형 구조 분해 할당! 나도 이제 중간 변수(temp) 없이? 오늘 KDT 과정 중에 비구조화 할당이라는 내용을 들었습니다.문법이 익숙해서 검색해보니까 구조 분해 할당으로 부르기도 하더라구요!전 이게 더 익숙했습니다.😌이번 포스트는 구조 분해 할당에 대해서 적어보겠습니다.구조 분해 할당은 배열 혹은 객체를 해체하여 개별 변수에 값을 담는 것을 의미합니다.✍ 배열 구조 분해 let color = ['blue', 'green', 'orange'];let [ sky, tree, sun ] = color;console.log(sky); // blueconsole.log(tree); // greenconsole.log(sun); // orange배열에서 구조 분해 할당을 이용하면, 인덱스의 순서대로 값을 담을 수 있습니다. ✍ 요소 무시하기let color = ['blu.. Node.js의 생태계 프로그래밍 언어를 선택할 때 요구 사항을 고려하는 것만큼,그 언어의 생태계와 커뮤니티가 얼마나 큰지 확인하는 것도 중요하다고 생각합니다.개발 과정에서 분명 막힐 때가 존재하고, 그 때 이들이 큰 도움이 된다고 느꼈거든요.이번 포스트에서는 Node.js의 생태계를 알아보려고 합니다.오픈 소스의 바다, npm🌊npm은 말 그대로 노드에서 모듈을 관리하는 도구(Node Package Management)를 의미합니다.다른 사람이 완성한 코드를 적절하게 사용하면 개발 속도를 가속할 수 있습니다. 간단하게 패키지를 정의하고 설치, 삭제하는 작업을 익혀보겠습니다.패키지를 정의하기 위해서는 package.json 파일을 만들어야 합니다.initializer에 입력한 패키지를 다운받아서 프로젝트를 쉽게 구성할 수 있.. Express - 단순하게 API 제작하기 오늘의 주제는 백엔드 프레임워크 중 인지도가 높은 Express입니다.이렇게 압도적인 인기의 비결은 뭘까요?🤔간단한 라우팅브라우저에서 경로를 요청하고 웹 페이지를 받는 것을 페이지 라우팅이라고 합니다.express에서는 다음과 같은 구조로 라우트 정의를 합니다.app.METHOD(PATH, HANDLER);METHOD: HTTP 요청 메소드PATH: 경로HANDLER: 실행할 콜백 함수 간단한 응답사용자가 경로를 요청했을 때 응답은 어떻게 보낼 수 있을까요?express는 이를 지원하는 다양한 메소드가 있습니다.res.send(): 다양한 유형의 응답을 지원합니다.res.json(): JSON 응답을 전송합니다.다른 메소드는 이 사이트에서 확인할 수 있습니다.작은 서비스를 개발할 때는 사용법이 단순한 .. Callback Hell? 거기 무서운 곳이야? Node.js의 특징을 찾아보면 단일 스레드, 논 블로킹, 이벤트 기반이라는 말과 함께 콜백 지옥이 언급됩니다.지옥까지 빠뜨리다니 얼마나 위험한 녀석일까요?😱지피지기 백전불태! 조금만 친해져볼까요?다른 함수에 매개 변수로 전달되는 함수를 콜백 함수라고 합니다. 💡비동기에서 빼놓을 수 없는 콜백!비동기 처리란 두 개 이상의 작업을 병렬로 처리하는 것을 의미합니다.비동기 처리는 요청에 대한 응답을 기다리지 않기 때문에 문제가 생길 수 있습니다.function getNumber() { let number; setTimeout(() => { number = 1; }, 1000); return number;}이 코드는 반환하는 값이 1일 것 같지만, undefined를 반환합니다.1초를 기.. Node.js로 웹 서버 구축하기 웹 사이트를 사용자에게 제공하기 위해서는 정적 혹은 동적 웹 서버를 필요로 합니다.이번 포스트에서는 Node.js를 활용해서 웹 서버를 구축해보겠습니다.HTTP 모듈공식 문서를 살펴보면 웹 서버의 기능을 포함하는 HTTP 모듈을 제공합니다.해당 모듈을 가져오는 방법은 아래와 같습니다.const http = require('node:http');HTTP 모듈을 사용해서 서버 객체를 만들 때는 'createServer()' 메서드를 사용해주어야 합니다.서버와의 연결을 수신하려면 'listen()' 메서드를 이용합니다.const server = http.createServer().listen(8888); // 8888번 포트로 서버 수신클라이언트의 요청에 HTML로 응답할 때 올바른 헤더를 포함해야 합니다.헤.. JavaScript 알아보기 연극에서 스크립트(Script)란 배우의 행동을 지시해놓은 내용을 의미합니다.자바스크립트(JavaScript)는 HTML의 요소를 선택해서 어떻게 실행할지 지시할 수 있습니다.어떻게 제어하는지 이번 포스트에서 알아보겠습니다.변수 선언자바스크립트에서 변수를 선언할 때는 3가지 방법을 사용합니다.var - 전역 범위의 변수를 선언let - 블록 범위의 변수를 선언const - 값을 유지하는 상수를 선언 조건문조건이 참일 때 실행하는 명령어입니다.if...else - 조건이 참이라면 if 절을 거짓이라면 else 절을 실행switch - 표현식과 일치하는 case 절을 실행 반복문반복적인 명령을 수행할 때 반복문으로 간단하게 표현할 수 있습니다.fordo...whilewhile 작성 방식CSS와 마찬가지로 3.. 이전 1 2 3 다음
