목록전체 글 (97)
한바다
☑️ 스트링부트 구조demo project- -src -main -java - com -example -MySpringBootApplication.java -controller :MemberController.java -model :Member.java -mapper :MemberMapper.java -service :MemberService -resource -application.properties -static -templates ..
✅ Router 란?리액트에서 라우터는 웹사이트에서 페이지를 이동하게 해주는 "길 안내표" 같은 역할을 한다.마치 마을에서 이집 저집을 방문하듯이 웹사이트의 여러페이지를 클릭하는 링크나 버튼들을 통해 쉽게 이동 할 수 있다. - 우선 라이터는 터미널에서 해당 주소로 설치해 준다. >npm install react-router-dom ✔️ tutorial-route 진행[Home.js]import React from "react";function Home() { return ( 홈페이지 메인입니다. )}export default Home;[About.js]import React from "react";function About() { return ( ..
📘 리액트에 들어간지 세번째 되는 날다시한번 React는 무엇인지 정의해본다.--개념을 머리에 익히기위해 위키 내용을 따라써본다--React는 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다. 페이스북과개별 개발자 및 기업들 공동체에 의해 유지보수된다.리액트는 싱글 페이지 애플리케이션이나 모바일 애플리케이션 개발에 사용될 수 있다. 대규모 또는 복잡한 리엑트는애플리케이션 개발에는 보통 라우팅, API통신 등의 기능이 요구되는데 리액트에는 기본적으로 제공되지 않기 때문에추가 라이브러리를 사용해야 한다. --리액트는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 └─── 자주 사용되는 기능들을 정리해 놓은 것 자주 사용되는 기능 모음..
📘 리액트는 코드를 작성하고 호스트에 실행하려면 아래와 같이 vsc로 들어가서 새터미널로 들어가야 한다. 📘 아래는 실행된 코드에 에러가 발생하여 뜬 화면이다.우선 에러가 발생했던 원인은 대소문자 구분이 안되서였다.[수정 전 코드] const [test, setTest] = usestate('A');[수정 후 코드] const [test, setTest] = useState('A');▶ s를 대문자로 입력해야 하는데 소문자로 입력 하였다.[수정 전 코드]export default state예제1;[수정 후 코드]export default State예제1; 📘 리액트 구조는 아래와 같이 public이라고 써져 있는 것은 기본 구성이기 때문에 절대 건드리지 말아야 하며유일한 html파일은 public..
☑️ 리액트와 첫만남 Node.js다운로드https://nodejs.org/en Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org해당 프로그램이 다운로드 받았는지는 cmd창에 node _V를 입력시 아래와 같은 코드가 나오면 정상 설치 된 것이다.C:\Users\user1\react-workspace>npm -v 10.7.0 ✓노드제이에스는 언어가 설치를 간단하게 해주는 실행과 설치를 간단하게 해주는 연결고리이다. 📗 React(리액트) 는 페이스북에서 만든 라이브러리, 자바스크립트 라이브러리의 하나로사용자 인터페이스를 만들기위해 ..
☑️ git pull 오류다른 조원이 마스터 깃 수정후 수정된 상황을 가져오고자 git pull을 했는데 계속 아래와 같이 오류코드가 노출 되었다.C:\Users\user1\hanbatang>git pull remote: Enumerating objects: 53, done. remote: Counting objects: 100% (53/53), done. remote: Compressing objects: 100% (22/22), done. remote: Total 31 (delta 21), reused 17 (delta 7), pack-reused 0 Unpacking objects: 100% (31/31), 8.17 KiB | 170.00 KiB/s, done. From https://github..