CS
1.[CS] CSR과 SSR의 개념적 차이와 동작 구분 방식
CSR(Client Side Rendering)과 SSR(Server Side Rendering) SPA와 MPA SPA : single page application 하나의 HTML 파일을 기반으로 자바스크립트를 이용해 동적으로 화면의 컨텐츠를 바꾸는 방식의 웹 어
2.[CS : CSS] 박스 모델 box-model, margin과 padding
문서상의 요소들을 시각적인 목적을 위해서 모든 요소들을 하나의 직사각형 박스 로 여기는 모델이다모든 박스들은 아래의 영역을 가진다컨텐츠 영역(content area) : 글이나 이미지, 비디오 등 요소의 실제 내용 포함안쪽 여백 영역 (padding area) : 안쪽
3.[CS : CSS] scss(sass)의 장점, scss 사용 이유
선언 가능 변수 타입 : 숫자, 문자열, 색상, boolean, null, lists, maps중첩해서 선언 및 사용 가능상위요소 참조시에는 & 문자 사용@import 지시어를 사용해서 다른 scss 파일을 import 할 수 있다@extend 지시어를 사용해서 특정
4.[CS : CSS] css에서 position이란?
Position 속성은 문서 상에 요소를 배치하는 방법을 지정해주는 속성기본값은 static 이며 이외에도 relative, absolute, fixed, stickey이 있다.static : 요소를 왼쪽에서 오른쪽, 위에서 아래로 일반적인 문서 흐름에 따라 배치rel
5.[CS] REST, RESTFUL API란?
REST란 무엇인가? > 자원을 이름으로 구분하여 해당 자원의 상태를 주고 받는 것 REST 란 Representational State Transfer의 약자로 URI와 HTTP 메소드를 이용해서 객체화된 서비스에 접근하는 것을 말한다. REST의 요소로는 크게
6.[CS : CSS] CSS selector 개념, 종류, 우선 순위
CSS 선택자란 말 그대로 선택을 해주는 요소이며 이를 통해 특정 요소들을 선택하여 스타일을 적용할 수 있ㄷid(id 선택자): - - id 속성을 가진 모든 태그를 선택해 css 적용한 페이지 내에서 단 한번, 유일하게 적용될 스타일은 id selector
7.[CS : CSS] css 길이의 단위 : px, em, rem
px : pixel, 표시장치(모니터)에 따라서 상대적인 크기를 가짐em :font_size, 해당 폰트의 대문자 M 의 너비를 기준으로 함 -> 글자 크기를 참조, 픽셀을 기반상위 요소 크기의 몇 배인지 정하는 단위상위 태그의 폰트 크기가 16px일 경우 하위 태그
8.[CS : CSS ] svg 파일이란?
scalable vector graphics라는 뜻, 확장 가능한 벡터 그래픽픽셀을 이용하여 그림을 그리는 png, jpg 파일들과는 다르게 벡터를 기반으로 이미지를 표현그러다 보니 크기를 조절함에 따라 깨지는 것이 없고, 용량이 작기 때문에 웹에서 자주 사용하는 이미
9.[CS : CSS] float 작동 원리
float는 CSS 위치 지정 속성이다float된 요소는 페이지 흐름의 일부가 되며, 페이지의 흐름에서 제거되는 position : absolute 요소와 달리 다른 요소의 위치에 영향을 준다CSS clear 속성은 float 요소에 left/right/both에 위치
10.[CS : CSS] 반응형 웹의 3요소, 반응형 웹과 적응형 웹
그리드 레이아웃 : 부모 요소에 display : grid 속성을 넣어준다가변형 이미지 : max-width, width, min-width 등을 이용해 화면 너비에 따라 높이와 너비가 바뀌는 이미지미디어 쿼리 : 미디어 쿼리는 화면(screen), 티비, 프린터와 같
11.[CS : CSS] css-in-js
javascript를 사용하여 스타일을 선언적이고, 유지보수 가능한 방식이다. javascript를 css로 전환하는 고성능 컴파일러로 런타임 및 서버 사이트에서 작동하게 된다.기존 웹 사이트는 html, css, javascript를 각자 별도의 파일로 두었는데, r
12.[CS : JS] 호이스팅 ( hoisting)
"끌어올린다" 라는 뜻으로 변수 및 함수 선언문이 스코프 내의 최상단으로 끌어올려지는 것처럼 보이는 현상을 말한다.단, 선언문만 해당되며 대입문은 끌어올려지지 않는다.실제로는 컴파일 시 변수, 함수 선언이 메모리에 들어가되 할당은 코드를 작성한 위치에서 진행된다.컴파일
13.[CS : JS] 실행 컨텍스트(execution context)
코드의 실행환경에 대한 여러가지 정보를 담고 있는 개념으로, 간단히 말하자면 자바스크립트 엔진에 의해 만들어지고 사용되는 코드 정보를 담은 객체의 집합이다.즉, JS의 코드가 실행되기 위해서는 변수객체, 스코프체인, this 정보들을 담고 있는 곳을 실행 컨텍스트라고
14.[JS] 1. 프론트엔드 질문 리스트 (프로그래밍, 자바스크립트 특징)
프로그래밍이란? 프로그래밍이란 컴퓨터와 이루어지는 일종의 커뮤니케이션. 0과 1밖에 알지 못하는 기계가 이해할 수 있도록 정확하고 상세하게 요구를 설명하는 작업이며 그 결과물이 코드이다. 컴파일러/인터프리터란 무엇인가? 사람들이 프로그래밍 언어를 사용해 프로그램을
15.[JS] 2. 프론트엔드 질문 리스트 (변수, 호이스팅, 데이터 타입)
변수란? 값의 위치를 가리키는 상징적인 이름이다. 변수를 선언한다는 것은 어떤 것을 의미하는가? 변수를 생성하는 것을 의미한다. 좀더 자세히 말하자면 값을 저장할 메모리 공간을 확보하고 이 메모리 주소를 변수 이름과 연결하여 값을 저장할 공간을 마련하는 준비를 하