HTTP를 기반으로 클라이언트가 서버의 리소스에 접근하는 방식을 규정한 아키텍쳐RESTful : REST의 기본 원칙을 성실히 지킨 서비스 디자인REST API : REST를 기반으로 서비스 API를 구현한 것자원 (resource) : 자원을 뜻함, URI(엔드포인트

제어문(control flow statement)은 조건에 따라 코드 블록을 실행(조건문)하거나 반복 실행(반복문)할 때 사용한다. 일반적으로 코드는 위에서 아래 방향으로 순차적으로 실행된다. 제어문을 사용하면 코드의 실행 흐름을 인위적으로 제어할 수 있다.블록문(bl

연산자(operator)는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만든다.이때 연산의 대상을 피연산자(operand)라 한다. 피욘산자는 값으로 평가될 수 있는 표현식이어야 한다.피연산자와 연산자의 조합으로

데이터 타입(data type, 타입)은 값의 종류를 말한다.자바스크립트의 모든 값은 데이터 타입을 가지며, ES6 기준으로 7개의 데이터 타입 제공7개의 데이터 타입은 원시 타입(primitive type)과 객체 타입(object/reference type)으로 분

변수란 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는, 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다.프로그래밍 언어에서의 변수는 값을 저장하고 참조하는 메커니즘으로, 값의 위치를 가리키는 상징적인 이름이다.자바스크립트 엔진에게 score이라는 변수를

d

새로운 프로젝트 진행중에, 아이폰(ios)에서 video를 전체 화면 아닌 영상을 자동 재생하는 프로젝트가 있었는데 자동으로 전체화면 모드로 들어가는 현상이 발생했다.구글 서치를 좀 해보니 IOS11버전 이후는 playsinline을 추가 해줘야 한다고 한다.plays

:not()- 특정 selector을 제외하고 스타일을 적용하고 싶은 경우 사용:nth-child()- 형제 요소 중에서 순서에 따라 n번째를 선택하여 스타일을 적용한다.:nth-of-type()- 같은 타입의 형제 요소 중에서 순서에 따라 n번째를 선택하여 스타일을

변경된 이력 확인이전 이력으로 되돌리기다른 기능의 버전 코드 유지현재 최종이 어느 시점인지 표현할 수 있음각 기능별로 분업 후 하나의 코드로 합칠 수 있음같은 부분을 수정해 문제가 생기는 경우 안내협업으로 인한 실수 예방팀원 간의 커뮤니케이션 지원프로젝트 소스코드 클라

값: 식(표현식expression)이 평가evaluate되어 생성된 결과를 말한다.리터럴은 사람이 이해할 수 있는 문자(아라비아 숫자, 알파벳, 한글 등) 또는 약속된 기호('', "", ., \[], {}, // 등)로 표기한 코드다.표현식은 값으로 평가될 수 있는

하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. (값의 위치를 가리키는 상징적인 이름)저장된 값을 식별할 수 있는 고유한 이름 = 변수이름그 변수에 저장된 값 = 변수 값변수에 값을 저장하는 = 할당변수에

🧐 반응형 웹? 적응형 웹?근본적으로 웹사이트가 모바일 기기와 다양한 화면 크기에서 원활한 정보를 제공하여 더 나은 모바일 사용자 경험을 제공하기 위한 방법이다.그러나, 적응형 웹과 반응형 웹은 사이트 설계부터 구동까지 많은 차이가 있다.적응형 웹은 서버나 클라이언트

패스트캠퍼스 강의(프런트엔드 개발 올인원 - 처음 배우는 Git & GitHub)를 듣고 요약한 글입니다.팀 프로젝트에서 버전관리와 클라우드 저장소는 필수 불가결한 기술입니다.버전 관리의 1등인 Git과 클라우드 저장소의 1등인 GitHub을 익히면 팀 프로젝트와 회사

코드의 재사용코드의 간결화코드의 확장성코드의 예측성(직관적인 클래스 네이밍)개발, 디버깅, 유지보수를 위하여 CSS 선택자의 이름을 가능한 한 명확하게 만드는 것이 목표이다.소문자, 숫자 만을 이용해서 작명한다.여러단어의 조합은 하이픈(-)으로 연결하여 작명한다.ID는

HEROPY, 1분코딩 을 참고하여 작성했습니다. Flex와 Grid의 큰 차이점은 Flex는 한 방향 레이아웃 시스템이고 (1차원)Grid는 두 방향(가로-세로) 레이아웃 시스템 (2차원 행과 열)CSS Grid는 예전부터 핵(Hack)으로 불린 다양한 레이아웃 대

HEROPY, 1분코딩 을 참고하여 작성했습니다. 📝FlexBox란?Flexible Box, Flexbox 라고 부르며 기존보다 세련된 레이아웃 배치 기능이다. 유연하게 속성들을 배치하여 레이아웃을 잡는 아주 유용한 기능이다.Flex Container에 적용하기(부

div, span 요소의 의미 div, span은 아무 의미가 없다. div, span 요소를 많이 사용 한다는 것은 그만큼 HTML 태그를 의미 적절하게 사용하지 않다고 해석 할 수 있기 때문에 대체할 시멘틱 요소를 사용함으로써 사용 빈도를 줄이는 것이 좋다. div 요소를 대체할 만한 요소들 span 요소를 대체할 만한 요소들 SECTIONING ...