[CSS]전체 width 차지

부모 태그 width의 100% 사용

1일 전
·
0개의 댓글

[CSS]box 나란히 배치하는 방법

모든 div태그는 display: block(가로행 전부 차지) 가짐그래서 각각 div를 주면 아래로 차곡차곡 쌓임box 나란히 배치하려면 float: left해줘야함(요소를 붕 띄워서 왼쪽 정렬)즉, box 가로배치시 근데 float: left;를 하고 나면 다음에

1일 전
·
0개의 댓글

[CSS]box-shadow

선택한 요소에 그림자 효과 제공하는 속성기본값: none상속 : X

1일 전
·
0개의 댓글

[CSS]부모->자식 상속 스타일

일부 스타일은 부모 -> 자식 inherit 된다. 글자 각각에 class를 주지 않아도 부모 class에 스타일을 주면 자식이 상속 받아서 변경된다 ex) font-size, color, font-family ...

1일 전
·
0개의 댓글

[CSS]display: block 을 기본으로 갖는 태그

, , 특징 display: block 이 기본으로 있음 가로행을 전부 차지한다는 뜻

1일 전
·
0개의 댓글

[CSS]margin, padding, border, content

상하좌우 여백상하좌우 안쪽 여백테두리안의 내용물(글, 그림 등)

1일 전
·
0개의 댓글

[CSS]이미지, 글자 가운데 정렬

이미지 가운데 정렬 글자 가운데 정렬

1일 전
·
0개의 댓글

[React] 최신버전 Route 수정법(Route, component->element, {<Home />}

Route를 작성할 때 반드시 Routes로 Route를 감싸주어야 한다...즉, 가장 큰 부분은 BrowserRouter로 감싸고, 그 안에 Routes로 감싸고 그 안에 Route를 써야하는 것이다. 또, component 대신에 element를 써줘야 하고, 예전

2022년 5월 20일
·
0개의 댓글

[React] Redux

Redux 쓰는 이유1\. props 문법 귀찮을 때 쓴다. 모든 Component가 props없이 state 직접 꺼낼 수 있음. 2\. 상태관리가 용이 (state관리가 용이)Redux에다가 state다 넣어놓기!props 문법 귀찮을 때 쓴다. 모든 Compone

2022년 5월 20일
·
0개의 댓글

[React]Component

컴포넌트 만드는 법1\. function 만들고2\. return() 안에 html 담기3\. &lt;함수명>&lt;/함수명> 쓰기 or &lt;함수명 />다른 function의 바깥에 만들어야함영어는 대문자로 써야함한 return문 안에는 하나의 큰 부모 div만 있

2022년 5월 20일
·
0개의 댓글

[React]state가 array/object라면?

array/object 다룰 때 원본은 보존하는게 좋다. 나중에 필요할 수도 있기 때문에기존state == 신규 state의 경우 변경 안해줌 (자원절약차원) array/object 담은 변수엔 화살표만 저장됨이 때, array를 수정하면 변수에 있던 화살표는 수정이

2022년 5월 20일
·
0개의 댓글

[React] onClick

ERROR는 에러라 중요WARNING은 무시 가능function 함수() {}태그 내부에 함수 그냥 넣기태그 내부에 arrow function 넣기 ( ) => { }onClick={}안엔 함수이름을 넣어야 함등호로 변경금지 !! 반드시 state 변경함수를 써야한다.

2022년 5월 20일
·
0개의 댓글

[React] state

return () 안에는 병렬로 태그 2개 이상 기입 금지자료 잠깐 저장할 땐 변수(let, const)자료 잠깐 저장할 때 state 써도 됨a : state에 보관했던 자료 나옴 >> 남자 코트 추천이 나옴(작성은 { a })b : state 변경 도와주는 함수Q.

2022년 5월 20일
·
0개의 댓글

[React] JSX 문법

1.class넣을 땐 className변수 넣을 땐 {중괄호}style 넣을 땐 style={{스타일명 = "값"}}object 형식으로 작성해주어야 함원래 css코드랑 조금 다르기 때문에 구글링하기

2022년 5월 20일
·
0개의 댓글

[React] React 설치 및 시작

static 파일 모아놓는 곳코드 짜는 곳 (소스코드 보관함)프로젝트 정보리액트의 장점은 새로고침을 안해도 코드를 변경하면 실시간으로 확인할 수가 있다는 것!!App.js 에 있는 코드들을 index.html로 보내준다. 그래서 index.html에는 내용이 하나도 없

2022년 5월 20일
·
0개의 댓글

[백준 알고리즘] 2단계 : 조건문 (1번~7번)

1단계 (문제번호 : 1330) 두 수 비교하기두 정수 A와 B가 주어졌을 때, A와 B를 비교하는 프로그램을 작성하시오.map() : 한 줄로 문자열을 입력받아서 string을 int형의 숫자로 변환해주는 함수. 콤마(,)를 사용해 함수를 작성해줄 수 있다. 반드시

2022년 5월 20일
·
0개의 댓글

[백준 알고리즘] 1단계 : 입출력과 사칙연산 (1번~13번)

Hello World!를 출력하시오.두 줄에 걸쳐 "강한친구 대한육군"을 한 줄에 한 번씩 출력한다.print("강한친구 대한육군")을 연달아 2번 입력해서 출력을 할 수도 있지만, 최대한 간결한 코드를 작성하기 위해 반복되는 코드는 for문을 이용하였다!for i i

2022년 5월 18일
·
0개의 댓글