본문 바로가기

IT 공부26

React 기초, Component react 좋은 이유- SPA (single page application) -> 페이지 전환 부드럽게- component -> html 재사용성 굿- 데이터가 html 재렌더링 자동반영 웹페이지는 html에서 이용해야함. 근데 어떻게 자바스크립트로 가능하냐?App.js - (index.js)-> index.htmlindex.js가 App.js 를 index.html로 바꾸줌 state 사용하고 싶을떈,useState를 사용해서 변수에 담자let[a, b] = useState('zzz');-> a는 변수, b는 변경함수let [a, c] = [1, 2]; -> destructuring 문법원래는 let a= num[0]; let c = num[1] ; shallow copy/ deep copylet.. 2024. 11. 22.
React에서 JSX사용, state 변경 html이 아닌 JSX 문법 사용 리액트 데이터 바인딩 쉽게 됨서버에서 가져와서 html에 보여주는 방식원래는 let post = document.getElementById. 이런 방식 써야했음리액트에서는 중괄호 사용해서 { post } 변수명으로만 써서 가능. => 코드 간결 변수나 함수로도 html을 동적으로 사용가능 src, id, href, class name 등의 속성을 {} 안에 변수나 함수명을 써서 쓸 수 있음 -> 개편함 변수 저장시1. 변수 2. state변수 대신 쓰는 데이터 저장공간 -> stateusrState() 이용문자, 숫자, object 등 다 넣을 수 있음var [a, b] = [10, 100];// var a = 10, var b= 100// destructuring 문법.. 2024. 11. 21.
React 기초, 리액트란 리액트란?UI를 만들기 위한 자바스크립트 라이브러리.자바스크립트로만 화면 개발은 가능해도, 시간도 오래걸리고 복잡함. 리액트 사용하는 이유?리액트 네이티브로 한 코드로 안드로이드랑 ios 개발 가능(여러 운영체제에서 가능한 크로스플랫폼)새로고침 없이 사이트에서 이용 가능 -> 웹 앱 만들때 유용함.1. 모바일앱 발행 쉬움2. 앱처럼 뛰어난 UX3. 개발자 시장성  컴포넌트 : UI를 재사용하기 위한 코드조합 리액트 설치1. nodejs 최신버전 -> 구글에 nodejs 검색(create react app 사용하기 위한 node js)터미널에서 node -v , npm -v 로 잘 설치되었나 확인, 버전확인(npm은 라이브러리 쉽게 설치 가능하게하는 툴)2. editor 다운 -> 비주얼스튜디오 코드 검색.. 2024. 11. 21.
Git 과거 버전으로 돌아가기 reset vs revert reset git reset e8a89fecfdb3eceabc4d3809565d67683cb5e684 --hard 해당 커밋상태의 코드로 돌아가있음. log도 사라짐 -> reset은 내 컴퓨터에 있는 버전에 대해서만 사용해야한다 공유해야할 때 하면 안됨 revert : 해당 버전을 취소한 내용을 새로운 버전으로 생성 참고) https://opentutorials.org/course/2708/15210 2019. 10. 20.