코딩온X포스코

오늘은 vs studio를 설치 하고 자기소개를 함

HTML HTML의 구조 ## 태그 메타데이터를(데이터를 위한 데이터)를 포함하기 위한 태그 웹 페이지에서 유일하게 존재 HTML의 문서의tilte,style,link,scriipt,meta에 대한 데이터로 화면에 표시X ## 태그 HTML 문서의

제목을 뜻하는 Heading의 약자본문을 뜻하는 paragraph의 약자로 본문을 적기 위한 태그줄을 바꾸주는 태그로 엔터와 공백으로는 줄을 바꿀 수는 없다수평으로 된 줄을 그어준다문자를 꾸미는 태그들이미지를 넣어주는 태그이미지를 넣은 때 사용속성 값 중 하나인, sr

버튼 type버튼을 생성주로 특정기능을 수행시킬 때 사용텍스트 type텍스트 입력 값을 받는 폼을 생성우리가 입력하는 ID 입력 부분텍스트 값을 입력 받아 전달 하는 기능패스워드 type비밀번호 값을 받는 폼을 생성입룍 값을 자동으로 안보이게 처리 가능중요 or 비밀텍

표를 만들 때 사용 하는 태그먼저 행을 쓰고 행의 자식 요소로 칸을 넣어주는 것이 기본 border:테두리의 두께 cellspacing:테두리 간격 사이의 너비 cellpading:셀 내부의 간격 align:테이블 정렬 속성 widht & height:테이블의

SEO (Search Engine Optimization, 검색 최적화) 검색엔진은 HTML코드를 분석해 사이드를 노출시킨다 크롤러가 페이지의 구성요소들이 무엇을 의미하는지 이해하여 노출에 영향을 준다유지보수성 페이지를 유지보수 할때, < div > 태그만 가득하

CSS란? > Cascading Style Sheet의 약자로 웹페이지를 디자인하기 위해 사용하는 언어

글자의 두께(가중치)를 설정normal:기본 두께bold:두껍게bolder:상위(부모)요소보다 더 두껍게lighter:상위(부모)요소보다 더 얇게글자의 크기를 설정16px:기본 크기단위:px, em, rem 등 단위로 지정%: 보모 요소의 폰트 크기에 대한 비율smal

요소 쌓임 순서(skack oder)1.요소의 position속성의 값이 있는 경우 위에 쌓임2.1번 조건과 같은 경우, z-index속성의 값이 높을 수록 위에 쌓임3.1번과 2번의 조건이 같을 경우, html의 다음 구조일 수록 위에 쌓임auto: 부모요소와 동일한

주축을 설정row:행 축(좌=>우)row-reverse:행 축 (우 => 좌)column: 열 축(위 => 아래)cloumn-reverse: 열 축(아래 => 위)Flex Items 묶음(줄 바꿈)여부nowrap:묶음 (줄 바꿈) 없음wrap: 여러 줄로 묶음wrap-

CSS의 기본 속성(4) Transform(전환) > 요소의 변환효과 transform: 변환함수1 변환함수2 변환함수3...; transform: 원근법 이동 크기 회전 기울임; 2D 변환 함수 3D 변환 함수 > ![](https://velog.velcdn.

인라인 방식 > 내장 방식 > 링크 방식위치는 어디서나 사용 가능Head 태그 내부Body 내그 내부Head 와 body 사이body 아래등위치는 어디서나 사용 가능Head 태그 내부Body 내그 내부Head 와 body 사이body 아래등내장 방식간단하게 만들수 있음

Dom(Document Object model) > html문서 요소의 집합 html 문서는 각각의 node와 object의 집합으로 문서를 표현 따라서 각각 node 또는 objec에 접근하여 문서구조/ 스타일 / 내용 등을 변경 할수 있도로 하는것 Documen

settimeout(code, delay) => delay동안 기다리다가 code를 실행함특정코드의 연산이 끝날때까지 코드의 실행을 멈추지않고 다음코드를먼저 실행하는 자바스크립트의 특성Javascript는 함수를인자로 받고 다른함수를 통해반환될수있는데, 인자(매개변수)

form 태그 > 입력된 데이터를 한번에 전송하기 위한 사용 속성 : action, name, target, method 폼 요소 : , , , 등등 속성 > • action- 폼을전송할서버주소지정 • name - 폼을 식별하기 위한 이름 • method -

웹 브라우저에 저장 되어 있는 키와 값이 들어있는 작은 데이터 파일 이름, 값, 만료일, 경로 정보로만 구성 되어 있다 동작 방식 > 클라이언트가 페이지를 요청 서버에서 쿠키를 생성 HTTP 헤더에 쿠키를 포함 시켜 응답 브라우저가 종료 되어도 쿠키 만료 기간이 있다

1. 프로젝트 소개 > 프론트 엔드 부분을 배우고 진행한 1차 프로젝트에서 우리는 축구라는 주제와 연관을 지어 프로젝트를 만들어 보기로 해였다. 프론트 엔드적인 요소를 보여주기 위해서 축구의 역동적이고 화려한 모습이 이번 프로젝트와 잘 어울릴 것 같다는 생각이 들었다.

1.Chatting 프로젝트 이번에는 개인 프로젝트로 웹 사이트에 접속한 유저들과 채팅을 주고 받을 수 있는 프로젝트를 만들어 보았다. 1-2.진행기간 이 프로젝트는 진행기간이 2~3일 정도 되는 것 같다. 이 프로젝트는 주제가 정해져 있었고 주제가 프로젝트 진행하기

이번에 만들어 본 프로젝트는 내가 할일을 기록하고 수행여부를 체크 할 수 있는 TODO-list 웹 사이트를 만들어 보았다.2023월 4월 23 ~ 2023년 4월 29일ReactNode.jsMySQLHTMLCSS파일 구조는 client와 sever로 나누어서 작성을