반응형
SMALL

JavaScript 5

1차 팀프로젝트 Style part 개별 보고서

우리 팀은 PostgreSQL과 MongoDB방식 중 연습 차원에서 MongoDB를 채택하기로 하였다.기본적으로 ESM형식을 기반으로 코드를 작성 그러기 위해 package.json에"type": "module",을 작성 앞서 개별적으로 배운 내용을 활용하고자 Mermaid ERDiagram을 작성해보았고파일 구성 Tree는 팀원의 노션 내 ReadME파일을 따랐다. erDiagramerDiagram STYLE { string _id "PK" string name "스타일 이름" string title "스타일 제목" string description "스타일 설명" string content "스타일 내용" string i..

프로젝트 회고 2025.03.21

자바스크립트에서 모듈(Module)을 사용하는 이유

목차더보기목차모듈이란?모듈을 왜 사용하는가?모듈의 장점export / import 문법CJS와 ESM   모듈을 사용하는 방법을 알아보기 앞서 '모듈(Module)이란?개발하는 애플리케이션의 크기가 커지면 언젠간 파일을 여러 개로 분리해야 하는시점이 옵니다.이때 분리된 파일 각각을 '모듈(module)'이라고 부르고,보통 클래스 하나 + 특정한 목적을 가지는 복수의 함수로 구성된 라이브러리 하나 정도로 구성 된다합니다.  주변에서 찾아보는 예시더보기다르게 말하여 우리 주변에서 찾아보자면, 하나의 책이 있다고 가정하여 봅시다. 그 책의 구성을 머릿말과 목차와 여러 개의 챕터, 꼬릿말이라고 했을 때, 이러한 구성 요소들을 각각의 모듈이라고 할 수 있겠죠. 위와 같이, 구성들이 모여 하나의 책을 만들어 내듯이..

위클리 페이퍼 2025.02.06

프로미스(Promise)의 세 가지 상태

프로미스(promise) 객체는 비동기 작업의 최종 결과 성공 또는 실패를 나타내는 것을 말합니다.프로미스를 사용하면 비동기 메소드에서 동기 메소드처럼 값을 반환할 수 있습니다.다만 최종 결과를 반환 하는 것이 아닌, 미래의 어떤 시점에서결과를 제공하겠다는 '프로미스'를 반환(return)합니다.  promise는 다음 중 하나의 상태를 지닙니다.대기(pending): 비동기 작업이 진행 중일 때이행(fulfilled): 비동기 작업이 성공적으로 처리 됨거부(rejected): 비동기 작업이 실패함대기 중인 프로미스는 값과 함께 이행될 수도, 거부될 수도 있습니다. 먼저 대기(Pending) 상태에 대해 아래의 코드와 함께 알아 봅시다.  1. 대기(Pending)초기의 상태로 비동기 작업이 아직 완료되..

위클리 페이퍼 2025.01.31

절차지향 프로그래밍 vs 객체지향 프로그래밍

1️⃣ 절차지향말 그대로 위에서 아래로 프로그램이 유기적으로 연결되도록 순차적인 처리를하는 방식입니다.보통 실행 속도가 빠르며 시간적 유리함을 가진다는 것이 특징입니다.다만 유지 보수가 어렵고 실행 순서가 정해져 있어 순서를 바꾸거나 수정 시결과값이 달라질 수 있고 그에 따라 디버깅이 어렵습니다. 2️⃣ 객체지향실제 세계를 모델링하여 소프트웨어를 개발하는 방법.즉, 프로그래밍에서 필요한 데이터를 추상화 시켜상태와 행위를 가진객체로 만들고, 객체들간의 상호작용을 통해 로직을 구성하는프로그래밍 방법입니다. ▶ 객체 지향 프로그래밍은 크게 추상화 , 캡슐화 , 상속 , 다형성 의네가지 특징을 가집니다.  1. 추상화중요한 기능만 노출, 구현에 관한 세부 사항은 숨김즉, 불필요한 정보는 숨기고 중요한 정보만 표..

위클리 페이퍼 2025.01.31

쿼리 / 요청 응답

먼저 쿼리(Query)란 직역하면 명사로는 의문, 문의, '물음표'를, 동사로는 질문하다를 뜻 합니다. 하지만 저희가 찾고자 하는 쿼리의 내용은 이게 아니죠.아래 내용을 통해 URL 내의 쿼리가 무엇인지 더 자세히 알아봅시다. 강의에서 배운 내용* 추가적인 요청사항을 적는 곳* ? 문자로 시작을 하고 여러 개를 사용할 때는 & 구분 다시 말해 URL의 구성 요소 중 '쿼리(query)'는 서버로 전달할 혹은 전달 받은 추가 데이터를나타내며, 보통 '?' 문자 뒤에 위치합니다.여러 개의 데이터를 전달할 때는 각 쿼리 매개변수를 '&'로 구분합니다. 예시 1. https://www.youtube.com/watch?v=N8wu4JLcgq8위 링크는 유튜브 영상의 링크이고,쿼리를 말하기 앞서 다른 구성 요소도 ..

위클리 페이퍼 2025.01.27
반응형
LIST