JudithHopps JudithHopps

display :block, inline 요소를 블록과 인라인 요소 중 어느 쪽으로 처리할지와 함께, 플로우, 그리드, 플렉스처럼 자식 요소를 배치할 때 사용할 레이아웃을 설정합니다. border-radius 테두리 경계의 꼭짓점을 둥글게 만듭니다. 하나의 값을 사용해 원형 꼭짓점을, 두 개의 값을 사용해 타원형 꼭짓점을 적용할 수 있습니다. margin 요소의 네 방향 바깥 여백 영역을 설정합니다. margin-top, margin-right, margin-bottom, margin-left의 단축 속성입니다. padding 요소의 네 방향 안쪽 여백 영역을 설정합니다. padding-top, padding-right, padding-bottom, padding-left의 단축 속성입니다. 출처 : h..

1. Git 설치하기 Git이란?? 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템이다. 아래 링크 참고하셔서 설치하시면 됩니다. https://taewow.tistory.com/13 [GITHUB 입문] Git 설치하기(2.35.1 이상, 상세한 설치법) [GITHUB 입문] 깃허브 사용법 - 2 Git 설치하기 Git과 GitHub에 관해 다룬 이전 글([GITHUB 입문] Git과 GitHub의 차이)을 작성하다 보니 한 가지 아쉬움이 있었습니다. 독자가 Git을 설치하여 직접 따라 하면 taewow.tistory.com 2. git clone git clone이란?? 원격 저장소에 있는 코드를 내 컴퓨터에 복제할때 사용한다. 사..

BrowserRouter HashRouter URL뒤에 아무것도 붙지 않는다. 웹 서버 설정에 따라 어떤 패스로 들어오든 루트 페이지에 있는 HTML 파일을 서비스할 수 있다면 BrowserRouter을 사용 URL에 #이 붙는다. (#뒤 내용은 북마크라는 뜻이다) 웹 서버는 #문자 뒷부분의 주소를 무시한다. 웹 서버 설정에 따라 어떤 패스로 들어오든 루트 페이지에 있는 HTML 파일을 서비스할 수 없다면 Ha shRouter 사용

※ react-router-dom 설치하기 cmd에 npm install react-router-dom 입력 참고도서) 생활코딩! React 리액트 프로그래밍 http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791158392376 생활코딩! React 리액트 프로그래밍 - 교보문고 처음 프로그래밍을 시작하는 입문자의 눈높이에 맞춘 | 생활코딩은 일반인에게 프로그래밍을 알려주는 것을 목적으로 하는 비영리 교육 활동으로, 이 책은 생활코딩에서 제공하는 수업 가운데 www.kyobobook.co.kr p259 Switch컴포넌트를 이용해 exact라는 속성을 사용하지 않는 효과를 내고 있다. function A..

bind란? bind자체의 의미는 '뭔가를 엮는다'라는 뜻이다. 함수 객체의 bind 함수를 호출하면 함수 내의 this가 변경된 새로운 함수를 만들 수 있다. setState란? state를 바꿔야 할 때 사용해야 한다. ※ 리액트는 state 함수를 사용하면 state의 값이 변경된 것을 모르기 때문이다.

변경 후 코드 {this.state.subject.title} {this.state.subject.sub} 1. 함수 뒤에 .bind(this) 추가하기 2. this.setState함수 호출해서 변경하기 변경 전 코드 {this.state.subject.title} {this.state.subject.sub}

props VS state 차이점 props state 차이점 읽기 전용(read only) 상위 컴포넌트가 하위 컴포넌트에게 어떤 데이터를 전달할 때 사용 수정가능 (setState) 컴포넌트 명령 상위 컴포넌트가 하위 컴포넌트에게 명령할 때는 props를 이용하고, 하위 컴포넌트가 상위 컴포넌트에게 명령할때는 이벤트를 쓴다.

TypeScript의 Typeof 유형 1. string String String 타입은 텍스트 데이터를 나타낼 때 사용합니다. String은 16비트 부호 없는 정수 값 "요소"로 구성된 집합으로, 각각의 요소가 String의 한 자리를 차지합니다. 첫 번째 요소는 인덱스 0에, 그 다음 요소는 인덱스 1, 그 다음은 2, ...입니다. String의 길이는 그 안의 요소 수와 같습니다. 2. number Number 타입은 배정밀도 64비트 이진 형식 IEEE 754 값(-(2^53 − 1)부터 2^53 − 1까지의 수)입니다. Number 타입은 부동소수점 숫자 외에도 +Infinity, -Infinity, NaN("Not a Number") 세 개의 상징적인 값을 가집니다. 3. bigint Bi..