본문 바로가기

분류 전체보기52

[HTML] 테이블 셀 합치기 키워드: rowspan(세로로 합치기) / colspan(가로로 합치기) 알듯말듯한데 예제랑 함께 적어보는 정리 구조 : 테이블의 row(가로줄) : 테이블의 head (제목 부분) : 테이블의 data (셀) 목표로 하는 테이블 구조 코드 구분 조건 상세 0101 0202 0303 0404 0505 0606 0707 0808 0909 1010 1111 1212 1313 1414 1515 1616 결과 2022. 12. 19.
[React_강의] 6. create-react-app, 기본컴포넌트/함수컴포넌트 1) create-react-app 생성 - npm 설치 - create-react-app 모듈 설치 - 프로젝트 생성: create-react-app [프로젝트명] 2) 함수 컴포넌트 사용하는 방법 컴포넌트는 기본적으로 function을 통해서 만들어줌 컴포넌트는 하나의 완성된 기능 [index.js] import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; function SeeSharpGuide() { return ( 강좌 리스트 리액트 소개 리액트 개발환경구축 리액트 Hello.. 2022. 9. 26.
[React] 주석 다는법 3가지 방법이 있음. - JSX에선 // 이용 - /* */은 한줄짜리 - {/* */}은 여러줄짜리 : 근데 직접 해보니 최고 엘리먼트는 냅둬야하는것 같다. {/* */} 처럼. 2022. 9. 26.
[React] 18 버전/이하 버전 모듈 차이+다운그레이드 강좌에서 쓰는 리액트와 현재 쓰는 리액트가 다른 것 같다. create-react-app을 똑같이 생성해줬건만.... 참고로 내 create-react-app 모듈의 버전은 5.0.1이다. 강좌에선 내쪽에선 왜 이런가 찾아봤더니 올해 22년도 3월부터 리액트18 버전이 나왔다고 한다. 그게 지금 내쪽 코드이고... 강의 v18 이전 버전: react-dom 모듈을 사용하여 DOM을 렌더링함. 내가 받은것 v18 버전: 새로 생긴 react-dom/client 모듈을 사용하여 DOM을 렌터링함 아무래도 create-react-app 5.0.1은 리액트 v18을 지원하는 듯하다. package.json에서 확인하니 다음과 같았다. 18버전은 아직 나온지 얼마 되지 않았고 나는 처음 배우는 입장이니 강의에 맞.. 2022. 9. 26.