TIL

HTML과 CSS를 복습하면서 Semantic Web과 Semantic Tag에 대하여 자세히 알아보았다.먼저 semantic은 의미의, 의미론적인 이란 뜻.'의미론적인 웹' 이란 뜻으로, 사람과 기계가 이해할 수 있는 형태로 제작된 웹을 의미한다. -wiki우리에게

1.position 속성position = 태그를 어디 기준으로 위치시킬건지 기준 대상을 정하는 속성static: position의 기본값, 다른 태그와의 관계에 의해 자동으로 배치되며 위치를 임의로 설정해 줄 수 없습니다.absolute: 절대 좌표와 함께 위치를 지

근 3일 동안 westagram(= instagram) login page를 만들면서 html 과 css 의 복습과 다듬기를 했다. 제일 헷갈렸던것! position >CSS의 position 속성은 엘리먼트가 브라우저 화면에 어떻게 배치되는가를 결정합니다. 코

inline 속성a,i,span,img,strong,b,input,sub,br,em,textarea,label,textarea,button / ...inline 요소들은 위와 같은 요소들이 있으며 위에 나열된 태그들 말고도 많은 태그들이 있다.inline은 주로 텍스트

react란?코드만 바꾸면 UI를 자동으로 업데이트 -반영되는 시간 빠름이것의 근본 : 가상 돔(virtual DOM)가상 돔(virtual DOM): 이전 UI 상태를 메모리에 유지해서 변경될 UI의 최소 집합을 계산하는 기술그냥 DOM(js에서 html 로 보내는거

component를 시작할 때,import React, { Component } from 'react'; =>반드시 입력! 왜냐하면 react라는 라이브러리에서 component라는 파일을 로딩했다 라는 뜻이기에!이후 작성ex) import Subject from

라우터는 와 를 통해서 라우팅을 구현하는 방식이다.이를 구현할때 path 속성을 통해서 각각의 컴포넌트가 렌더링 되는 URL이 정해진다. \*\*하지만 여기서의 문제점은, 홈페이지에 들어갔을때 컴포넌트가 3개면 3개모두 렌더링된다.그래서 정확한 경로를 사용해야한다.!=

![](https://i

리액트는 크게 세가지 특징을 가지고 있습니다.ex> coco 폴더 내에 CRA 기반의 learn-project 프로젝트 생성Desktop 폴더 내에 coco 폴더 진입cd Desktop/cocolearn-project 프로젝트 설치npx create-react-app