인턴21 [19일차] Next.js - rourte.tx에서 변수에 쿼리 값만 담기 * Next.js - rourte.tx에서 변수에 쿼리 값만 담기 2024. 11. 8. [18일차] HTML - 기본 ** HTTP 기본 **HTTP는 웹에서 클라이언트-서버 간 데이터를 주고받기 위해 사용하는 프로토콜이다. * HTTP 메시지에 모든 것을 전송 한다 !HTML, TEXTIMAGE, 음성, 영상, 파일JSON, XML거의 모든 형태의 데이터 전송 가능ㅅ버간에 데이터를 주고 받을 때에도 대부분 HTTP 사용-> 바야흐로 HTTP의 시대 * HTTP 역사HTTP/0.9 (1991) : GET 메서드만 지원, HTTP 헤더XHTTP/1.0 (1996년) : 메서드, 헤더 추가HTTP/1.1 (1997년) : 가장 많이 사용, 우리에게 가장 중요한 버전 [ RFC2068 (1997) -> RFC2616 (1999) -> RFC7230~7235 (2014) ]HTTP/2 (2015년) : 성능 개선HTTP/3 (.. 2024. 11. 6. [17일차] URI 와 웹 브라우저 요청의 흐름 ** URI **Uniform Resource IdentifierURI는 인터넷 상의 리소스를 식별하기 위해 사용하는 통일된 형식이다. URI는 다음과 같이 Locator와 Name으로 분류된다 URL (Uniform Resource Locator) : 리소스의 위치를 지정하여 자원을 찾을 수 있게 해 줍니다.URN (Uniform Resource Name) : 리소스의 이름을 고유하게 부여합니다. URN은 위치와 무관하게 특정 리소스를 나타내지만, URN만으로 리소스를 찾는 방식은 널리 사용되지 않습니다. * URI 란? • Uniform : 리소스(uri로 식별가능한 모든 자원)를 식별하는 통일된 방식• Resource : 자원, URI로 식별할 수 있는 모든 것 (제한 없음)• Identi.. 2024. 11. 5. [17일차] IP / TCP / UDP / PORT / DNS * 인터넷 네트워크는 복잡하다. * ** IP (인터넷 프로토콜) **• 복잡한 인터넷 망에서 정보를 전달하기 위해 IP 주소를 부여한다. * IP의 역할지정한 IP 주소(IP Address)에 데이터 전달패킷(Packet : Package + Bucket)이라는 통신 단위로 데이터 전달 * IP 프로토콜의 한계비연결성 : 패킷을 받을 대상이 없거나 서비스 불능 상태여도 패킷을 전송한다.비신뢰성 : 도중에 패킷이 사라지거나 (패킷 소실), 패킷 전달 순서에 문제가 발생 할 수 있다. (약 1500바이트 이상이되면 나눠서 보내는데 )프로그램 구분 : 같은 IP를 사용하는 서버에서 통신하는 애플리케이션이 여러개라면..? -> IP 프로토콜만으로는 이런 문제를 해결할 수 없다, T.. 2024. 11. 5. [16일차] 로그인 유지 1. 세션(Session) 방식세션은 서버 측에 사용자 상태를 저장하는 방식으로, 서버가 관리하는 일종의 사용자 식별 정보이다.웹 브라우저가 로그인 요청을 보내면, 서버는 세션 ID를 생성하고 이를 클라이언트의 쿠키에 저장한다.이후 클라이언트가 서버에 요청할 때마다 이 세션 ID를 쿠키에 담아 보내면서 인증 상태를 확인할 수 있다.특징서버 메모리에 세션 데이터가 저장되므로, 서버에서 로그아웃하거나 세션이 만료되면 상태가 사라진다.서버에 상태가 유지되기 때문에 다중 서버(분산 환경)에서 확장이 필요할 경우 세션 스토리지를 위한 별도의 설정이 필요하다. 예를 들어, 세션 정보를 Redis와 같은 인메모리 데이터베이스에 저장해 확장성을 해결할 수 있다.장점상대적으로 보안성이 높다. 세션 정보가 서버에만 존재하.. 2024. 11. 4. [13일차] Next.js api route.tsx에서 JSON값받기 * 화면에서 JSON 으로 { name : "value" } 형식으로 데이터를 전송할 경우 서버에서 받는 방법예) JSON { searchVal : "검색어" } // 1. name으로 값 바로 받기 ( name으로 변수 명을 맞춰 주고 중괄호 {} 로 감싸준다 ) export async function POST(req: any){ try { const { searchVal } = await req.json(); // searchVal -> "검색어" } // 2. 변수에 JSON 담은 후 해당 값 꺼내서 변수에 담기 export async function POST(req: any){ try { .. 2024. 10. 30. JSON 이란? ♣ JSON (JavaScript Object Notation) ♣ JSON은 데이터를 구조화하여 표현하는 문자 기반의 데이터 포맷이다. JSON은 문자 기반의 데이터 교환의 형식으로, 데이터 포맷이다.특정 통신 방법이나 프로그래밍 문법에 의존하지 않으며, 단순히 데이터를 구조화 하여 표현하는 방식이다 ▶ JSON 특징가독성 : 텍스트 기반으로 사람이 쉽게 읽고 이해할 수 있으며, 컴퓨터가 또한 간편하게 처리할 수 있다.인기 있는 데이터 형식 : 웹 애플리케이션 간에 데이터를 전송하거나 데이터를 저장할 때 자주 사용된다.구조화된 데이터 표현 : 키-값 쌍의 객체와 값의 배열을 사용해 복잡한 데이터를 구조화하여 표현할 수 있다.언어 독립성 : 특정 프로그래밍 언어에 종속되지 않으며, 다양한 언어와 플.. 2024. 10. 25. FormData 란? FormData 브라우저에서 제공하는 내장 API로, 폼 데이터를 쉽게 다루고 서버에 보내도록 도와주는 객체이다.즉, FormData란? HTML이 아닌 JavaScript에서 폼 데이터를 다루는 객체라고 생각하면 된다.( FormData 객체는 HTML 폼데이터를 나타낸다 → 생성자 : let formData = new FormData([form]); ) 주요 특징HTML의 폼 데이터 처리 : FormData는 HTML 폼에서 테이터를 추출하여 JavaScript로 다룰수 있도록 도와준다. HTML 태그를 사용해 데이터를 전송(submit)하는 대신, JavaScript를 통해 데이터를 서버로 보낼 수 있다.유연한 데이터 추가 :FormData 객체는 HTML 태그의 모든 입력 데이터를 자동으로.. 2024. 10. 24. pg & pg-promise & Promise 란? ※ pg ① pg 란? - 라이브러리 ☞ Node.js 환경에서 PostgreSQL 데이터베이스와 상호작용하기 위한 라이브러리이다. ② About pgPostgreSQL의 공식 Node.js 클라이언트 라이브러리로, pg를 사용해 PostgreSQL 데이터베이스와 직접 통신할 수 있다.비동기 처리 : 기본적으로 pg는 비동기 작업을 지원하며, 콜백 함수나 Promise를 사용하여 비동기 쿼리를 실행할 수 있다. (최근에는 async/await와 함께 사용하여 비동기 처리를 더 직관적으로 작성 가능)저수준 API : pg는 상대적으로 저수준의 API를 제공하며, 기본적인 쿼리 실행, 연결 관리, 트랜잭션 등을 제공한다. ※ pg-promise ① pg-promise 란? -.. 2024. 10. 22. 이전 1 2 3 다음
