전체 글 (47) 썸네일형 리스트형 스크립트 < script> script 태그 HTML에서 자바스크립트 코드는 사이에 위치한다. 브라우저는 이 코드를 읽고 안의 코드를 자동으로 처리한다. 는 HTML문서에 어디에도 위치시킬 수 있다 , 외부스크립트 스크립트는 또한 외부 파일에 배치 할 수도 있는데, 동일한 코드가 여러 다른 웹사이트에서 사용될 때 실용적이다. 외부 스크립트를 사용하려면 script태그 안에 src속성을 사용해 파일의 이름을 입력한다. 파일의 절대경로를 입력하는 방법과 같은 폴더 내에 있는 파일의 이름만 입력하는 방법, URL전체를 속성으로 입력하는 세 가지 방법이있다. 외부 자바스크립트의 장점 스크립트를 외부 파일에 배치하면 다음과 같은 이점이 있다 HTML과 코드를 분리합니다. HTML 및 자바스크립트를 더 쉽게 읽고 유지 관리할 수 있습니다. .. 리액트 ES6 ES6은 ECMAScript 6의 약자. ECMAScript는 JavaScript를 표준화하기 위해 만들어졌으며 ES6은 ECMAScript의 6번째 버전으로 2015년에 발행되었으며 ECMAScript 2015라고도 한다. 리액트는 ES6를 사용하며 몇가지 새로운 기능에 익숙해져야 한다. 클래스 화살표함수 변수 (let, const, var) map() 과 같은 배열메서드 구조화 모듈 삼항연산자 스프레드연산자 클래스 클래스는 함수의 한 종류이고, function 이라는 키워드를 사용하는 대신 class키워드를 사용하고 속성은 constructor()메서드 내부에 할당된다. 클래스에서는 객체를 생성할 수도 있고, 메서드를 추가할 수도 있다. 그리고 extends키워드를 사용해, 클래스 상속을 생성할 수도.. 리액트(React)에 대해 알아보자 리액트란? 프론트앤드 자바스크립트 프레임워크로 언급되어지지만, 페이스북에서 만든 자바스크립트 라이브러리이다. 사용자 인터페이스를 만들기 위한 툴이다 라고 정의하고 있다. 왜 리액트를 배워야하는가? 오늘날에는 많은 자바스크립트 프레임워크들을 이용할 수 있다.(angular, node.. )하지만 리액트는 그 사이에서 가장 인기있는 라이브러리로 자리잡고 있다. 이전의 프레임워크는 DOM(Document Object Model)을 사용하는 전통적인 데이터 흐름 구조를 따르고 있다. DOM이란, 웹 페이지가 로드되었을 때마다 브라우저에서 생성되는 object 이다. DOM은 백엔드에 데이터를 추가하거나 생성하고, 변화가 생겼을 때마다 같은페이지에 새로운 DOM을 생성한다. 이러한 반복적인 DOM의 생성은 불필요.. 인터페이스(Interface)에 대해 알아보자!! 인터페이스란_? 사물간의 경계가 되는 부분(접점)을 의미한다. 접점, 경계면과 같은 의미를 가진 영어단어이며, 사물과 사물을 연결하는데 필요한 부분을 인터페이스라고 부른다. IT계열에선 주로 하드웨어 인터페이스, 소프트웨어 인터페이스, 유저인터페이스 3개로 나눌 수 있다. 우선 하드웨어 인터페이스란, 컴퓨터와 같은 정보기기와 키보드나 마우스 등의 주변기기를 연결하는 것을 의미한다. 하드웨어 인터페이스에서는 컴퓨터 같은 정보기기와 통신을위해 존재하는 입출력포트의 커넥터, 신호의 송수신방법 등을말한다. 대표적인 하드웨어 인터페이스로는 USB(Universal Serial Bus), HDMI(High-Definition Multimedia Interface), PCI Express등이 있다. 소프트웨어 인터페.. HTML요소 HTML요소 요소는 여는 태그, 컨텐츠, 닫는태그로 구성된다. 사진을 보면 여는태그 Hello World 컨텐츠부분 닫는태그 HTML요소의 중첩 HTML요소는 중첩될 수 있다. 즉, 한 요소가 다른 요소를 포함할 수 있다는 뜻이다. 모든 HTML문서는 중첩된 요소로 구성되어있다. 사진을 보면 태그 안에 태그와 태그가 중첩되어 있는 것을 볼 수 있다. 닫는 태그를 적어주지 않으면 예상치 못한 결과나 에러를 발생시킬 수 있기 때문에 조심해야한다. 빈 HTML요소 컨텐츠를 포함하지 않은 HTML요소를 빈요소(empty elements)라고 부른다. * HTML표준은 소문자 태그를 필요로 하지 않지만, W3C는 HTML에서 소문자 태그사용을 권장하고 있다. 또 XHTML과 같은 엄격한 문서타입의 경우에는 소문자.. HTML 기본 예 HTML Documents 모든 HTML 문서는 로 시작해야한다. HTML문서는 에서 시작하고, 로 끝난다. HTML문서의 눈에 보이는 부분은 와 에 위치한다. 선언 이 선언은 문서의 종류(type)를 나타내고, 브라우저가 웹페이지를 올바르게 나타내도록 돕는 역할을 한다. 어떤 HTML태그보다 위에 와야한다. 보통 HTML5에서는 이라고 선언한다. HTML 제목태그 에서 까지 정의된다. 태그가 가장 중요한 제목, 가장 덜 중요한 제목 HTML문단태그 로 정의되고 paragraphs(문단)의 약자이다. 하나의 문단을 만들 때 사용한다. HTML링크 태그를 사용한다. 태그에는 href라는 속성(attribute)을 가지고 있는데 이 속성은 HTML요소에 관해 추가적인 정보를 제공할 때 사용된다. 나중에 자세.. HTML(Hyper Text Markup Language)이란 HTML _? 웹 페이지를 제작하기 위한 표준 마크업 언어(the standard markup language)이다. 웹페이지의 구조(structure)를 정의한다. HTML은 요소(a series of elements)로 이루어져있는데, 이 요소들은 브라우저에게 컨텐츠를 어떻게 보여줄 것인가를 나타낸다. 간단한 HTML 예 이 문서가 HTML5문서라는 것이라고 선언하는 것이다. 5. Vue3기본 (새로운 기능, fragments) Vue 3에서는 Fragment의 이용이 가능해졌다. 이것은 복수의 루트노드를 가질 수 있는 컴포넌트를 뜻이다. 종래의(Vue2) 의 밑에 기술할 수있는 태그가 1개 밖에 설정할 수 없었기 때문에 전체를 단일의 태그로 감싸는 것이 일반적이었다. 하지만 Vue3에서는 복수의 태그를 기술할 수 있게 되었다. 종래의 Vue 2.x 보통 템플릿 태그안에 div태그로 감싼 후 다른 태그를 사용했다. Vue 3.x 탬플릿 태그 밑에 감싸는 태그를 작성하지 않고 바로 적고 싶은 태그를 사용 할 수 있게 되었다. 이전 1 2 3 4 5 6 다음
