position 프로퍼티 HTML 요소(element)를 원하는 위치에 배치하기 위해 사용하는 CSS position 속성에 대해 알아보자. CSS에서 position 속성은 HTML 문서 상에서 요소가 배치되는 방식을 결정한다. static을 제외한 나머지 position 속성은 요소의 정확한 위치 지정을 위해 top, left, bottom, right 속성과 함께 사용된다. 각 값들은 그 방향에서 얼만큼 떨어져 위치시킬 것인지를 나타낸다. position: static; (기본값) position 속성이 static인 요소는 HTML 문서 상 원래 있어야 하는 위치에 배치된다. 즉 HTML에서 작성된 순서 그대로 브라우저 화면에 표시된다는 것을 의미하며, 따라서 top, left, bottom, r..

Flex(플렉스)는 Flexible box, Flexbox라 부르기도 한다. 레이아웃 배치 전용 기능으로 고안되었고 기존 방식(float, inline-block)보다 훨씬 강력하고 편리한 기능이 많다. Flex 레이아웃을 만들기 위한 기본적인 HTML 구조는 다음과 같다. helloflex abc helloflex 부모요소인 div.container를 Flex Container라고 부르고, 자식요소인 div.item들을 Flex Item이라고 부른다. 컨테이너가 Flex의 영향을 받는 공간이고, 설정된 속성에 따라 각각의 아이템들이 설정된 형태로 배치되는 것이다. Flex의 속성들은 컨테이너에 적용하는 속성과 아이템을 적용하는 속성 두가지로 나뉜다. 1. Flex 컨테이너에 적용하는 속성 display..

API란? 먼저 Interface는 어떠한 두가지가 서로 연결되고 영향을 미칠 수 있는 장소/방법/상황. (interface는 매우 포괄적인 단어로 인간-인간 / 기계-인간 / 기계-기계 간 모두 가능) API(Application Programming Interface)는 응용 프로그램 간에 데이터를 주고받는 방법으로, 특정 데이터를 제공하는 서버가 존재할 때 우리가 만든 응용 프로그램이 서버에게 데이터를 요청할 수 있다. 이때 컴퓨터끼리 데이터를 주고받는 것이므로 일정한 양식이 필요하며, 이외에도 서버가 인증된 곳에만 데이터를 제공하기 위해 인증키가 필요할 수도 있고, 호출 제한(서버의 과부하를 막기 위해 데이터 요청횟수를 제한)을 둘 수도 있다. 이와 같이 응용프로그램 간 소통을 위한 방법을 API..

XML(eXtensible Markup Language) HTML과 매우 비슷한 문자 기반의 마크업 언어이다 사람과 기계가 동시에 읽기 편한 구조로되어있다. HTML처럼 데이터를 보여주는 목적이 아닌 데이터를 저장하고 전달하는 목적으로 만들어졌다. XML 태그는 HTML 태그 처럼 미리 정의 되어 있지 않고, 사용자가 직접 정의할 수 있다 JSON(JavaScript Object Notation) 브라우저 통신을 위한 속성-값 또는 키-값 쌍으로 이루어진 데이터 포맷 JSON과 XML 공통점 데이터를 저장하고 전달하기 위해 고안되었다 기계 뿐아니라 사람도 쉽게 읽을 수 있다. 계층적인 데이터 구조를 가진다 다양한 프로그래밍 언어에 의해 파싱될 수 있다 XMLHttpRequest 객체를 이용하여 서버로부터..

일반적으로 '인터넷'이라면 웹 브라우저를 이용한 WWW 방식을 말한다. HTTP 프로토콜을 통해 접속되는 WWW는 일반 문자를 비롯, 사진, 음악/동영상 콘텐츠까지 간편하게 사용할 수 있지만 많은 양의 파일을 일관적으로 주고 받기에는 결정적으로 속도도 느리고 파일 제어도 번거롭다. 이렇게 대량의 파일을 네트워크를 통해 주고 받을 때는 파일 전송 전용 서비스인 FTP를 사용한다. FTP의 의미 FTP란 파일 전송 프로토콜, File Transfer Protocol의 약자이다. 기본적으로 프로토콜은 전자기기가 서로 통신하는 데 필요한 절차나 규칙을 뜻한다. FTP 는 TCP/IP 네트워크(인터넷) 상의 장치가 파일을 전송할 때 사용되는 규칙이다. 인터넷을 사용할 때 우리는 다양한 프로토콜을 사용한다. 인터넷..

0. 개요 "Git"은, 로컬 버전 관리 시스템 VCS(Local Version Control System)을 위한 툴. 여기서 'Local' 이라 함은 내 컴퓨터를, '버전 관리 시스템' 이라는 건 내가 수정했던 내용들, 즉 히스토리를 모두 기록해두는 것을 의미한다. Git을 이용해 프로젝트의 시간/버전(commit)과 차원(branch)을 관리하는 것으로, 필요에 따라 시간 여행을 하고 여러 차원을 넘나들 수 있게 함. 명령어와 관련된 추가적인 내용은 git 공식 사이트 참고 : https://git-scm.com/docs "GitHub"는 Git으로 관리되는 프로젝트의 원격 저장소로, '로컬'이 아니라 '클라우드'에서 관리되는 서비스이다. 이를 통해 Git으로 관리되는 모든 프로젝트들을 온라인 공간..