CamJaCodingLife CamJaCodingLife

API(Application Programming Interface) 은 어플리케이션들 간에 상호작용하기 위한 인터페이스이다 즉 컴퓨터 프로그램이 서로 통신 하는 방법이다. API 중계 계층(API GateWay)(프로토콜,메서드,데이터타입) 클라이언트와 서비스 간의 통신을 중개하고 관리하는 서비스 이다 또한 중계 계층은 모니터링과 분석을 통해 API성능과 사용 동향을 파악할수 있으며 개발자와 기업은 효율적으로 관리할수 있다. 그럼 API 장점은 무엇인가? API 제공자는 데이터베이스 정보 및 제공을 드러내지 않아도 되며 보여주고 싶은 부분만 드러낼 수 있다. 사용자는 필요한 정보만 받을수 있으며 어떻게 구현이 되었는지 신경 안 써도 된다. 재사용성으로 인해 효율적으로 구축할 수 있다. API 종류가 있..

XML(Extensible Markup Language)은 마크업 형태를 사용하는 데이터 교환 형식이다. 마크업 형태 - 마크업은 태그 등을 이용하여 데이터의 구조를 나타내는 것이다. 구성: 프롤로그,루트요소,하위요소 // 프롤로그 :버전,인코딩 //태그 루트요소(단 하나만 존재하는 것 ) SuSan //하위 요소들 15 //하위 요소들 New York //하위 요소들 //태그 HTML도 마크업 언어 인데 XML과 차이점이 무엇인가? - HTML도 XML처럼 마크업 언어이다 하지만 둘의 목적과 사용 방법에서 차이가 있다. HTML XML 목적 구조와 콘텐츠를 표현 즉 데이터를 표시하기 위한 것 데이터를 저장 및 전송을 하기 위한 것(데이터 교환 하는데 사용) 문법 미리 정의된 태그 존재ex) ... 정의..

Json(JavaScriptObjectNotation)은 Javascript 객체 문법으로 구조화된 데이터 교환 형식이다. 또한 Json을 통해 여러 언어에서 데이터 교환 형식으로 사용되며 단순배열,문자열도 표현이 가능하다. JSON은 키:값{Key:value} 방식대로 데이터 객체를 표현한다. Key는 문자열이며 value는 문자열(String),숫자(Number),불린(Boolean),배열,객체,Null등 다양한 데이터 형식이 될 수 있다. #객체 {"key":"value"} { "name":"Jone" } #배열 [ {"name":"Jone"}, {"name":"Sujan"} ] #숫자 { "age" : 50 } #불린 { "IsTrue":false } #null { "Pets": null } JS..

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

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

brew를 이용해서 설치를 시작해 보자 brew install mysql !brew install이 안된다? ※당황하지말자!! 본인은 M1 Mac 사용자다 터미널을 iterm을 이용해서 다운 받으려고 하자 brew을 찾을수 없다는 말을 듣고 당황하였다. export PATH=/opt/homebrew/bin:$PATH 터미널에 이 명령어를 먼저 입력하자 그 후 brew install mysql을 해보자 설치가 완료되면 서버를 실행을 위해 터미널에 아래와 같이 명령어를 입력하자 brew services start mysql 이 상태로도 사용 가능 하다 하지만 보안을 위해 비밀번호를 설정을 해보자 비밀번호를 설정 하기위해 터미널에 아래와 같은 명령어를 입력해보자 mysql_secure_installation ..

Nestjs 설치 1. 노드가 설치가 안되어 있다면 설치를 해보자 Node.js (nodejs.org) Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2.Vscode에서 터미널을 열어 명령어를 입력해보자 npx @nestjs/cli new Class npx 명령어를 통해 @nestjs/cli를 다운받는다. new를 사용하여 Class라는 프로젝트 만든다. ! EACCES: permission denied 에러 발생시! ※당황하지말고 명령어 앞에 sudo를 붙힌다(관리자 권한으로 설치) sudo npx @nestjs/cli new class 설치가 완료 되었다면 그림과 같이 패키지 매니저 ..

리액트를 공부하다 Node.js에 대해 맛보기로 살짝 경험할 기회가 생겼다 처음 접해본 나로서 새로운 것을 배운다는 생각으로 설레었다. 또한 파이어 베이스를 이용한 프로젝트보다 내가 직접 데이터베이스와 API를 구축하면서 만드는 나의 프로젝트가 더욱 빛날 것이라는 생각과 도전이 나를 이끌었다. 한 발자국 성장하는 그날까지 달려가자!!! 이제 NestJS에 대해 알아보자 NestJs? Nest(NestJS)는 효율적이고 확장 가능한 Node.js 서버 측 애플리케이션을 빌드하기 위한 프레임워크입니다. 프로그레시브 자바스크립트를 사용하고 TypeScript로 구축되어 완벽하게 지원하며(여전히 개발자가 순수 자바스크립트로 코딩할 수 있음) OOP(객체 지향 프로그래밍), FP(함수형 프로그래밍) 및 FRP(함..