WEB

HTML ? = 웹페이지를 만드는 코드

기본 형태p 태그 - a 태그 \* 부모: p, 자식: aul 태그 - li 태그 \* 부모: ul, 자식: liol 태그 - li 태그 \* 부모: ol, 자식: li

title 태그 : 웹페이지 제목body 태그 : 본문 전체 태그head 태그 : 본문을 설명하는 태그html 태그 : body 태그와 head 태그를 하나의 태그로 감싸는 태그!doctype html 태그 : 웹페이지가 html로 만들어졌다는 것을 표현하기 위한 태그

= anchor의 줄임말, 링크 태그href 속성 : Hyper Text Reference의 약자target 속성 : 링크 클릭했을 때 새창에서 페이지가 열리게 하는 속성title 속성 : 링크가 어떤 내용인지를 툴팁으로 보여주는 기능

= 웹페이지를 아름답게 꾸미기 위한 태그 CSS와 태그의 차이점font 태그 : 태그에 컬러 입히기 // html 태그codeshow

폰트 속성 및 텍스트 속성codeshow

codeshow

codeshow

codeshow

= 어떤 스타일을 선택적으로 적용하고 싶을 때 사용 // if문과 비슷한 개념@media(조건) {실행내용} : 좁은 화면에서만 특정 스타일을 적용하고 싶을 때는 화면의 최대 너비를 조건으로 지정codeshowcodeshow

ex)변수 지정 시: var 변수 명 = "";ex)document.querySelector('태그') : CSS 선택자 // 요소를 선택해준다ex) 백그라운드 컬러 변경: .style.background="";

이 중 자신에게 필요한 방법 클릭 // Create React App 클릭▶ 설치https://create-react-app.dev/▶ vscode 연동cmd 터미널 열기 → npx create-react-app . 입력 → npx start 입력 → 설치 완

컴포넌트 만들기※ 사용자 정의 헤더태그는 반드시 대문자로 시작해야 함 !!codeshow

Props ? = React에서 부르는 속성

const 변수를 state 변수를 바꾸기 위해 -> import {useState} from 'react';useStae(인자) 의 인자는 그 state의 초기값 = 0번째 인자값으로 받아들임

constvalue, setValue = useState(PRIMITIVE);▶ PRIMITIVE 타입: string, number, boolean, null 등constvalue, setValue = useState(Object);▶ Object 타입: object,

※ props = 외부 사용자가 내부 사용자에게 전달하는 값업데이트를 하기 위해선: useState로 바꿔줘야 한다 !state는 내부 사용자가 사용하는 데이터 React에서 onChange vs HTML에서 onChange 의 차이점html: 값이 바뀌고 마우스 포인

OAuth = token 발급OAuth에는 3개의 객체가 존재한다.▼ User - mine - Their ▼ OAuth에서 불리는 역할 명User = Resource Owner : 자원을 가지고 있는 소유자mine = Client : Resouce Server에 접속해

function = 함수variable = 변수constant = 상수local = 지역의global = 전반적인객체 property는 { key value } 쌍으로 구성된다이 property의 value를 가져오기 위해서는 keyvalue 형태를 사용해야 한다객체에