본문 바로가기

💻/[과제]31

[과제] Message States Message States To do : 코드스테이츠에서 운영 중인 Message States Server의 API 문서를 읽고 Postman으로 실습 Bare minimum Requirements 1 - message states Server 에 GET 요청을 하고, 응답 확인 - done! - message states Server에 /{githubID}/message으로 POST 요청을 하고 응답을 확인함 - done! (POST 요청이 성공하면 서버에 전부 저장됨, 서버에 요청을 보낸 githubID를 통해 확인) - done! - HTTP 응답 코드(Status code)와 응답이 어떤 방식으로 나오는지 직접 확인 - done! Bare minimum Requirements 2 - Open we.. 2022. 12. 2.
[과제] React Twittler Intro Bare Minimum Requirement 상세 컴포넌트 구현하기 Sidebar 컴포넌트 기술 요구사항 - passed - [✔️] App 컴포넌트 후손 컴포넌트로 Sidebar 컴포넌트가 있어야 함 - [✔️] Font Awesome을 활용하여 트윗 메시지 아이콘이 있어야 함 (className : "far fa-comment-dots") Counter 컴포넌트 기술 요구사항 - passed - [✔️] Feature 컴포넌트 후손 컴포넌트로 Counter 컴포넌트가 있어야 함 - [✔️] dummyTweet으로 전달 되는 트윗 갯수와 카운트가 일치해야 함 ex) total: 5 → total과 숫자가 컨텐츠에 포함되어 있어야 함 Footer 컴포넌트 기술 요구사항 - passed - [✔️] Fea.. 2022. 11. 25.
[과제] Part 3 - fetch API fetch API : URL 주소를 통해 서버로부터 동적으로 데이터를 받아오는 API - fetch API 특정 URL로부터 정보를 받아오는 역할을 함 - 이 과정이 비동기로 이루어지기 때문에 경우에 따라 다소 시간이 걸릴 수 있음 - 이렇게 시간이 소요되는 작업을 요구할 경우 blocking이 발생하면 안되므로 특정 DOM에 정보가 표시 될 때 까지 로딩 창을 띄우는 경우도 있음 - fetch()를 불러들이는 경우, 취득한 리소스를 반드시 인수로 지정하지 않으면 안됨! - 읽어들인 뒤, fetch()는 Promise객체를 반환함 - 리퀘스트가 실패하든 해당 리퀘스트 통신에 대한 response 객체가 취득함 - response를 가져온 후에, 콜백 함수의 매개변수로 담긴 response 객체는 리스폰스.. 2022. 11. 23.
[과제] Part 1 - 타이머 API Bare Minimum Requirements - Promise 실행 함수가 가지고 있는 두 개의 파라미터 resolve와 reject는 각각 무엇을 의미하나요? : new Promise() 메서드를 호출할 때 콜백 함수를 선언할 수 있고 그 때 함수의 인자가 resolve, reject 임. 비동기 작업이 성공한 경우 resolve()를, 실패한 경우 reject() 를 호출함. resolve를 실행하면 이행 상태가 되고 이행 상태가 되면 then()을 이용해서 처리 결과 값을 받을 수 있음. reject를 호출하면 실패 상태가 됨. 실패 상태가 되면 실패한 이유(실패 처리 결과 값)를 catch()로 받을 수 있음 - resolve, reject 함수에는 전달 인자를 넘길 수 있습니다. 이때 넘기는 .. 2022. 11. 22.
[과제] Underbar Bare Minimum Requirement - 자주 사용되는 기본적인 JavaScript의 배열 메서드를 직접 구현하며 원리를 이해한다 (slice, forEch, indexOf, filter, map, reduce 등) - 고차 함수를 활용하여 기존에 만든 함수에 콜백 함수로 재사용할 수 있다 - iteratee가 콜백 함수 임을 이해 할 수 있다 Advanced Challenge - part1에서 제작한 언더바 고차 함수를 응응해 해결 - 함수 커스텀 메서드 : once, delay - 배열 내장 메서드 : includes, every, some - 객체 커스텀 메서드 : extends, defaults - 배열 커스텀 메서드 : zip, zipStrict, intersection, differen.. 2022. 11. 22.
[과제] localStorage 와 JSON 로컬스토리지 - 브라우저 안에 저장되는 데이터들을 모아놓는 공간 중 하나 - 비휘발성이며, 값이 만료되지 않는다 - 사용자가 값을 삭제할 수는 있다 - key와 value의 형태로 값을 저장한다(JSON 형태) - key와 value는 문자열 형태로 입력된다 - 저장 용량은 표준 스펙에 의하면 도메인당 5MB 까지 가능 localSotrage와 sessionStorage의 차이점 - localStorage는 데이터를 반영구적으로 사용 가능 - sessionStorage는 페이지 세션이 끝날 때, 즉 페이지를 닫을 때 데이터가 사라짐 before JSON - JSON은 XML의 대안으로서 보다 쉽게 데이터를 교환하고 저장하기 위하여 고안되었음 - XML(Extensible Markup Language)는 .. 2022. 11. 15.

티스토리툴바