1. Node.js 설치 (https://nodejs.org/en) 2. Node.js 버전 확인 노드 -v 3. IDE 통합 개발 환경 설치하기 - IDE(통합 개발 환경)- 종류: VS Code( https://code.visualstudio.com/download ), Webstorm( https://www.jetbrains.com/webstorm/ ) 4. 리액트 파일 만들기 4-1. terminal에서 리액트 프로젝트 폴더부터 파일까지 만들기 위치 : 폴더(문서) -> 폴더(React) -> 프로젝트 React 폴더 우클릭해서 "폴더에서 새 터미널 열기" 클릭 터미널에서 명령어 입력하여 프로젝트 폴더,파일 생성 npx create-react-app 프로젝트폴더명 4-2. 프로젝트 폴더를 만들고 ..
JDK 다운받으려면 2가지 방법이 있는데 나는 Adoptium이 가장 쉽고 빠르다고 느껴져서 Adotium을 추천한다. 1. Adotium JDK https://adoptium.net/temurin/releases/ Latest Releases | Adoptium adoptium.net 2. Oracle JDK https://www.oracle.com/kr/java/technologies/downloads/ Download the Latest Java LTS Free Subscribe to Java SE and get the most comprehensive Java support available, with 24/7 global access to the experts. www.oracle.com
// turtle_co/src/App.js import React, { useEffect, useState } from 'react'; import {Routes, Route, Link} from "react-router-dom"; import './App.css'; function App() { // 맨 밑에 드래그 const [notificationPermission, setNotificationPermission] = useState(null); // Notification 권한 요청 const requestNotificationPermission = () => { Notification.requestPermission().then(permission => { setNotificationPermis..
{/*---App.js-------------------------------*/} import dollimpanImg from './Images/dollimpan_img.png'; import dollimpanText from './Images/dollimpan_text.png'; function App() { {/*---돌림판---------------------------------*/} } /*mid-part : 돌림판*/ .bottom-part { margin-top: 50px; } .dol-lim-pan { position: relative; width: 300px; height: 300px; margin: 0 auto; } .dol-lim-pan img { position: absolute;..
1. 기본 print(149) >>> 149 print(13+14) >>> 27 print("Hello") >>> Hello print('my name') >>> my name print("""is""") >>> is 2. 특수기호 사용 print("""I'm happy""") >>> I'm happy print('''"안녕하세요"라고 말했다''') >>> "안녕하세요"라고 말했다 print("I\'m sad") >>> I'm sad 3. print를 한 번만 사용하여 2줄로 출력하기 print("my name is \n ddah0329") >>> my name is >>> ddah0329 # 맨안에 한 칸 띄어진 이유는 \n 띄고 ddah0329를 했기때문 print("""my name is ddah0..
// turtle_co/src/App.js import React, { useEffect, useState } from 'react'; import './App.css'; function App() { const [scrollPosition, setScrollPosition] = useState(0); useEffect(() => { const handleScroll = () => { setScrollPosition(window.scrollY); }; window.addEventListener('scroll', handleScroll); return () => { window.removeEventListener('scroll', handleScroll); }; }, []); // Calculate the..