클라이언트 정보 저장형태: key와 valueHTML5에서 쿠키의 단점 보완해서 만든 기술 클라이언트에 대한 정보를 이용자의 PC의 하드디스크에 보관하기 위해서 웹 사이트에서 클라이언트의 웹 브라우저에 전송하는 정보

자바스크립트의 비동기 처리 패턴 문법장점콜백 함수 & 프로미스의 단점 보완 (기존의 비동기 처리 방식)개발자가 읽기 좋은 코드 작성 가능함수 앞에 async (예약어) 붙임 → 함수 내부 로직 중 HTTP 통신을 하는 비동기 처리 코드 앞에 await 붙임주의: 비동

Instagram을 모티브로 한 웹 사이트를 구현하는 팀 프로젝트팀 깃헙 레파지토리프로젝트 영상팀명 instamg팀 구성 프론트 3명 백엔드 2명소통 방식StandUp Meeting (Agile 방식)Trello 이용Backlog / This Week / In P

브라우저, Node.js를 위한 Promise api를 활용하는 HTTP 비동기 통신 라이브러리 = 백과 프론트랑 통신을 쉽게 하기 위해 AjAX랑 더불어 사용 운영 환경에 따라 브라우저의 XMLHttpRequest 객체 또는 Node.js의 http api 사용P

Date 생성자시간의 특정 지점을 나타내는 Date 객체 생성Date 객체 1970년 1월 1일 UTC(국제 표준 시) 00:00으로부터 지난 시간을 밀리 초로 나타내는 유닉스 타임 스탬프를 사용Date 객체 초기화자바 스크립트 Date 객체 생성 법= new 연산자

라우트의 경로에 특정 값을 넣어 해당 페이지로 이동할 수 있게 하는 것 (Dynamic Routing)방법 (2가지)Query parametersURL parametershistory이 객체를 통해 push, replace 를 통해 다른 경로로 이동 or 앞 뒤 페이

잘한 점 건강해진 생활 패턴 전보다 잘 먹고 잘 자고 더 편한 마음으로 진행 중 계획으로 적당한 긴장감을 가지려고 노력 시간이 길어져서 전체적으로 루즈해지는 면이 있지만 한달, 2주, 1주 단위로 나만의 목표를 정해서 긴장감을 놓치 않고 많이 생산해내려고

디자인 요소들을 나누어 파악하고 이 요소들이 조합되는 과정을 통해서 디자인을 구성하는 방식 = 컴포넌트 중심의 디자인 패턴 Atoms: 하나의 구성 요소. 본인 자체의 스타일만 가지고 있으며 다른 곳에 영향을 미치는 스타일은 적용되지 않아야 함.Molecules

선택 항목 (값을 있어도 되고 없어도 되는)을 fetch로 보낼 때의 코드 → phone, email 의 경우에는 값이 있어도 되고 없어도 되는 선택 항목

중복 로직 줄이기 (event 객체 사용)_ +, - 연산 sort 로직 (인자에 따라 다른 결과값을 반환) 줄이기 query string 파싱 함수 재사용

사용하는 경우데이터가 많아서, 한 화면에 전부 보여줄 수 없는 경우프/백 양 쪽에서 모두 구현해야 함프론트 전달 사항쿼리 스트링(Query String) 사용limit : 한 페이지에 보여줄 데이터 수offset : 데이터가 시작하는 위치(index)url에서 ? 기호

팀 깃헙 레파지토리https://github.com/wecode-bootcamp-korea/16-2nd-starbugs-frontend팀명 STARBUGS 팀 구성 프론트 3명 백엔드 3명소통 방식StandUP Meeting (Agile 방식)Trello

https://github.com/katej927/STARBUGS_ListPage_210205전체 데이터를 한 번에 받고 그 후 모든 걸 front에서 처리한다.구조도최상위 컴포넌츠 (ProductList.js)카테고리 checkbox : ProductLis

React에는 4가지의 Built-in HooksuseState - 기본 & 핵심useEffect - 기본 & 핵심useRefuseReducerHooks란?함수 컴포넌트에서 React state &생명주기 기능(lifecycle features)을 “연동(hook in

constructorrendercomponentDidMount최초 렌더가 되고 나서 불리는 메소드state변경 or fetch or 여러 비동기적 처리 등사용이유 데이터를 받아오기 때문에rendercomponentDidUpdate (setState 되었기 때문

회원가입 페이지 기준text type input각 인풋의 onChange에 따라 값을 저장하는 state를 업데이트(setState 활용)한 후,값의 유무 & 2차 조건을 검사하는 메소드를 콜백함수를 통해 점검 및 업데이트(setState 활용) .checkbox ty

팀 깃헙 레파지토리https://github.com/wecode-bootcamp-korea/bang_olaf-frontend사이트 Bang & Olufsen (디지털 기기 판매)이라는 사이트 클론.기간 2021.01.11~01.22HTML/CSSJavaS

아래 값들을 인자로 받아 요소를 가로선 상에서 정렬flex-start: 요소들 정렬 ⇒ 컨테이너의 왼쪽flex-end: 요소들 정렬 ⇒ 컨테이너의 오른쪽center: 요소들 정렬 ⇒ 컨테이너의 가운데space-between: 요소들 사이 ⇒ 동일한 간격space-

디스플레이의 종류에 따라 화면의 크기가 자동으로 변하는 웹 페이지를 의미Responsive Web 을 구현하는 CSS technique특정 조건에서는 어떤 CSS 를 적용 하라는 규칙 부여 가능CSS에 @media 라는 문법으로 작성예시해석@media — media

간략 설명: 프로그램 제작 시 필요한 기능비교 설명: 자동차 바퀴, 자동차 헤드라이트, 자동차 에어백예시 : jQuery재 사용이 필요한 기능 ( 반복적인 코드 작성을 없애기 위해 ) 언제든지 필요한 곳에서 호출하여 사용 가능Class나 Function으로 만들어짐그