728x90 반응형 SMALL Website26 [Website] HTML 태그 (1) HTML 태그 HTML의 요소를 나타내는 꺽쇠 괄호 ()로 둘러싸인 명령어이다. 대부분의 태그는 시작 태그와 종료 태그로 구성되어 있다 (ex: 내용). 일부 태그는 단독으로 사용 가능하다 (ex: ). 자체 닫기 줄 바꿈 태그는 이다. 텍스트 관련 태그 , , ..., 제목 (heading) 태그, 중요도에 따라 h1부터 부여 문단 (paragraph) 태그 굵은 글씨 (bold)로 표시 기울임꼴 (italic)로 표시 줄바꿈 미리 서식이 지정된 텍스트를 표시, 공백과 줄바꿈을 그대로 유지 리스트와 표 순서 없는 리스트 (unordered list) 생성 순서 있는 리스트 (ordered list) 생성 리스트의 항목 (list item) 지정 표 (table) 생성 표의 행 (row) 생성 표의 열 .. 2023. 5. 25. [Website] HTML (HyperText Markup Language) HTML (HyperText Markup Language) HTML (HyperText Markup Language)은 웹 페이지의 구조와 컨텐츠를 정의하는 마크업 언어이다. 웹 페이지의 텍스트, 이미지 등의 요소를 구성하고 스타일을 적용한다. 웹 브라우저는 HTML 문서를 해석하여 사용자에게 시작적으로 표현한다. 기본 구조 문서 형식을 HTML5로 지정 HTML 문서의 시작과 끝을 나타냄 First 2023. 5. 25. [Website] REST API REST API REST (Representatinal State Transfer) API는 웹 데이터의 체계적인 요청 및 전달을 위한 가이드라인 및 원칙이다. 리소스 (Resource)에 대한 동작 (Behavior)과 표현 (Representation)을 나타낸다. 리소스 (Resource) 리소스로 URL로 표현 동작 (Behavior) 리소스에 대한 동작으로 메서드로 표현 표현 (Representation) 리소스에 대한 표현, 동작에 대한 응답 IDE (통합 개발 환경) IDE는 통합 개발 환경 (Integrated Development Environment)의 줄임말로 개발에 필요한 도구를 의미한다. 개발에서 코드를 작성하는 텍스트 에디터를 포함하여 코드를 실행하거나 디버그 도구 등 다양한 기.. 2023. 2. 13. [Website] 웹 데이터 웹 데이터 HTTP는 웹 문서 전송을 위한 프로토콜이었지만 웹 문서뿐만 아니라 웹 데이터를 전송한다. 브라우저를 통해 사용자에게 문서를 보여준다. 자바스크립트를 통해 데이터를 웹 문서에 렌더링한다. JSON (JavaScript Object Notation) JSON은 속성-값 쌍, 배열 자료형 또는 기타 모든 시리얼화 가능한 값 또는 "키-값 쌍"으로 이루어진 데이터 오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷이다. 자바스크립트 객체의 표현이고 웹의 데이터 교환 형식 중 하나이다. Number (숫자) 정수와 실수 String (문자열) 큰 따옴표로 이루어진 문자들의 나열 Boolean true와 false를 가지는 값 Array (배열) 값들의 나열 Object .. 2023. 2. 13. [Website] HTML 프로토콜 HTML 프로토콜 서버와 클라이언트가 웹 문서를 주고 받는 방식은 HTTP이다. 여기서 데이터는 HTML, JSON이 해당된다. URL (Uniform Resource Locator) URL (Uniform Resource Locator)은 인터넷에서 웹 페이지, 이미지, 비디오 등 리소스의 위치를 가리키는 문자열이다. HTTP 맥락에서 URL은 "웹 주소" 또는 "링크"라고 불린다. URL은 웹 리소스를 나타낸다. HTML 메서드 (Method) GET 해당 리소스 (URL)에 대한 조회에 대한 메서드 POST 해당 리소스의 사용, 생성, 변경에 대한 메서드 PUT 해당 리소스의 변경에 대한 메서드 PATCH 해당 리소스의 부분 변경에 대한 메서드 DELETE 해당 리소스에 대한 삭제 상태 코드 4XX.. 2023. 2. 13. [Website] 프레임워크 (Framework) 프레임워크 (Framework) 프레임워크는 개발 패턴을 간소화해 주는 도구이며 중복된 코드를 최소화한다. 재사용 가능한 부분을 최대화하고 불가능한 부분을 최소화한다. 프론트엔드 프레임워크 Angular JS ReactJS VueJS SvelteJS 등 백엔드 프레임워크 Django (Python) Spring (Java) Express (JavaScript) 등 스택 어떠한 제품이나 서비스를 만들 때 프론트엔드나 백엔드 등 개발에 사용한 모든 기술을 포함한다. MERN 스택 : MongoDB + Express + ReactJS + NodeJS MEAN 스택 : MongoDB + Express + AngularJS + NodeJS JAM 스택 : JavaScript + API + Markup 2023. 2. 1. [Website] 클라이언트 서버 모델 (Client–server model) 클라이언트 서버 모델 (Client–server model) 클라이언트 서버 모델 (client–server model)은 서비스 요청자인 클라이언트와 서비스 자원의 제공자인 서버 간에 작업을 분리해주는 분산 애플리케이션 구조이자 네트워크 아키텍처를 나타낸다. 웹 시스템도 확장된 '클라이언트 서버 시스템'으로 분류되나, 일반적으로는 클라이언트 서버 시스템이라고 하면 웹 시스템이 나오기 이전의, 사용자 PC에는 클라이언트가 설치되어 화면을 처리하고 서버에서는 자료를 처리하는 시스템을 일컫는다. 클라이언트 (Client) 서비스를 사용하는 컴퓨터 (service user)라고도 하며, 서버와 이어진 모든 기기 (컴퓨터의 경우 WIFI, 모바일은 모바일 네트워크)와 단말기에서 이용하는 웹에 접근하는 SW이며,.. 2023. 2. 1. 리액트 (React) 리액트 (React) 리액트 (React, React.js 또는 ReactJS)는 자바스크립트 라이브러리의 하나로써, 사용자 인터페이스를 만들기 위해 사용된다. 페이스북과 개별 개발자 및 기업들 공동체에 의해 유지, 보수된다. 리액트는 싱글 페이지 애플리케이션이나 모바일 애플리케이션 개발에 사용될 수 있다. 대규모 또는 복잡한 리액트 애플리케이션 개발에는 보통 라우팅, API통신 등의 기능이 요구되는데 리액트에는 기본적으로 제공되지 않기 때문에 추가 라이브러리를 사용해야 한다. 설치 https://nodejs.org/en/에서 Node.js을 설치하고 터미널에서 확인한다. /* 설치 확인 */ npm -v https://ko.reactjs.org/ React – 사용자 인터페이스를 만들기 위한 JavaS.. 2022. 9. 4. [Website] HTML for Webscraping HTML for Webscraping Lionel Messi Salary: $ 100,000,000 Christiano Ronaldo Salary: $ 150,000,000 Neymar Junior Saraly: $ 85,000,000 Lionel Messi $ 100,000,000 Christiano Ronaldo $ 150,000,000 Neymar Junior $ 85,000,000 Naver webpage Attribute (Name) href Attribute (Value) "https://naver.com" content Naver webpage opening / start tag end tag Pizza Place Orders Slices Domino Pizza 10 100 Pizza hut.. 2022. 5. 11. [Website] HTML, CSS 및 JavaScript를 사용하여 간단한 웹 사이트 빌드 (3) JavaScript를 사용하여 대화형 작업 추가 JavaScript (또는 ECMAScript)는 대화형 작업을 웹 페이지에 추가하는 데 도움이 되는 프로그래밍 언어이다. 예를 들어 JavaScript를 사용하여 사용자가 단추를 선택할 때 발생하는 이벤트 또는 동작 (팝업 창 열기 등)을 정의할 수 있다. JavaScript를 사용하면 웹 페이지에서 콘텐츠를 다시 로드하지 않고도 추가하거나 제거할 수 있다. 웹 개발자는 웹 브라우저를 사용하여 스크립트를 테스트하고 이에 대한 피드백을 얻을 수 있다. 웹앱에 대한 예제 JavaScript 파일을 설정한다. 밝은 테마와 어두운 테마 사이를 전환하는 단추를 만든 다음, 실제 테마 전환을 수행하는 JavaScript 코드에 단추를 연결한다. 이 작업이 완료되면 .. 2022. 2. 6. 이전 1 2 3 다음 728x90 반응형 LIST
