본문 바로가기

전체 글

(67)
구조 분해 할당! 나도 이제 중간 변수(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초를 기..
나도 설명하고 싶다! REST API 오랜만에 만난 친구랑 대화하다가 이런 질문을 받았습니다.근데, REST API가 뭘 만드는 거야?머리로는 이해한다고 생각했는데, 입이 안 떼어지는 경험 다들 있으신가요?🤐대충 얼버무렸던 그 날의 기억이 떠올라 포스팅을 적게 되었습니다.로이 필딩은 박사 학위 논문에서 웹(HTTP)을 위한 아키텍처로 REST를 소개했습니다.저는 '아키텍처니까 HTTP를 어떻게 구성하고 동작시킬지에 대한 설계도구나' 정도로 이해했습니다.이제 REST API 설계에 대해 조금 더 자세히 알아볼까요? ✍설계할 때는 크게 두 가지를 명심!정보의 자원은 URI로 표현합니다.자원에 대한 행위는 HTTP 메소드로 표현합니다. 🔍 URI 설계 규칙을 알아보자계층 관계는 슬래시를 활용하여 표현합니다. 그리고, 혼동을 방지하여 경로 마지..
Node.js로 웹 서버 구축하기 웹 사이트를 사용자에게 제공하기 위해서는 정적 혹은 동적 웹 서버를 필요로 합니다.이번 포스트에서는 Node.js를 활용해서 웹 서버를 구축해보겠습니다.HTTP 모듈공식 문서를 살펴보면 웹 서버의 기능을 포함하는 HTTP 모듈을 제공합니다.해당 모듈을 가져오는 방법은 아래와 같습니다.const http = require('node:http');HTTP 모듈을 사용해서 서버 객체를 만들 때는 'createServer()' 메서드를 사용해주어야 합니다.서버와의 연결을 수신하려면 'listen()' 메서드를 이용합니다.const server = http.createServer().listen(8888); // 8888번 포트로 서버 수신클라이언트의 요청에 HTML로 응답할 때 올바른 헤더를 포함해야 합니다.헤..
Windows11에서 Node.js 설치하기 Node.js는 개발자가 자바스크립트를 브라우저 밖에서 실행할 수 있게 환경을 제공하는 플랫폼입니다.덕분에, 자바스크립트는 백엔드 수준에서도 활용할 수 있는 언어가 되었습니다.이번 포스트에서는 Node.js를 설치하는 과정을 알아보겠습니다.설치 파일 다운로드공식 홈페이지에서 장기 지원 버전의 설치파일을 받습니다. 라이센스 계약 동의 폴더 지정 사용자 정의 설정 네이티브 모듈 컴파일 도구 설치네이티브 모듈이란 Kotlin, Java 등에서 구현한 인스턴스를 자바스크립트 런타임 환경에서 실행 가능한 기능을 말합니다.윈도우 11 환경에서 설치 파일을 다운받아 Node.js를 직접 설치해보았습니다.설치하는 데 큰 어려움 없이 원활하게 진행된 것 같습니다.포스팅을 끝까지 봐주셔서 감사합니다~
JavaScript 알아보기 연극에서 스크립트(Script)란 배우의 행동을 지시해놓은 내용을 의미합니다.자바스크립트(JavaScript)는 HTML의 요소를 선택해서 어떻게 실행할지 지시할 수 있습니다.어떻게 제어하는지 이번 포스트에서 알아보겠습니다.변수 선언자바스크립트에서 변수를 선언할 때는 3가지 방법을 사용합니다.var - 전역 범위의 변수를 선언let - 블록 범위의 변수를 선언const - 값을 유지하는 상수를 선언 조건문조건이 참일 때 실행하는 명령어입니다.if...else - 조건이 참이라면 if 절을 거짓이라면 else 절을 실행switch - 표현식과 일치하는 case 절을 실행 반복문반복적인 명령을 수행할 때 반복문으로 간단하게 표현할 수 있습니다.fordo...whilewhile 작성 방식CSS와 마찬가지로 3..