목록웹 개발 (20)
Gom3rye
보호되어 있는 글입니다.
보호되어 있는 글입니다.
HTTP 란? HyperText Transfer Protocol로 HTML 문서와 같은 리소스들을 가져올 수 있도록 해주는 프로토콜이다. - 웹에서 이루어지는 모든 데이터 교환의 기초 HTTP의 특성 1. Stateless - Stateless하기 때문에 Scaling이 자유롭다. -> 상태를 보관하지 않으므로 어떤 서버가 응답해도 상관 없음 (클라이언트의 요청이 대폭 증가하게 되더라도 서버를 증설하는 방식을 사용할 수 있다.) => 서버가 상태를 알아야 할 때 Ex) Login기능 구현 -> 브라우저 쿠키나 서버 세션, 토큰 등을 사용해 상태를 유지해야 한다. Stateful : 서버와 클라이언트 간 세션의 상태에 기반해 클라이언트에 응답을 보내므로 세션 상태를 포함한 클라이언트와의 세션 정보를 서버에..
반응형 웹 디자인이란? - 반응형 웹 디자인(Responsive Web Design, RWD)이란 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 말한다. (보통 모바일은 768px, 타블렛은 1024px 크기를 갖는다.) → 반응형 웹에서 빼놓을 수 없는 개념 : 모바일 퍼스트 모바일 퍼스트: 웹 디자인을 할 때, PC보다 모바일 기기를 먼저 생각해서 디자인하고 프로그래밍 하는 기법 태블릿 PC, 스마트 폰등 모바일 기기의 이용이 늘어나면서 일반 웹 사용자보다 모바일 웹 사용자가 더 많아지면서 생기게 되었다. 모바일 퍼스트의 핵심은 모바일의 제약을 집중의 기회로 본다는 것이다. 기존의 모바일의 제약으로 1..
1. HTML 태그의 type속성의 기본값은 무엇이고, 그 이유 무엇일까요? > input 태그보다 더 쉽게 form을 활용하기 위해 button 태그의 기본 속성은 submit으로 세팅되어 있다. submit 말고도 reset, button을 button 태그의 속성으로 지정해줄 수 있다. 2. 리액트의 state update는 동기(synchronous) 동작인가요, 비동기(asynchronous) 동작인가요? > state update는 비동기 동작이다. setState()를 동기적으로 re-rendering 하는 것이 비효율적이다. 리액트는 state와 props에 따라 렌더링이 되는데 하나의 컴포넌트 안에서 여러 state가 연속적으로 변화하면 성능이 저하될 수 밖에 없다. 이 때문에 state..
처음부터 styled component로 묶으면 개발할 때 편하니까 스타일링이 적용되지 않는 것도 묶자. GlobalStyle에 있는 font-size는 왠만하면 건들지 않는 것이 좋다. ---> px을 rem으로 바꿀 때 계산하기 편리하기 위해서 ex) GlobalStyle에 font-size가 10px로 되어있으면 rem으로 변환할 때 10만 나눠주면 된다. ( 200px = 20rem ) 이번 과제에서는 배열에 변경을 가할 일이 없기 때문에 key값으로 index를 부여해도 문제가 없으나 보통의 경우는 지양해야 합니다. 자바스크립트의 배열은 정적이지 않습니다. 즉, 배열의 길이나 원소 등이 변할 수 있다는 의미입니다. 따라서 배열의 index를 key prop으로 사용하는 것을 지양해야 합니다. 배..