반응형 Frontend47 SPA(Single Page Application)란? 📘 SPA란?한 마디로 '페이지가 하나처럼 보이는 웹앱'을 말한다. 로그인을 예시로 들면,🟡 MPA (Multi Page Application) = 전통적인 웹앱 로그인 클릭 → 서버에서 새로운 HTML 페이지 전체를 응답해서 새로고침 🟡 SPA (Single Page Application)로그인 클릭 → 기존 페이지 유지한 채, 필요한 데이터만 서버에서 받아와서 화면 일부만 바뀜 ✅SPA 환경에서 백엔드 개발자가 여기서 알아야 할 Point★ SPA는 화면 전환을 브라우저가 직접 하고, 백엔드는 데이터만 제공하는 구조다.그래서 Spring Boot는 REST API 서버처럼 동작해야 함! 💬 예시 React 로그인 화면에서 아이디/비번 입력 → POST /auth/login API로 백엔드.. 2025. 4. 10. 절대경로(Absolute Path)와 상대경로(Relative Path) 절대 경로(Absolute Path):절대 경로는 파일이나 폴더를 루트 디렉토리부터 전체 경로로 표시하는 방식예를 들어, 웹 애플리케이션에서는 웹 서버의 루트 디렉토리부터 파일의 경로를 표시함. /home/user/project/file.txt와 같이 표시됨.절대 경로는 항상 특정 위치를 가리키므로 이동할 필요 없음.하지만, 파일이나 폴더가 이동될 경우 경로를 수정해야 하는 번거로움이 있음.상대 경로(Relative Path):상대 경로는 현재 위치에서 파일이나 폴더의 위치를 표시하는 방식예를 들어, 현재 위치에서 상위 디렉토리는 ../로 표시하고, 현재 위치를 나타내는 것은 ./로 표시함.상대 경로는 현재 위치를 기준으로 파일이나 폴더의 위치를 나타내므로, 파일이나 폴더가 이동해도 상대 경로는 수정할 .. 2024. 2. 22. [JavaScript] BOM(Browser Object Model) - window 객체 ⚫window 객체 : 브라우저를 객체로 표현하여 프로퍼티와 메소드 제공하는 객체 ⚫BOM(Browser Object Model) : 브라우저를 기반으로 제공되는 자바스크립트 객체 🔘window 객체의 메소드 살펴보기 window.alert(message) : 경고창을 생성하여 매개변수로 전달받은 메세지를 출력하는 메소드 => 두번째 줄과 같이 window 객체를 생략하여 메소드 호출 가능 - 함수 window.alert("경고창을 이용하여 메세지를 출력하는 메소드"); alert("경고창을 이용하여 메세지를 출력하는 메소드"); window.prompt(message[, value]) : 입력창을 생성하여 사용자로부터 값을 입력받아 문자값으로 반환하는 메소드 =>자바에서 scanner 객체를 써서 콘솔.. 2024. 1. 11. [JavaScript]JSON 클래스 함수 ⚫JSON 클래스 함수 JSON 관련 프로퍼티와 메소드를 제공하기 위한 클래스 함수 실습예제👩💻 아래 3개의 메소드 기억하기! JSON.stringify JSON.parse = eval 2024. 1. 9. [JavaScript]Math 클래스 함수 ⚫Math 클래스 함수 수학 관련 프로퍼티와 메소드를 제공하기 위한 클래스 함수 실습 예제👩💻 2024. 1. 8. [JavaScript]Date 클래스 함수 ⚫Date 클래스 함수 날짜와 시간이 저장된 객체를 생성하기 위한 클래스 함수 - Date 객체(클래스 함수)로 프로퍼티와 메소드 사용 가능 실습 코드👩💻 *Date.getMonth() : 월을 출력하는데, 0~11까지의 숫자로 나타낸다. 0은 1월, 11은 12월임. 그러므로 12월을 출력하고 싶다면, getMonth()메소드에 +1을 해줘야함. *Date.getDay(): 요일을 출력하는데, 0~6이라는 숫자로 반환해준다. 0(일요일)~6(토요일)임. 그래서 아래 예제를 보면 day라는 변수에 "일"부터 "토"라는 문자값을 넣은 배열을 저장하고, day [index] 의 index 부분에 현재 요일을 가져오게 함. 예를 들어, now.getDay()가 0을 반환하면, day[0]이 되므로 day에서.. 2024. 1. 8. 이전 1 2 3 4 ··· 8 다음 반응형
