본문 바로가기
728x90

🤙🏻 All121

💻 TIL 21일차 - 21.07.12 ✍🏻 오늘 배운 것, Key Point React State & Props props는 컴포넌트의 속성을 의미하며 성별이나 이름처럼 변하지 않는 외부로부터 전달받은 값으로, 웹 어플리케이션에서 해당 컴포넌트가 가진 속성에 해당한다. 부모 컴포넌트(상위 컴포넌트)로부터 전달받은 값이며 props를 함수의 전달인자(arguments)처럼 이를 기반으로 화면에 어떻게 표시되는지를 기술하는 React 엘리먼트를 반환한다. 객체 형태이며 외부로부터 전달받아 변하지 않는 값이다. 그렇기에 함부로 변경할 수 없는 읽기 전용 객체가 되었다. State는 애플리케이션의 '상태'를 의미하며 Toggle Switch나 Counter처럼 컴포넌트 내부에서 변할 수 있는 값이다. 쇼핑몰 장바구니를 예로 들어본다면 사용자가 구매.. 2021. 7. 12.
(1-1) Linux 기초 - CLI 기본 명령어 (1) CLI(Command-Line Interface)는 명령어를 입력해 컴퓨터를 조작하는 방식을 말한다. CLI와 같은 기능을 담당하지만 대부분의 PC에서는 GUI(Graphical User interface)를 적용하고 있다. GUI는 macOS, 또는 Linux에서 사용자가 화면을 통해 컴퓨터와 소통하는 방식을 말한다. 우리는 GUI가 익숙하기 때문에 CLI로 컴퓨터와 소통하는 일이 낯설 수 밖에 없다. 그러나 CLI의 강력한 명령어를 사용해보면 CLI의 무한한 능력과 파워에 매료될 것이다. 그럼 이제 우리가 기본적으로 알아야 하는 CLI 명령어에 대해 안내해보도록 하겠다. CLI 기본 명령어 리눅스 터미널에서 쓸 수 있는 기본적인 명령어를 알아보자. pwd 현재 위치를 확인 mkdir 새로운 폴더 생성.. 2021. 7. 10.
(1-5) HTML/CSS 기초 - CSS 기초 (박스 모델) 모든 콘텐츠는 영역이 있다. 모든 컨텐츠는 각자의 영역을 가지며 일반적으로 하나의 콘텐츠로 묶이는 엘리먼트(요소)들이 하나의 박스가 된다. 박스는 항상 직사각형이고 너비와 높이를 가진다. CSS를 이용해 속성과 값으로 그 크기를 설정한다. 다음 예제에 width와 height 속성을 넣어 테스트해보자. 박스가 차지하는 영역을 시각적으로 확인하기 위해 배경색을 꼭 넣어보자. Basic document flow I am a basic block level element. My adjacent block level elements sit on new lines below me. By default we span 100% of the width of our parent element, and we are as .. 2021. 7. 10.
(1-4) HTML/CSS 기초 - CSS 기초 (텍스트 꾸미기) 글자의 속성을 바꾸는 속성은 color이다. 속성에 삽입할 수 있는 값은 HEX (16진수로 RGB; Red Green Blue가 표현된 값) 또는 주요 색상의 이름을 사용할 수 있다. .red { color: #ff0000; } [코드] red class의 color 속성에 #ff0000 값을 할당한다. .box { color: #155274; /* 글자 색상 */ background-color: #d4edda; /* 배경 색상 */ border-color: #c3e6cb; /* 테두리 색상 */ } [코드] 글자, 배경, 테두리의 색상은 각기 다른 속성을 가지고 있다. 글꼴 글꼴의 속성은 font-family 이다. .emphasize { font-family : "SF Pro KR", "Malgun.. 2021. 7. 10.

티스토리툴바