목록Web (4)
설명 쓸 데가 없어서 만든 블로그
1. 참고 블로그 : https://sejun3278.blog.me/221569448191 React로 블로그 만들기 01 : React 서버 구축하기 이번에는 Express 모듈을 이용해서 React 프로젝트의 서버를 구축해보겠습니다.일단 클라이언트와 구분... blog.naver.com 2. 참고 블로그 : https://nextus.tistory.com/21?category=802228 [ React 개발 ] 01. React에 Express 연동하기 1. React에 Express 연동하기 이전 게시글에서 구성한 프로젝트를 기반으로 진행합니다. create-react-app 으로 프로젝트를 생성하게 되면 babel, Webpack 등 여러 모듈들이 같이 설치됩니다. 여기서 Webpack 관련....
테이블 클래스 BS3, BS4는 테이블 클래스가 추가되거나 이름이 바뀌는 등 조금 다름. Ex) 같은 기능이지만 이름 다른 table-condensed(BS3), table-sm(B4) 모든 class는 중첩해서 사용할 수 있음. table : 테이블 기본 클래스. 테이블 형태 만든다. BS3는 테이블 크기가 조금 더 작음. table-striped : row 색상이 번갈아서 나옴 table table-bordered : row의 세로 테두리도 생김 table table-hover : row에 커서 올릴 때 색상 변환 table table-dark (BS4) : table 배경색 검게. table-striped 쓰면 색상 번갈아서 나오는 것도 같음 (잘 쓰이지 않음?) table-borderless : ..

문자열 클래스 display1 button display 태그에 설정돼있는 기본 크기를 무시하고 새로운 크기로 설정 -> 문자열 표시할 수 있는 태그에 적용 가능 폰트 기울기 폰트 굵기 얇음 폰트 굵기 보통 font style (BS4) : css로 설정 가능하나 간편하게 class로 생성 가능 텍스트 왼쪽 정렬 텍스트 오른쪽 정렬 텍스트 중앙 정렬 text-left, text-right, text-center : text 정렬 sm 왼쪽 정렬 md 오른쪽 정렬 lg 중앙 정렬 xl 중앙 정렬 text-scale-left, text-scale-center, text-scale-right 기본은 class 방향으로 정렬되지만 브라우저 가로 길이가 짧아지면 왼쪽으로 정렬됨. a bb ccc ddd eeeee..
부트스트랩 개요~그리드 클래스 container 영역 각각 구분할 때. 각 부분 별로 구분 시 사용 -> 브라우저 크기 따라 여백 ex) 일반적인 본문 container-fluid 브라우저 왼쪽에 고정 됨 ex) 상단 메뉴 row 방향으로 최대 12개의 열을 넣을 수 있음. -> 총 12칸. 12칸 중 몇 개 가져갈 지? 1. col-숫자 : row 방향으로 배치. 반응형은 X (bs4만) 2. col-scale-숫자 : 12칸 중 몇 칸 차지할 것인지? 일정 scale 이하면 세로로 배치됨