728x90

frontend 4

[Restart 프론트엔드 스터디] #2. HTML5에 대하여 (출처: poimaweb)

HTML5 요약 정보 2014. 10. 28에 확정된 차세대 웹 표준안으로 지금까지 사용중이다 (버전업은 계속 되고 있지만 버전 변경은 되지 않았다. 현재 표준은 하나로 합쳐져서 이쪽에서 확인할 수 있다. 하나로 합쳐지면서 HTML5라는 말보다 HTML이라고 그냥 부르게 된 듯 하다.) 추가된 기능들 (출처 - poimaweb) HTML 기본 문법 Element (요소) 시작 태그와 종료 태그, 그 사이에 위치한 content로 구성된 것. HTML 문서는 Element의 집합으로 이루어진다 Nested Element (요소 중첩) Element 내에 다른 Element를 포함할 수 있고, 이 때부터 부모자식관계가 성립된다 이 관계를 시각적으로 파악하기 쉽도록 들여쓰기(indent)를 활용한다. 안녕하세..

[Restart 프론트엔드 스터디] #1. HTML의 정의와 역사, 기본구조

HTML(Hyper Text Markup Language) 이란? 웹 문서를 작성하는 데에 사용하는 언어로서, 프로그래밍 언어(JavaScript, Java, C 등)들과는 다른 것이다 H가 내포한 Hyper Text라는 말에서 알 수 있듯이 다양한 자료들을 참조하고 연결할 수 있는 문서를 작성하는 언어이다. 언어이기는 하나 태그 등을 이용하여 문서와 데이터의 구조 정도만을 명기하고 있기에 일반적인 프로그래밍 언어들과는 구별된다. HTML의 역사 (첫 개발부터 HTML4 까지) 1980년, 유럽 입자 물리 연구소(CERN)의 계약자였었던 물리학자 팀 버너스리가 HTML의 원형인 인콰이어를 제안하였다. 인콰이어는 CERN의 연구원들이 문서를 이용하고 공유하기 위한 체계였다. (HTML이 개발되기 시작한 이..

[React] 리액트란 무엇일까? (간단하게 알아보자)

참조 | https://ko.reactjs.org/docs/getting-started.html 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 1. React는 무엇인가? React는 UI(사용자 인터페이스)를 만들기 위한 JavaScript 라이브러리이다 2. React 활용에 필요한 사전지식과 요구사항(by TaniaRascia) HTML, CSS에 대한 기본지식 프로그래밍과 JavaScript에 대한 기본지식 DOM(Document Object Model: 문서객체모델) 에 대한 기본이해 ES6(ECMAScript 2015) 문법과 기능에 대한 지식 Node.js와 npm(Node Package Manage..

[Next.js] Next란 무엇일까? (간단하게 알아보자)

참조 | https://nextjs.org/learn/foundations/about-nextjs/what-is-nextjs Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org 1. Next는 무엇인가? Next는 React 기반의 프레임워크로 빠른 웹 애플리케이션에 필요한 빌딩 블럭을 제공한다 2. 웹 어플리케이션 구축을 위해 고려해야 할 것들 UI(유저 인터페이스) - 사용자(User)가 어플리케이션과 상호작용하는 방..

반응형