Tastynut

Ajax(Asyncoronous javascript and xml) : 필요한 정보만을 부분적으로 정교하게 낚아채는 낚시꾼 => single page application에 대한 이해 *Ajax 보안 문제로 인해서 직접 실행할 수는 없고 웹서버에서 구동해야 한다. (사견: Ajax와 react모두 single page application을 만드는 데 일조하는 공통점이 있지만 Ajax는 네트워크 통신을 통해서 필요한 데이터를 뽑아 온다면 react는 로컬 파일내에서 필요한 정보를 만들어 놓고 필요한 부분에서 꺼내쓰는 느낌인것 같다. 예로 react로 만드는 웹 페이지에서 게시글의 대한 정보를 다른 서버에서 가져와야 한다면 Ajax를 통해 가져오는 경우가 있다.) [동적으로 컨텐츠 변경하기] WEB HTM..

[React] : 사용자 정의 태그를 만들기 위한 도구 주로 class와 function을 통해 만드는데 function추세 [수정] : index.js -> 입구 파일 / index.css, App.js -> App.scc [배포] npm run build(build 파일 생성) -> npx serve -s build (build 파일을 npm명령으로 배포) [컴포넌트] : 복잡한 태그를 하나의 사용자 지정 태그로 만들어 내는 것 -> 폭발적인 생산성 향상 [props] : 컴포넌트 태그의 속성을 지정해주면 그 값을 props를 통해 컴포넌트로 받아옴 *key : 무언가를 반복해서 받아올 때 무엇을 받아와야 하는지 나타내 주는 지표 import "./App.css"; function Header(pro..

JavaScript : 사용자와 상호작용을 하기 위한 언어 /html위에서 작동하며, html로 만들어진 정적인 웹 페이지를 동적으로 만들어 준다. 이벤트: 웹브라우저에서 일어날 수 있는 기념할 만한 일 javascript 자료형 : String.메서드(), 숫자(+,-,*,/,%: 사칙연산), boolean(true/false), 연산자 : 대입연산자(=),비교연산자(===) 변수 선언: var HTML 삽입 미리보기할 수 없는 소스 프로그램: 순서 프로그래밍: 순서를 만드는 것 프로그래머: 순서를 만드는 사람 [조건문]: 하나의 흐름이 아닌 조건에 따라 흐름이 생기도록 하는 것 HTML 삽입 미리보기할 수 없는 소스 this: 자기 자신을 가리키는 태그 HTML 삽입 미리보기할 수 없는 소스 [반복문..

let navigate = useNavigate(); ... conts 함수 = (e) => { e.preventDefault(); fetch().then().then((res)=>{navigate("/");}) }; 로 해결