목록Web Application Server (WAS) (37)

YYYEJI

[React] JSX(JavaScript XML)에서 웹 브라우저가 이해할 수 있는 코드로 변환하기

https://yyyeji.tistory.com/383 [React] 리액트(React) 기본 리액트(React)란? JavaScript 라이브러리의 하나로 사용자 인터페이스를 만들기 위해 사용되는 웹 프레임워크입니다. 아래 방식은 리액트를 시작하기 전 리액트를 이해하기 위한 리액트를 사용하는 yyyeji.tistory.com 우리는 위에 봤던 코드를 JSX코드로 변경시켜 줄 예정입니다. JSX(JavaScript XML)는 JavaScript에 XML을 추가한 확장한 문법입니다. 우리는 JSX 문법을 사용하지만 웹 브라우저는 JSX 문법을 이해하지 못합니다. Babel을 사용해서 JSX문법을 웹 브라우저가 알아듣을 수 있는 코드로 변경합니다. 에러없이 웹 브라우저가 잘 작동하는 것을 확인할 수 있습니다..
Web Application Server (WAS) 2023. 1. 6. 02:07
[React] 리액트(React) 기본

리액트(React)란? JavaScript 라이브러리의 하나로 사용자 인터페이스를 만들기 위해 사용되는 웹 프레임워크입니다. 아래 방식은 리액트를 시작하기 전 리액트를 이해하기 위한 리액트를 사용하는 어려운 방식입니다. 해보면서 리액트에 대한 이해도를 높이기만 하면 됩니다. 외울 필요가 전혀 없는 코드입니다! 기본적으로 시작하기 위해 기본 html 파일에 첫 번째 링크의 역할은 웹 페이지의 UI와 상호작용(interactive)을 잘할 수 있도록 도와주는 역할을 하고, 두 번째 링크의 역할은 react element를 html 안에서 사용할 수 있도록 도와주는 역할을 하는 library 또는 package입니다. React의 복잡한 문법 React.createElement() React.createEle..
Web Application Server (WAS) 2023. 1. 6. 00:25
[jQuery] jQuery 기본 문법

jQuery란? JavaScript의 생산성을 향상시켜주는 JavaScript 라이브러리입니다. jQuery 특징 - Element를 쉽게 선택 가능하다. - 선택된 Element를 효율적으로 제어 가능하다. - JavaScript의 라이브러리이다. jQuery 문법 $('selector').method(); method 뒤에 .(dot)을 붙여서 method를 체인처럼 이어붙일 수 있습니다. 사용법에 대해 알아봅시다. 선택자(Selector) 선택자는 CSS 속성값을 정용하기 위해 HTML의 어떤 요소를 선택해야 하는지 브라우저에 알려주는 요소입니다. (jQuery 문법인 $(제어대상).method()에서 $(제어대상)입니다.) $("p") // tag의 모든 요소 선택 $("#s_id") // id가..
Web Application Server (WAS) 2023. 1. 5. 16:08
[MacOS] dothome 배포하기

웹 호스팅 주소를 얻었으니 배포를 해보도록 하겠습니다. ↓↓↓ 닷홈 무료 주소 받기 ↓↓↓ https://yyyeji.tistory.com/361 [MacOS] 닷홈(dothome)으로 웹호스팅하기 Dothome이란? 웹 호스팅을 하기 위해서는 서버(도메인)가 필요합니다. 닷홈은 서버 즉 웹상의 공간을 대여해주는 서비스입니다. dothome 무료 도메인 받기 https://www.dothome.co.kr/web/free/index.php 닷홈 호 yyyeji.tistory.com 배포하기 filezilla를 열어주세요! Host - id.dothome.co.kr/ (도메인) Username - id Password - pw Port - 21 입력을 하고 Quickconnect를 눌러주세요. 연결(conn..
Web Application Server (WAS) 2022. 12. 30. 20:57
[MacOS] 리액트(React) 설치하기

리액트(React)란? JavaScript 라이브러리의 하나로 사용자 인터페이스를 만들기 위해 사용되는 웹 프레임워크입니다. Node.js 설치하기 https://yyyeji.tistory.com/372 [MacOS] 원하는 버전의 Node.js 설치하기 Node.js란? 서버를 구축하고 서버에서 JavaScript가 작동되도록 해주는 (chrome V8 JavaScript 엔진으로 빌드 된) JavaScript 런타임입니다. ↓↓↓ 설치하기 ↓↓↓ https://nodejs.org/ko/download/releases/ 이전 릴리스 yyyeji.tistory.com React 설치하기 $ npm install -g create-react-app 위에 명령어로 react를 설치해주세요! 아래 명령어는 버..
Web Application Server (WAS) 2022. 12. 29. 22:44
[MacOS] 원하는 버전의 Node.js 설치하기

Node.js란? 서버를 구축하고 서버에서 JavaScript가 작동되도록 해주는 (chrome V8 JavaScript 엔진으로 빌드 된) JavaScript 런타임입니다. ↓↓↓ 설치하기 ↓↓↓ https://nodejs.org/ko/download/releases/ 이전 릴리스 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 원하는 버전의 node.js를 찾습니다. 원하는 버전을 찾으면 초록색 다운로드 버튼을 누릅니다. MacOS의 경우 .pkg 를 다운받으면 됩니다. Finder - Downloads 폴더에서 .pkg 파일을 더블 클릭합니다. 설치를 해줍니다! 잘 설치 되었는지 ..
Web Application Server (WAS) 2022. 12. 29. 22:34
[MacOS] 리액트(React) 설치하기

리액트(React)란? 사용자 인터페이스를 만들기 위해 사용하는 오픈 소스 JavaScript 라이브러리입니다. 원하는 버전의 Node.js 설치하기 https://yyyeji.tistory.com/372 [MacOS] 원하는 버전의 Node.js 설치하기 Node.js란? 서버를 구축하고 서버에서 JavaScript가 작동되도록 해주는 (chrome V8 JavaScript 엔진으로 빌드 된) JavaScript 런타임입니다. ↓↓↓ 설치하기 ↓↓↓ https://nodejs.org/ko/download/releases/ 이전 릴리스 yyyeji.tistory.com 리액트(React) 설치하기 $ npm install -g create-react-app create-react-app -V node.j..
Web Application Server (WAS) 2022. 12. 29. 00:57
[MacOS] 닷홈(dothome)으로 웹호스팅하기

Dothome이란? 웹 호스팅을 하기 위해서는 서버(도메인)가 필요합니다. 닷홈은 서버 즉 웹상의 공간을 대여해주는 서비스입니다. dothome 무료 도메인 받기 https://www.dothome.co.kr/web/free/index.php 닷홈 호스팅 닷홈은 도메인, 무료 웹호스팅, 웹빌더, 메일호스팅, SSL보안인증서, 서버호스팅, 코로케이션 등 다양한 호스팅 서비스를 제공하고 있습니다. www.dothome.co.kr ↑↑↑ 위에 링크로 들어가주세요 ↑↑↑ ① DOTHOME에 로그인을 해주세요! ② 웹호스팅에 있는 무료호스팅을 클릭해주세요. ③ 신청하기 눌러주시면 됩니다. ④ 이용안내 확인 - 서비스 신청 및 결제 - 완료 이 단계에서는 웹호스팅 설정 정보 입력, 확인 단어 입력, 이메일 인증을 ..
Web Application Server (WAS) 2022. 12. 28. 04:56
이전 Prev 1 2 3 4 5 Next 다음