Will find a way

CORS(Cross-Origin Resource Sharing) 란?- 교차 출처 자원 공유라는 말로 서로 다른 출처간에 리소스를 공유하는 것을 허용하는 정책을 의미한다.- 서로 다른 출처 공유에 대해서는 기본적으로 제한되어있다. (이를 SOP라 한다.) *SOP (Same-Origin Policy) : 같은 출처끼리만 리소스를 공유할 수 있다는 정책HTML태그를 통한 이미지, CSS, Script 요청은 SOP에 제한이 되지 않음  Origin : 출처를 의미하며, URL구조 / 프로토콜 + 호스트 + 포트를 합친 것을 말함Port가 다른 경우에 다른 출처로 인식한다.HTTP 포트 : 80 / HTTP 포트 : 443 생략 가능 CORS가 정의된 이유SOP(Same-Origin Policy)의 장점동일..

https://jakapark.tistory.com/68 [디자인 패턴] MVC 패턴에 대해서 간단히 알아보는 글들어가기 전백엔드와 DB 기본을 공부하던 중 기초 디자인 패턴중인 MVC 패턴에 대해서 알게 됐다. 디자인 패턴이란 기존 환경 내에서 반복적으로 일어나는 제들을 어떻게 풀어나갈 것인가에 대jakapark.tistory.com 며칠 전에 MVC 패턴에 대해서 알아보았다. (윗글 참고)오늘은 MVC 패턴 예제 코드를 작성해보려고 한다. MVC에 대해서 간단히 알아보자면Model : 데이터를 처리View : 유저가 보이는 화면Controller : Model과 View를 이어주며 유저의 요청을 담당한다 .env 파일DB_CONNECT = "MongoDBURI"Config.js [./config/db..

const http = require("http");// createServer 메서드가 생성한 서버를 변수나 상수로 지정해야함const server = http.createServer((req, res) => { const { url, method, headers } = req; console.log(url, method, headers); // 서버에 요청을 보내지 않으면 안됨 // res (response : 응답) 우리가 반송해야할 데이터 res.setHeader('Content-type', 'text/html'); // setHeader : 새로운 헤더 설정 / Content-type은 브라우저가 알고 이해하며 받아들이는 디폴트 헤더 // 응답에 헤더를 붙이게 되고, 컨텐츠 ..

MongoDBMacOS 터미널에서 MongoDB Homebrew tap을 추가한다.brew tap mongodb/brew 1. brew로 MongoDB 설치brew install mongodb-community@8.0 CLI에서 MongoDB를 처리하여 싶으면 아래 명령어도 입력한다bre install mongodb-community-shell 2. MongoDB 실행brew services start mongodb-community@8.0 MongoDB의 포트는 27017아래의 주소로 들어가서 하단에 문구가 뜨면 성공적으로 켜진것이다. 3. MongoDB 정지brew services stop mongodb-community@8.0

들어가기 전간단한 프로젝트로 프론트와 백을 구축하고 무료로 이용할 수 있는 DB를 찾던 중 MongoDB를 알게 되서 공부하게 됐다. 이번 글에는 MongoDB가 어떤건지에 대해서 알아보는 시간을 가지려고 한다. [출처] : https://velopert.com/436 [MongoDB] 강좌 1편: 소개, 설치 및 데이터 모델링 | VELOPERT.LOG소개 MongoDB는 C++로 작성된 오픈소스 문서지향(Document-Oriented) 적 Cross-platform 데이터베이스이며, 뛰어난 확장성과 성능을 자랑합니다. 또한, 현존하는 NoSQL 데이터베이스 중 인지도 1위를 유지하velopert.com 1. MongoDB란?MongoDB는 테이블 형태가 아닌 document(JSON)의 형태로 데이..

