CamJaCodingLife CamJaCodingLife

라이브러리(Library): 재사용 가능한 코드의 집합으로 기능을 수행하기 위한 도구나 함수들의 모음이다. 개발자가 필요한 기능을 가져와서 사용 할 수 있으며, 개발자가 원하면 호출하여 사용 할 수 있다. 개발자가 자유롭게 선택하여 사용할 수 있고 필요한 부분에서 선택적으로 사용 가능하다. 프레임워크(Framwork): 애플리케이션의 구조와 규칙을 제공하여 개발자에게 특정 작업을 수행하는데 필요한 틀과 구조를 제공한다. 개발자에게 제어의 역전(Inversion of Control) 개념을 적용하여 프레임 워크가 개발자의 코드를 호출하고 관리한다. 특정 도메인이나 플랫폼에서 애플리케이션을 개발할 때 주로 사용 된다. 제어의 역전 개발자가 코드를 직접 제어하는 것이 아니라, 외부에서 코드를 호출하고 관리하는..

SOP(Same Origin Policy) 그림과 같이 ㅁ클라이언트는 ㅁ서버로만 요청과 응답을 받을수 있지만 다른서버로 응답 요청을 받을 수 없다 즉 같은 출발지에서만 같은 서버로 갈 수 있다. Cors(Corss Origin Resource Sharing) ㅁ클라이언트에서 다른 서버의 응답과 요청을 할수 있게 허용해주는 것이 바로 Cors이다 ㅁ클라이언트는 다른 서버을 허용해주는 Cors가 허용되어 있는지 먼저 Preflight 요청을 통해 파악하고 허용 되어있으면 해당 서버가 허용해주는 범위에서의 응답과 요청을 받을수 있다. 하지만!! Cors서버 허용 거절이면?? 해당 그림처럼 Proxy서버(Cors가 허용 거절 상관 없이 해당 서버의 데이터를 갖고온다)를 통해 가져올 수 있다! CORS 에러 발생..

HTTP:HyperTextTransfer Protocol의 약자이며 응답과 요청을 주고 받고 있는 서버와 브라우저사이에서 HTML로 작성된 데이터를 주고 받는 프로토콜이다(통신규약) HTTP 프로토콜의 특징 서버는 응답 메시지를 반환한 후에 초기 상태로 돌아갑니다. 이 때 서버는 클라이언트의 상태를 저장하지 않습니다. 즉, HTTP 프로토콜은 상태가 없는 프로토콜 입니다. 여기서 상태가 없다라는 말은 데이터를 주고 받기 위한 각각의 데이터 요청이 서로 독립적으로 관리가 된다는 말이고, 이전 데이터 요청과 다음 데이터 요청이 서로 관련이 없다는 말입니다. 예를 들어 클라이언트가 커피먹으러 가자고 서버에게 요청해서 "좋아!" 라는 응답을 잘 받아왔지만 그 다음번에 "커피 먹으러 오늘 가자!"라고 요청을 한다..

📖 Class - 객체지향 프로그래밍(OOP)에서 특정 객체를 생성하며, 이러한 객체는 클래스에 정의된 속성과 동작을 가지게 된다. - 동일한 객체를 여러개를 생성해야할 경우 클래스를 사용한다. // index.js class Mycar { limt = 30 enginStart = () => { console.log("시동걸린다") } enginOff = () => { console.log("시동중지") } } const Car = new Mycar() // new 연산자와 생성자 함수 사용 Car.enginStart() Car.enginOff() const SecondCar = new Mycar() Car.enginStart() Car.enginOff() //Car // 시동걸린다. // 시동중지 //..