TIL 20.10.24

TIL 20.10.21

BRANDI

로지텍 공식 홈페이지 클론 프로젝트

componentDidMount()fetch() → 호출할 API 주소: https://jsonplaceholder.typicode.com/userssetState() → state 객체 내에 monsters 라는 key 값에 저장API 호출 후 저장한 배열을

1. State 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값 화면에 보여줄 컴포넌트의 정보를 지니고 있는 객체 state에서 상태값을 설정하는 이유는 컴포넌트 안의 요소에서 상태값을 반영해서 데이터가 바뀔 때마다 효율적으로 UI에 나타내기 위함 2. State 객

1. SPA(Single Page Application) 페이지가 한 개인 애플리케이션 리액트 프로젝트에서 파일의 개수는 1개 2. Routing 다른 경로에 따라 다른 화면(view)를 보여주는 것 리액트 자체에는 이러한 기능니 내장되어 있지 않기 때문에 Fram

handleIdValue함수와 handlePwValue를 합치는 handleInput함수const { name, value } = e.target;\-> e.target.name\-> e.target.value<input className="idValue" typ

웹이 복잡해지면서 지속적으로 데이터가 변화하는 대규모 애플리케이션을 구축하기 위해 등장한 라이브러리사용자 인터페이스를 만들기 위한 javascript 라이브러리MVC(Model-View-Controller) architecture 중 view만 담당가상돔(이전 UI상태

class명이 'loginBtn'인 요소가

get_find함수 문자와 문자열이 주어졌을때, "get_find" 함수는 주어진 문자열에서 주어진 문자가 나타나는 첫번째 위치를 반환합니다. >Notes: 문자열의 첫번째 문자는 인덱스 값 0 을 가집니다. 만약 문자열에 해당 문자가 여러번 나타나면, 첫번째로 나타

변수가 쓰일 수 있는 범위중괄호{}로 감싸진 부분block 밖block 밖에서 정의된 변수if, switch, for, while 안 {} 범위block 내부에서 정의된 변수block 밖에서 사용할 수 있는 변수 이름global 변수를 남용하여 코드가 지저분해 지는 것

class 이름: Car / 항상 대문자로 시작하고, CamelCase로 작성class를 통해 생성된 개체class의 property이름과 method를 갖는 객체Class 이름에 new를 붙여서 생성클래스 이름 우측에 () 괄호를 열고 닫고, 내부에는 construc

시맨틱 웹(Semantic Web)은 '의미론적인 웹'이라는 뜻으로,현재의 인터넷과 같은 분산환경에서 리소스(웹 문서, 각종 화일, 서비스 등)에 대한 정보와 자원 사이의 관계-의미 정보(Semanteme)를 기계(컴퓨터)가 처리할 수 있는 온톨로지 형태로 표현하고,

줄바꿈이 되지 않고 width와 height를 지정할 수 없다. 뒤에 나오는 요소 또한 줄바꿈이 되지 않는다. <span></span> <a></a> 줄바꿈이 되지 않지만 크기를 지정할 수 있다. <button> <select>다른 요소

float 속성은 웹 요소를 문서의 왼쪽 혹은 오른쪽 구석에 배치한다.left: 해당 요소를 문서의 왼쪽에 배치right: 해당 요소를 문서의 오른쪽에 배치none: 좌우 어느 쪽으로도 배치하지 않음 float 속성을 이용하면 그 다음에 넣는 다른 요소에도 똑같은 속성

1. position 속성 1) relative 별도의 프로퍼티를 지정하지 않으면 static과 동일 상대 위치가 지정된 엘리먼트에 top, right, bottom, left를 지정하면 위치가 조정됨 2) absolute 가장 가까운 곳에 위치한 조상 엘리먼트