반응형 Frontend/JavaScript27 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. [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. [JavaScript] String 클래스 함수 ⚫String 클래스 함수 문자값이 저장된 객체를 생성하기 위한 클래스 함수 - String 객체(클래스 함수)로 프로퍼티와 메소드 사용 가능 실습예제👩💻 그냥 " " 로 문자열을 묶어서 변수(string)에 저장하면 그 변수의 자료형은 string 이지만, 문자열을 String 객체의 매개변수로 전달하여 생성하면 변수(str)에 저장하면 그 변수의 자료형은 object이다. var string="Hello, JavaScript!!!"; alert("변수의 자료형 = "+typeof(string));//변수의 자료형 = string //매개변수에 전달된 문자값이 저장된 String 객체를 생성하여 변수에 저장 var str=new String("Hello, JavaScript!!!"); alert("변.. 2024. 1. 8. 이전 1 2 3 4 5 다음 반응형
