| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |
- html
- 조건문
- db
- SpringBoot
- 자료구조
- Java
- 이클립스
- javascript
- Thymeleaf
- React
- Scanner
- string
- jsp
- Oracle
- rpa
- Uipath
- MVC
- Eclipse
- JDBC
- mysql
- 배열
- Database
- API
- Controller
- spring
- Board
- PostgreSQL
- 문자열
- jquery
- Array
- Today
- Total
목록React (6)
유정잉
1) GitHub Token 발급 -> Settings - Developer settings -> New personal access token(classic) 2) Jenkins 관리 -> Plugins -> Avaliable plugins -> github integration 검색 -> Install 3) 설치 한 후 Jenkins 관리 -> Credential -> Stores scoped to Jenkins에 (global) 클릭 -> Add Credentials 버튼 클릭 4) Kind : Secret text & Secret : Github Token & ID랑 Description은 원하는대로 주면 됨 ! 5) Jenkins 관리 -> System -> GitHub Server 추..
[ Tailwind Css 명령어 ]C:\react\unit01\react01>npx create-react-app react01C:\react\unit01\react01>npm install -D tailwindcssC:\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 (만약에 중복 파일 있어서 오..
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..
[ state로 입력값 관리 - e.target.value ]1) Join2.jsximport { useState } from "react";const Join2 = () => { const [input, setInput] = useState({ name: "", email: "", language: "", memo: "", }); const onChangeName = (e) => { //함수 setInput({ ...input, //[e.target.name]:e.target.value, name: e.target.value, }); cons..
[ 배열구조분해할당과 객체구조분해할당 ] 배열은 [] 대괄호 , 객체는 {} 중괄호 사용 1) finder -> 문서 -> test04 파일 생성 -> index.html 파일 생성 -> script src="unit.js">script> 로 unit.js로 연결 -> unit.js 파일 생성 -> 1. 배열구조분해할당 2.객체구조분해할당 [ ...연산자(spread 연산자) ] 객체나 배열에 저장된 여러개의 값을 개별로 흩뿌려줌 [ {중괄호}를 이용한 컴포넌트 if문 함수 사용법 ] 1) src/componentes/Main.jsx에서 리액트에서 if문 함수 작성 -> return 뒤에 태그가 등장하면 ? 컴포넌트 ! -> JSX 파일에서는 반드시 요소 여러 개를 하..
[ node.js 다운로드 & 경로설정 ] 1) node.js 다운로드 검색 (20대 버전 짝수 버전 다운로드) 2) 터미널 창에서 node.js 설치 잘 되었는지 확인 (node -v) 3) Document -> react -> test01 -> VSCode에서 파일 폴더열기 test01 4) 🩷 command + J = VSCode에서 터미널창 열기 -> npm init -> 패키지 이름 test01 -> 나머지 다 엔터 -> package.json 파일 생성 5) index.js 새로운 파일을 만들고 console.log로 메세지 입력후 터미널에서 node index.js 를 입력하면 터미널에 출력 됨 6) 만약에 index.js을 src라는 폴더 안에 생성하면 경로를 node src/..