유정잉

[ Tailwind Css 명령어 ]C:\react\unit01\react01>npx create-react-app react01​C:\react\unit01\react01>npm install -D tailwindcss​C:\react\unit01\react01>npx tailwindcss initC:\react\unit01\react01>npm startC:\react\unit01\react01>npm install react-router-dom  1) Desktop / react / unit01 파일 생성 -> Vscode에서 파일열기 -> command + J -> react01 파일 생성    터미널창에 -> npx create-react-app react01    (만약에 중복 파일 있어서 오..

1) npm install2) npm run dev3) Control + C = 서버 중단4) npm run dev = 서버 다시 시작 첫 문자 대문자리액트는 모든 컴포넌트에서 나온 모든 JSX코드를 결합하여 전체적인 DOM을 형성 -> 화면에 보이는 요소  [ 동적 출력 ]페이지를 새로 고침할 때 마다 const reactDescriptions = ['Fundamental', 'Crucial', 'Core']; 값이 랜덤으로 출력 됨 상수에 저장해서 상수값을 중괄호에 넣어도 됨  [ 이미지 파일 로딩 ]import후 중괄호{}로 사용 가능 import reactImg from './assets/react-core-concepts.png'; img src={reactImg} alt="Stylized at..

AJAX란 무엇인가?AJAX는 "Asynchronous JavaScript and XML"의 약자입니다. AJAX는 웹 페이지를 다시 로드하지 않고 서버와 데이터를 주고받기 위해 사용하는 기술입니다. 즉, 페이지의 특정 부분만을 업데이트할 수 있게 해줍니다. 이를 통해 웹 애플리케이션은 더욱 빠르고 사용자 친화적으로 동작할 수 있습니다. AJAX의 주요 특징비동기 처리 (Asynchronous): 서버 요청을 비동기적으로 처리하여 웹 페이지의 다른 작업이 중단되지 않도록 합니다. 즉, 서버로부터 데이터를 받는 동안에도 사용자는 페이지와 상호작용할 수 있습니다.XMLHttpRequest 객체: AJAX의 핵심 도구로, 자바스크립트 코드에서 서버와 데이터를 주고받을 수 있게 해줍니다. XML뿐만 아니라 JS..

2024년 6월 10일   리액트 : 선언형 vs 자바스크립트 : 명령형  1) react.new 검색 -> 웹 기반 react 개발도구(npm istall과 npm run dev를 할 필요 없음)    Via 방식 : import하게 되면 웹페이지를 로드할때 해당 파일이 같이 로드 됨 ! defer : 나머지 HTML 문서을 읽어와 파싱한후 스크립트가 import되고 실행되도록 하는 속성             (순서가없는 ul li가은 HTML요소가 먼저 실행되기 하기 위해서 적용 시키는 것이 좋음              아니면 스크립트가 얘네보다 먼저 불러오게되면 얘네가 로딩이 안 될때도 있음)script src="assets/scripts/app.js" defer >script> type="modu..