들어가기 전백엔드와 DB 기본을 공부하던 중 기초 디자인 패턴중인 MVC 패턴에 대해서 알게 됐다. 디자인 패턴이란 기존 환경 내에서 반복적으로 일어나는 제들을 어떻게 풀어나갈 것인가에 대한 일종의 솔루션이다.패턴이라는 의미는 반복된 현상이나 무늬라 디자인 패턴에 대해 알아볼 필요성을 느꼈다.오늘 디자인 패턴 중 하나인 'MVC 패턴'에 대해 적어보려고 한다. (얕은 지식이라 부족한 부분이나 추가할 부분은 나중에 추가 수정하겠다.)출처https://www.youtube.com/watch?v=2VkUyxgnFf4https://mundol-colynn.tistory.com/147 MVC (Model-View-Controller) 패턴오늘은 MVC 패턴에 대해서 정리해보겠습니다. MVC (Model-View-..

들어가기 전평소에 React를 사용할 때 CRA(Create React App) 라는 CLI 도구가 사용됐다.React로 TailwindCss를 적용하기 위해서 공식문서를 확인하던 중 Vite에 대해서 알게 됐다.Vite가 무엇이며 CRA (Create React App)가 있는데 왜 Vite를 사용하는지 알아보자. https://ko.vite.dev/guide/ ViteVite, 프런트엔드 개발의 새로운 기준ko.vite.dev Vite란?Vite란 빠르고 간결한 모던 웹 프로젝트 개발 경험에 초점을 맞춰 탄생한 빌드 도구이다.(Vite : 프랑스어로 "빠르다"를 의미) CRA (Create React App) 대신 Vite를 사용하는 이유1. CRA로 만든 프로젝트에 node_module은 많은 용량..

들어가기 전필자는 발전을 갈망하지만 갈망하기 위해서 앞만 봤지 뒤를 본 적이 없다."나는 왜 발전이 없을까?" 라는 생각이 종종 들기 시작했다.여러 이유가 있겠지만 스스로를 되돌아 보는 시간이 많이 적었다고 생각한다.그래서 내가 발전하기 위한 방법으로 '회고록'이라는 것을 선택했다. 뒤만 돌아봐서는 사람은 발전하지 않다.그래서 '이렇게 했으면 더 좋았을텐데' 라는 아쉬움이 더 기억에 짙게배기려고 노력할 것이다. 그러면 학문(코딩)에 있어서도 인생에 있어서도내가 좀 더 나은 사람이 되지 않을까?

들어가기 전C++, JAVA 같은 클래스 기반 객체지향 프로그래밍 언어의 특징인 클래스와 상속, 캡슐화를 위한 키워드인 public, private, protected 등이 없어서 JavaScript는 객체지향 언어가 아니라고 오해하는 경우도 있다. 하지만 JavaScript는 클래스 기반 객체지향 프로그래밍 언어보다 효율적이며 더 강력한 객체지향 프로그래밍 능력을 지니고 있는 프로토타입 기반의 객체지향 프로그래밍 언어다.자바스크립트는 객체 기반의 프로그래밍 언어이며 자바스크립트를 이루고 있는 거의 '모든 것'이 객체다. (원시타입 제외) 객체지향 프로그래밍프로그래밍에서 필요한 데이터를 추상화시켜 속성과 메서드를 가진 객체를 만들고객체 간의 상호작용을 통해 로직을 구성하는 프로그래밍 패러다임 객체지향 프..

출처 : https://www.yes24.com/Product/Goods/92742567 모던 자바스크립트 Deep Dive - 예스24『모던 자바스크립트 Deep Dive』에서는 자바스크립트를 둘러싼 기본 개념을 정확하고 구체적으로 설명하고, 자바스크립트 코드의 동작 원리를 집요하게 파헤친다. 따라서 여러분이 작성한 코드www.yes24.com Class 란 무엇인가?- 프로토타입객체를 생성하기 위한 템플릿- ES6 생긴 문법 (ES6 이전에도 생성자 함수로 프로토타입 객체를 생성할 수 있었음)- 새로운 객체를 생성하는 메커니즘- 읽는 사람 or 작성하는 사람이 편하게 디자인 된 문법(문법적 설탕)으로 직관적인 특징을 지님객체지향프로그램을 객체들로 구성하고 서로 상호작용을 통해 구현하는 방법 (방법론)..