1. 컴포넌트 :: HTML 을 반환하는 함수. 기본적으로 들어있는 App.js 코드에도 이를 볼 수 있다. import React from "react"; function App() { return ( ); } export default App; 중앙에 들어있는 APP 이 바로 그 존재이다. 이것은 index.js 에서 컴포넌트로 활용된다. import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render( , document.getElementById('root') ); 바로 과 같은 형태로. React 는 component 를 사용해서 HTML 처럼 작성할 때 필요하다. 2. jsx ..

본 포스팅은 노마드코더의 강의를 바탕으로 제작되었습니다. nomadcoders.co/react-fundamentals/lobby Watch Now - 노마드 코더 Nomad Coders nomadcoders.co 니꼴라스 선생님께 무한한 감사를 드리며 만수무강 하시길 바랍니다. 본 포스팅을 시작하기 전, node.js 와 npm 과 npx 가 설치되어 있어야합니다. 만약 설치가 되어있지 않으신 분들은, ffoorreeuunn.tistory.com/199 [ Node.js ] Node.js 설치하기 & npm 설치하기 & npx 설치하기 1. Node.js 설치하기 nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built o..

1. Node.js 설치하기 nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위의 링크로 들어가줍니다. 현재 가장 최신의 LTS 버전은 14.15.5 입니다. LTS란, Long Term Support 의 약어로 장기 지원 버전이라는 뜻입니다. 저는 윈도우OS 를 쓰니까 Windows Installer 를 클릭하여 설치해줍니다. Node.js 는 윈도우즈, 맥, 리눅스 어디서든 다 사용가능합니다. 다운받은 Windows Installer 를 실행하면, 처음에는 Please wait ~~ 블라블라 하면서 기다리라고 합니다. 조금 기다려 ..

해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: jQuery Ajax jQuery이용해서 Ajax를 사용하게 되면 많은 이점이 있는데, 그 중의 하나가 크로스브라우징의 문제를 jQuery가 알아서 해결해준다는 것입니다. 뿐만 아니라 여러가지 편리한 기능들을 제공하는데, 이번 포스팅에서는 jQuery를 이용해서 Ajax 통신을 하는 법을 다루도록 하겠습니다. 자바스크립트 기본 문법 :: $.ajax jQuery는 Ajax와 관련해서 많은 API를 제공합니다. http://api.jquery.com/category/ajax/ Ajax | jQuery API Documentation Register a handler to be..