studio.heelab

이전 글 리액트 시작하기교재: 소플의 처음 만난 리액트 키워드리액트 JSX 엘리먼트 렌더링Ch00. 준비하기HTML 살펴보기HTML이란 웹사이트의 뼈대를 구성하기 위해서 사용하는 마크업 언어태그를 사용하여 웹사이트 구조ewhacse.tistory.com 교재: 소플의 처음 만난 리액트 키워드컴포넌트와 Props State와 생명주기 훅Ch05. 컴포넌트와 Props컴포넌트리액트는 컴포넌트 기반→ 작은 컴포넌트들이 모여서 하나의 컴포넌트를 구성하고, 이 컴포넌트들이 모여 전체 페이지를 구성→ 개발 시간과 유지 보수 비용 감소 자바스크립트 함수와 개념적으로 비슷하다-속성들을 입력으로 받아서 그에 맞는 리액트 엘리먼트를 생성하여 리턴한다 리액트 컴포넌트의 역할: 어떠한 속성들을 입력으로 받아서 그에 맞는 리엑..

교재: 소플의 처음 만난 리액트 키워드리액트 JSX 엘리먼트 렌더링Ch00. 준비하기HTML 살펴보기HTML이란 웹사이트의 뼈대를 구성하기 위해서 사용하는 마크업 언어태그를 사용하여 웹사이트 구조 만들고, 웹사이트에 들어갈 내용 채워 넣을 수 있다. 태그 - HTML의 시작과 끝을 알리는 태그 태그 - 어떤 웹사이트인지 알 수 있는 여러 가지 속성(제목, 설명 등)을 담고 있는 곳 태그 - head 태그 안에서 제목을 넣기 위해 사용 - 웹사이트에서 보이는 콘텐츠를 담는 태그 SPA (Single Page Application)복잡한 웹사이트 접속 시, 각 페이지별로 HTML 파일이 따로 존재하며, 페이지를 이동하게 될 경우 브라우저에서는 해당 페이지의 HTML 파일을 받아와서 화면에 표시한다.→ 수십..

교재: Do it! HTML+CSS+자바스크립트 웹 표준의 정석 HTML 입력과 CSS 기초 학습 정리교재: Do it! HTML+CSS+자바스크립트 웹 표준의 정석 4~6장 4장. 웹 문서에 다양한 내용 입력하기 텍스트 입력하기제목을 나타내는 태그제목n에 1~6의 숫자가 들어가며 숫자가 작을수록 텍스트 크기가ewhacse.tistory.com 7장. 텍스트를 표현하는 다양한 스타일 글꼴 관련 스타일font-family 속성 -웹 문서에서 사용하는 글꼴font-family:|[, ] 글꼴 없을 경우를 대비해, 글꼴을 2개 이상 지정하기도 한다body { font-family: "맑은 고딕", 돋움, 굴림 } *기본형 기호 | 는 나열한 옵션 중 하나가 값이 되어야 한다는 의미속성값 나열 시 값이 아..