목록프론트엔드 (3)
종식당

💟 1. DNS 조회첫 번째로 DNS조회가 일어난다. 사용자가 www.google.com을 입력하면, 브라우저는 먼저 이 도메인 이름을 IP주소로 변환해야 한다. 이 과정을 DNS조회라고 한다.브라우저는 캐시 된 DNS기록을 먼저 확인하고, 없으면 로컬 DNS서버에 요청하여 www.google.com에 해당하는 IP주소를 얻는다.🤡 2. TCP 연결 수립두 번째로 TCP 연결 수립이다. IP주소가 확인되면, 브라우저는 서버와 TCP연결을 수립한다. TCP는 데이터를 신뢰성 있게 전달하기 위한 프로토콜이다.이 과정에서는 서버와 3-way handshake를수행한다. 즉, 브라우저가 SYN패킷을 보내고, 서버가 SYN-ACK패킷을 보내며, 다시 브라우저가 ACK패킷을 보내는 과정이다. 🦾 3. H..

클로저는 함수가 선언될 때의 스코프를 기억하여, 함수가 생성된 이후에도 그 스코프에 접근할 수 있는 기능이다.즉, 함수가 자신이 생성된 환경을 기억하는 것이라고 할 수 있다.클로저는 자바스크립트의 함수가 일급 객체라는 특성과 렉시컬 스코프의 조합으로 만들어진다. function outerFunction(outerVariable) { return function innerFunction(innerVariable) { console.log('Outer Variable: ' + outerVariable); console.log('Inner Variable: ' + innerVariable); };}const newFunction = outerFunction('outside');newFunctio..

저번 파일 업로드에 이어서 리액트를 이용해서 프런트엔드랑 벡엔드를 연결해서 진행하는 작업을 해보려 한다. 현대오토에버 모빌리티 SW 스쿨 웹/앱 스프링부트 파일 업로드이번 시간에는 스프링 부트를 통해 파일 업로드하는 것을 간단하게 알아보려 한다. 이미지를 업로드하는 과정을 알아보겠다.파일 구조 간단하게라도 다양한 프로젝트를 만들어보면서 배운jxxng-syykk.tistory.com Controller 코드 추가@GetMapping("/filelist") public ResponseEntity> getFileDataList() { List fileDataList = fileDataService.findAll(); if (!fileDataList.isEmpty()) { return Response..