리액트 사용 1주차
리액트 사용 2주차
리액트 사용 3주차
리액트 사용 4주차
리액트 사용 5주차
프론트엔드 심화 1주차
리액트 심화 2주차
프론트엔드 심화 3주차
border-collapse 표 테두리(border)를 분리(separated)할지 합칠지(collapsed)를 결정합니다. 이거 안쓰면 HTML 기본이 분리(spearated)라서 표에 간격이 생긴다.이런식으로 말이다. ↓td에 높이와 넓이 120px씩 주었다.th태
3.2 Searching For Elements _html 값을 js로 불러오는 방법! getElementsByClassName() : array를 반환 getElementsByTagName() : array를 반환 getElementById : 하나의 값 queryS
위에 두 코드는 동일하나 addEventListener를 선호하는 이유는 removeEventListener을 통해서 event listener을 제거할수있기 때문이다. document에서 body,head,title 은 중요해서 언제든 ex) document.b
form을 submit하면 브라우저는 기본적으로 페이지를 새로고침 하도록 되어있다. 이것은 우리가 원하는 것이 아님! 따라서 preventDefault() 함수를 추가함으로써 브라우저의 기본 동작을 막을 수 있다!! loginSubmit 함수부분에 아규먼트로 eve
🎇공식문서Storage에 정보저장을 할 수 있음.localStorage.setItem("username","youngeun")저장한거 가져올 수 있음.localStorage.getItem("username")저장한 거 삭제localStorage.removeItem("
<들어가기 앞서>노마드 코더 강의를 보며 정리한 글입니다. 특정 시간마다 함수를 반복해서 실행한다. ex) setInterval(sayHello,1000); 1초마다 sayHello 함수 실행시간이 흐르고 딱 한 번 보여짐.공식문서시계가 나오게 된다.여기서 get
이 부분 중요! 앞쪽에 quotes배열을 넣어주고 그 길이 만큼 곱해서 랜덤 수를 지정해주었다. 그리고 Math.floor함수를 넣어서 소숫점 자리를 내려 주었다. 그러면 quotes배열의 해당값이 변수 todaysQuote에 나오고 innerText로 화면에 보여지게
컴포넌트 생명주기
appendChild() append()로는 문자열도 추가가 가능한데, appendChild()로는 객체만 추가할 수 있다. li.append("문자열") → (가능) li.appendChild("문자열") → (불가능 - typeError) >todo.js 일단
같은 팀원 분이 알려주신 내장함수 toggle! 이렇게 간편하게 한줄로 class를 붙일 수 있다니~~
React는 자바스크리브 라이브러리이다. 1) 프레임워크 : 원하는 기능 구현에 집중하여 개발할 수 있도록 필요한 기능을 갖추고 있는 것, 일정한 형태를 가지고 다양한 형태의 결과물을 만드는 것
브라우저가 HTML 웹 페이지를 인식하는 방식을 계층화 시켜서 트리구조 로 만든 객체 모델이다.브라우저의 렌더링 엔징은 HTML 페이지를 로드한 후, 파싱하여 브라우저가 이해할 수 있는 구조로 구성하여 메모리에 적재하는데 이를 DOM이라고 한다.정적 페이지에 접근하여
Effects, Reducers & Context side Effect는 무엇인지 리듀서가 있는 컴포넌트에서 복잡한 state를 관리하는 방법 여러개의 컴포넌트에 영향을 주는 state에 대해 알아본다. context라는 개념으로 what is "Effect" UI