HELLO :3 IM RESHUR

HTML : 엔티티 (Entity) - HTML 내에서 특수문자 작성하기 엔티티 (Entity) HTML 에서 문자 ," 및 & 은 특수문자이기때문에 해당 특문을 작성하면 코드로 인식한다 (예약어) 그렇기에 코드로 인식되지 않게 하기 위해서 entity 를 사용한다. 사용법 : &이름; - 앰퍼센트 (&)로 시작하고 세미콜론(;)으로 끝나는 텍스트 모양 코드 ( greater than) > " " ' ' & & 띄어쓰기 (non breaking space) 더많은 엔티티 (Entity)를 보려면 아래 웹페이지를 참고하면 된다. HTML Standard HTMLLiving Standard — Last Updated 6 July 2022 ← 13.2 Parsing..

JS : Import & Export Export export 문은 자바스크립트 묘듈에서 함수,객체,원시값을 내보낼때 사용한다. 내보낸 값은 다른 프로그램에서 import 문으로 가져가 사용할수 있다. export문은 HTML 안에 작성한 스크립트에서는 사용할수없다. Import

JS : Module (모듈) Module(모듈)이란 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각을 말한다. 일반적으로 모듈은 기능을 기준으로 파일 단위로 분리한다. 이때 모듈이 성립하려면 모듈은 자신만의 파일 스코프 (모듈스코프)를 가질 수 있어야 한다. 모듈은 개별적 존재로서 애플리케이션과 분리되어 존재하며, 기본적으로 비공개 상태이지만 JS : Scope (스코프) JS : Scope (스코프) Scope (스코프) 란? 스코프(Scope : 유효범위)는 변수의 유효범위를 말한다. var x = "HELLO"; function y(){ var x = "Future" console.log(x); // 'Future' }; y(); console.log(x); //.. sol-res..

JS : 데이터 타입 (Data Type) 데이터 타입이란? 데이터 타입(줄여서 "타입")은 값의 종류를 말한다. 자바스크립트(ES6)는 8개의 데이터 타입이 있으며, 크게 원시 타입(Primitive Type)과 객체 타입 (Object/reference type)으로 나눌 수 있다. 구분 데이터 타입 (Data Type) 설명 원시 타입 (Primitive Type) 숫자형 타입 (Number Type) 숫자,정수와 실수 구분없이 숫자 타입만 존재 사칙연산이 가능 소수점 표현가능 문자열 타입 (String Type) 문자열 ""(큰따옴표),''(작은따옴표),``(백틱)으로 작성함 논리형 타입 (Boolean Type) 논리적인 값을 표현 참(true),거짓(false)만 존재 주로 조건문 등에서 동적..

JS : Scope (스코프) Scope (스코프) 란? 스코프(Scope : 유효 범위)는 변수의 유효 범위를 말한다. 함수의 매개변수는 함수 내부에서만 참조할 수 있고 함수 외부에서는 참조할 수 없다. 매개변수의 스코프가 함수 내부로 한정되어있기 때문이다. 예시 01 : 전역과 함수 내부에서 이름이 같은 변수 x 가 중복 선언이 되었을 때의 유효 범위 (Scope) var x = "HELLO"; function y() { var x = "Future"; console.log(x); // 'Future' } y(); console.log(x); // 'HELLO' 전역에서 x에 "HELLO"를 선언하고, 함수 내부에 같은 이름인 x에 "Future"를 할당을 했을때, x엔 어떤 값이 들어가 있는지 확인..

HTML : a와 하이퍼링크 : anchor (닻) href 특성을 통해 다른 페이지나 같은 페이지의 어느 위치, 파일 , 이메일 주소와 그 외 다른 URL로 연결할 수 있는 하이퍼링크를 만들 때 사용한다. 안의 콘텐츠는 링크 목적지의 설명을 나타내야 한다. 별도의 스타일링을 하지 않아도 파란색 글씨에 밑줄이 그어져 있는 게 기본값이다. 예시 HTML 삽입 미리보기할 수 없는 소스 You can reach Michael at: Website Email Phone 절대 경로 현재 위치와 관련 없이 절댓값의 위치로 이동함 (언제 어디에서 이동하든 같은 경로) google 상대 경로 현재 위치를 기준으로 목적지까지의 경로를 작성한다. ../ : 상위 디렉터리 ./ : 현재 위치의 디렉터리 경로 속성 herf ..

REACT : JSX (Java Script XML) 문법 JSX 이란? import React from 'react'; export default function Jsx() { 자바스크립트(기능)을 입력하는 부분 return( html을 입력하는 부분 ) } JSX는 JavaScript에 XML을 확장한 문법이다. React로 프로젝트를 개발할 때 사용한다. → 공식적인 자바스크립트 문법은 아니다. JSX는 하나의 파일에 Javascript와 HTML을 동시에 작성하기 때문에 간편하다. retrun을 기준으로 위는 자바스크립트(기능)를 입력하고 아래는 HTML을 입력한다. 기존 HTML에서는 소문자로 작성했지만JSX 에서는 대문자가 들어간다. // 기존 HTML 방식 버튼 // JSX 방식 버튼 JSX..

UI/UX : Can't Unsee 점수 22.06.12 Can't Unsee 6880점

HTML : 컨테이너 요소 div, span div : The Content Division - 구획 HTML 는 플로우 콘텐츠를 위한 블록 컨테이너 이다. "순수"컨테이너로서 아무것도 표현하지 않는다.→ 의미를 갖고 있지않음 아무런 내용을 담고 있지 않으면, 보이지않음 class나 id로 여러 요소를 묶어서 스타일링 하기 쉽다. 예제 : HTML 삽입 미리보기할 수 없는 소스 div 블록요소이며, 한줄을 모두 사용합니다. 기술 요약 콘텐츠 카테고리 : 플로우 콘텐츠 가능한 카테고리 : 플로우 콘텐츠 태그 생략 : 종료태그 생략 불가능 가능한 상위 요소 : 플로우 콘텐츠를 허용하는 모든 요소 span : The Content Span 폭이나 넓이 HTML 은 구문 콘텐츠를 위한 인라인 콘테이너 "순수"컨..

HTML : 시맨틱 웹(Semantic Web) - : 일반 구획 요소 과 은 비슷하지만 다르다. 과는 다르게 제목요소 (h1~h6)는 필수요소가 아니며, 전체글의 흐름에서 문맥적으로 호흡이 끊길때 사용한다. 과 을 쉽게 구분하는 방법은 이 될수있다면, 을 쓰고 아니면 을 사용한다. 요소의 컨텐츠를 따로 구분해야할 필요가 있다면 을 사용한다. 일반 컨테이너로 사용하면 안되며, 단순 스타일링을 위해서라면 를 사용해야한다. 기술 요약 콘텐츠 카테고리 : 플로우 콘텐츠, 구획 콘텐츠 가능한 콘텐츠 : 플로우 콘텐츠 태그 생략 : 종료태그 생략 불가능 가능한 상위요소 : 플로우 콘텐츠를 허용하는 모든 요소 단, 요소는 의 하위요소가 될수 없다. 2022.05.27 - [TIL/HTML] - HTML : 시맨틱 ..