본문 바로가기

내일배움 강의54

4주차 : 콜백 함수와 동기/비동기 처리 [학습 목표] 자바스크립트의 콜백함수의 개념과 예시에 대해 학습해요. 어떤 항목에서 콜백함수를 전달받은 함수에게 제어권이 이양되는지를 이해하고 그 예시를 테스트해볼 수 있습니다. 비동기적인 코드 작성에서 발생할 수 있는 콜백지옥을 예방하고 비동기제어를 할 수 있는 Promise, async/await 등의 기술을 이해하고 활용하는 능력을 배양합니다1. 콜백함수// 콜백함수 예시 setTimeout, 배열에 대한 forEach // setTimeoutsetTimeout(function() { console.log("Hello, world!");}, 1000);// forEachconst numbers = [1, 2, 3, 4, 5];numbers.forEach(function(number) { cons.. 2024. 11. 5.
2주차_es6, 일급객체로서의 함수, Map과 Set [학습 목표] 자바스크립트 es6 문법에서 새로 추가된 문법에 대해 학습해요. 일급객체로서의 함수가 어떤 의미인지, 왜 중요한지 알며 실습을 통해 활용능력을 갖출 수 있어요. Map과 Set에 대한 개념에 대해 학습하고, 각각에 대한 활용능력을 갖출 수 있어요. 1. 각종 es6 문법 소개 ★(1) let, const var를 대체해서 나온 변수 선언에 사용 되는 키워드. 같은 변수를 중복 선언시 오류 발생.◆ let : 재할당은 가능하고, 재선언은 불가능 합니다.◆ const : 재할당, 재선언이 불가능, 초기값이 없으면 선언 불가능합니다.      값의 변화가 없는 변수 선언 시 사용 합니다.const value; // 초기값 없이 선언 불가능, SyntaxError: Missing initializ.. 2024. 11. 5.
JavaScript 문법 종합반 1주차 1-1 자바스크립트 소개JS의 역사 - 많이 들어봤으니 이정도는 외워야할 것 같아요더보기더보기◆ 1995년 자바스크립트 탄생   ▷ 넷스케이프 커뮤니케이션(LiveScript → Javascript)       당시 인기있던 언어인 'Java'에서 따옴▷ 브라우저 동작 스크립트 언어◆ 1999년 자바스크립트 표준화(ECMA-262) 완료◆  ★2005년 AJAX 등장▷ 비동기 웹 애플리케이션 개발 가능▷ 폭발적인 UX 향상 (특정 영역만 새로고침 가능해짐)◆  ★ 2008년 V8 엔진 출시(google)▷ super fast(코드 실행 속도 상당부분 개선) → 브라우저의 속도가 빨라짐▷  컴파일러, 메모리관리 시스템 ◆  ★ 2009년 Node.js 등장, 서버 개발 활성화▷ 서버개발의 지각변동 : PH.. 2024. 11. 5.
Node.js 입문주차 1주차 - 7_REST API 개발하기 1. Express의 REST API를 어떻게 개발하는지 알아봅니다.2. Express 프레임워크에서 REST API를 개발해봅니다. 01. REST API 개발◆ 상품 목록 조회 API ▷ 구현하려면 상품 목록 조회 API에서는 모든 상품(goods)이 한번에 전달 되어야합니다.  ex) GET 메소드를 이용해서 /goods 라는 주소로 요청을 보냈을 때, 모든 상품 목록이 응답(response)해서 json 포맷으로 상품 목록이 보여야 합니다. 이번 주차에서는 DB대신 routes 폴더에 goods.js 파일에서 아래의 상품 json 데이터를 저장합니다.  ▷  상품 예시 데이터  코드(/routes/goods.js 코드)더보기// /routes/goods.jsimport express from 'e.. 2024. 11. 4.
Node.js 입문주차 1주차 - 6_Request와 Response 1) Request, Response◆Request :클라이언트가 서버에게 전달하려는 정보나 메시지를 담는 객체입니다.   Request의 세부 사항에는URLHttp method헤더(header)쿼리 파라미터(query parameter)바디 데이터(body data)등이 포함됩니다.◆ Response란 서버에서 클라이언트로 응답 메시지를 전송시켜주는 객체입니다. Response의 세부 사항에는상태 코드(status code)응답 데이터(response data)응답 헤더(response header)  -쿠키, 세션 등에 관여등이 포함됩니다. ◆ 서버 모듈 Node.js의 서버 모듈에는 대표적으로 http 모듈(기본제공)과 Express.js가 존재합니다.Express.js 는 http 모듈을 확장하여.. 2024. 11. 4.
Node.js 입문주차 1주차 -4_ES6 Module 시스템 ◆ 모듈(Module) : Javascript를 파일 단위로 분리된 코드 덩어리를 일컫습니다. ‘정적(Static) 모듈 로딩’, ‘동적(Dynamic) 모듈 로딩’, 순환 종속(Circular Dependency)’  등하나의 모듈에서 다른 모듈을 호출하여 사용할 수 있습니다.모듈(Module)은 그 자체로도 하나의 프로그램이면서 다른 프로그램의 부품으로도 사용할 수 있습니다.보통 1개의 파일이 1개의 모듈이 됩니다. ◆ 모듈의 장점코드 베이스를 분리가능, 이를 통해 코드를 구조적으로 관리할 수 있습니다. 코드를 재사용 가능하게 만들어줍니다. (모듈화(modularize))코드의 함수와 변수중 일부만 외부에서 사용하도록 노출시킬 수 있습니다.     정보은닉(information hiding)을 구현가.. 2024. 11. 4.

티스토리툴바