[AJAX] AJAX의 의미
2024. 1. 16. 20:43
개발/Certification
AJAX?Asynchronous JavaScript And XML의 줄임말로 비동기적인 웹 애플리 케이션의 제작을 위한 웹 개발 기법묶음이다. - AJAX는 비동기적인 웹 애플리케이션의 제작을 위해 JavaScript와 XML을 이용한 비동기적 정보 교환 기법 - AJAX는 필요한 데이터만을 웹서버에 요청해서 받은 후 클라이언트에서 데이터에 대한 처리 가능 - 보통 SOAP이나 XML 기반의 웹 서비스 프로토콜이 사용되며, 웹 서버의 응답을 처리하기 위해 클라이언트 쪽에서는 자바스크립트 사용 - AJAX는 Google Map과 Google pages에서 사용한 기술에 기반하여 제작 아래와 같은 정보를 조합하여 사용한다. - 표현 정보를 위한 HTML 또는 XHTML과 CSS - 동적인 화면 출력 및 표시..
[Eslint] 'React' must be in scope when using JSXeslintreact/react-in-jsx-scope
2024. 1. 10. 06:03
개발/Error note
Eslint 설정을 마치고나니 'React' must be in scope when using JSX 오류가 떴다. Eslint가 없을때는 React를 임포트 해주지않아도 Next 에서 알아서 인식을 해줬는데, Eslint 설정이 들어가고 나서는 스코프 오류가 생긴다. 해결방법1 import React from 'react' 상단에 react를 임포트를 해준다 해결방법 2 "rules": { "react/react-in-jsx-scope": "off" } eslintrc에 해당 규칙을 추가해준다
[Java] 자바 코드에서 출력되는 값 작성하기
2024. 1. 7. 17:26
개발/Certification
class Static{ public int a = 20; static int b = 0; } public class Test{ public static void main(String[] args) { int a = 10; Static.b = a; Static st = new Static(); System.out.println(Static.b++); System.out.println(st.b); System.out.println(a); System.out.print(st.a); } } 키워드: static 변수, 후위연산자 static 변수는 static메모리에 별도 저장되기 때문에 일반적인 인스턴스 변수와는 다르게 프로그램 내 모든 객체와 공유된다. 후위연산자는 리턴 후 연산을 한다. 10 11 10 ..
[CORS] Access to XMLHttpRequest at 'http://localhost:3065/user' from origin 'htt
2024. 1. 4. 21:10
개발/Error note
Next.js에서 Express에서 요청을 보내려고 했는데, CORS 문제가 생겼다. 교차출처 리소스 공유 [Node] Data흐름과 axios, proxy서버 사용하기페이지가 없을때는 postman을 썼지만 이제는 react-route-dom을 사용해 Router를 사용하고있다. Axios 제이쿼리 ajax생각하면된다. 서버와 클라이언트 통신에 필요한 기능 (라우팅은 아래 글 참고) [React] 페h-owo-ld.tistory.com전에는 이걸썼는데 이번에는 cors 라이브러리 사용 npm i cors 진입 파일에app.use( cors({ origin: 'http://localhost:3000', }) );추가해주니 간단하게 해결! 참고: - https://inpa.tistory.com/entry/..
[Javascript] history.pushState()
2024. 1. 2. 20:31
개발/Javascript
하이브리드로 만든 앱에 뒤로가기 버튼 터치 시 팝업을 닫아줘야했다. 방법을 찾다보니 만난게 history.pushState() // html5에 새로 추가된 url 변경 메소드 history.pushState(상태, unused, url(optional)) 네이티브에서 뒤로가기 시 이벤트를 해야해서 사용자의 히스토리가 바뀔 때 실행되는 이벤트 popstate랑 사용했다. popstate 이벤트는 뒤로가기 등 history 이벤트가 발생할 때 동작하는 액션이다. 두 함수를 활용해서 history.pushState때는 제자리에 머무르도록 하고, popState이벤트에 뒤로가기 발생 시 실행할 액션을 넣어주었다. const preventGoBack = () => { closeConfirmDialog() nav..