VS Code에서 rafce를 입력하면 리액트 기본문법이 나온다 그렇다면 Webstorm에서는 이 단축키는 무엇일까! 바로 rcc이다. rcc 이외에 자주 쓰일 것 같은 단축키들이다. Trigger Content rcc react class component rrc react class component with react-redux connect rccp react class component with Proptypes after the class rcfc react class component skeleton that contains all the lifecycle methods rsc react stateless component skeleton rscp react tateless component..

1. anaconda 설치 (https://www.anaconda.com/download) Free Download | AnacondaAnaconda's open-source Distribution is the easiest way to perform Python/R data science and machine learning on a single machine.www.anaconda.com 2. 아나콘다 파일 생성할 위치로 이동하기 3. 파이썬 버전확인 (없으면 설치)python -V 4. 콘다 폴더 만들기 5. 나오는 proceed마다 y 입력 6. 콘다 활성화하기콘다 사용 전 꼭 활성하하기, 콘다 종료 시에는 꼭 비활성화 해주어야함변경된 것 확인해야함 (base) -> (ml2024)conda ac..

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. 프로젝트 폴더를 만들고 ..

1. 컴파일러 언어 - 코드 실행 버튼을 누르면, 소스 코드 전체를 기계어로 변환하여 실행 2. 인터프리터 언어 - 코드 한 줄 한 줄 실행 3. JVM ( Java Virtual Machine ) : 자바 가상 머신 - 자바를 실행하기 위한 가상 기계(컴퓨터) - 바이트 코드라 불리는 기계어 코드를 실행하는 가상 머신 - 기계어로 해석하는 것이 아닌 가상환경이 이해할 수있는 언어(중간언어)로 번역하여 다시 실행할때 기계어로 번역 - OS에 종속받지 않고 CPU가 JAVA를 인식, 실행할 수 있게 하는 가상 컴퓨터 4. CLR ( Common Language Runtime ) : 공통 언어 런타임 - 마이크로소프트 닷넷 이니셔티브의 가상 머신 구성 요소 - 공통 중간 언어라고 불리는 바이트 코드의 형태를..

📌JAVA 환경 설정💡 JDK 설치하기JDK 다운받으려면 2가지 방법이 있는데 나는 Adoptium이 가장 쉽고 빠르다고 느껴져서 Adotium을 추천한다. 필자의 경우, 2025년 기준으로 JDK21로 설치하였음.아무리 JDK가 새로 업데이트되었다고 하더라도 안정성이 확보되지 않아 21을 선택하였다. 1. Adotium JDKhttps://adoptium.net/temurin/releases/ Latest Releases | Adoptium adoptium.net2. Oracle JDKhttps://www.oracle.com/kr/java/technologies/downloads/ Download the Latest Java LTS FreeSubscribe to Java SE and get the ..

// 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..