코드스테이츠 TIL

•JavaScript에서 데이터를 편하게 다루기 위해 데이터에 이름을 붙인것•데이터를 편리하게 저장하고 꺼내 쓸 수 있음What does it mean?•데이터 보관함(메모리)•보관함의 크기는 동일•각 보관함의 이름 = 변수•이름을 통해 데이터 사용 (재활용)How t

논리적인 일련의 작업을 하는 하나의 단위작은 기능의 단위구체적인 입력값과 출력값을 가질 수 있음코드의 묶음(즐겨찾기 버튼)기능(function)의 단위입력과 출력간의 매핑(mapping)반드시 돌아온다(return)버튼을 제작한다선언(declaration)버튼을 사용한

Blocking: 하나의 작업이 끝날 때까지, 이어지는 작업을 “막는 것”동기적(synchronous): 새로운 작업 시작 지점과 이전 작업 완료 시점이 같은 상황 ex) 카페에서 첫번째로 주문한 커피가 나오고 나서야 두번째로 커피를 주문할 수 있는것Node.Js 개

\-일정 시간 후에 함수를 실행매개변수(parameter): 실행할 콜백 함수, 콜백 함수 실행 전 기다려야 할 시간 (밀리초)return 값: 임의의 타이머 ID\-setTimeout 타이머를 종료매개변수(parameter): 타이머 IDreturn 값: 없음\-일정

웹, 데스크탑, 모바일 등 다양한 플랫폼에서 활용할 수 있는 프론트엔드 개발을 위한 JavaScript 오픈소스 라이브러리1.선언형: 한 페이지를 보여주기 위해 HTML/CSS/JS로 나눠서 적지 않고 하나의 파일에 JSX(HTML과 JS가 결합한 문법)를 기반으로 명

학습 목표npm 을 이용해 react-router-dom을 설치할 수 있음컴포넌트 단위로 Client-side routing 을 할 수 있음react-router-dom 를 활용하여 Twittler SPA를 구현할 수 있음1.과제 시작 전 fork 하고 터미널에서 gi

Unit4에서 배운것: React에서 컴포넌트 기반으로 화면을 구성하는 방법Unit5에서 배운것: 라우팅을 통해 경로에 따라 다른 뷰를 보여주는 방법 학습 목표state, props의 개념에 대해서 이해하고, 실제 프로젝트에 바르게 적용할 수 있음React 함수 컴포넌

오늘은 페어 프로그래밍없이 네트워크에 대해 배우는 시간이었다! 클라이언트: 리소스를 사용하는 애플리케이션이며 사용자가 눈으로 보며 대면하므로, 프론트엔드 영역서버: 리소스를 전달하는 애플리케이션이며 사용자 눈에 직접 보이지 않게 뒤에서 작동하므로, 백엔드 영역클라이언트

REST: “Representational State Transfer”의 약자웹에서 사용되는 데이터나 자원(Resource)을 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식➡️ HTTP 프로토콜을 통해 요청과 응답에 따라 리소스를 주

React개발 방식의 큰 특징은 페이지를 만들기 이전에 컴포넌트를 만들고 조립하는 즉, 상향식(bottom-up) 으로 앱을 만듬! 그래서 테스트가 쉽고 확장성이 좋은 장점이 있음.개발자가 기획자나 PM, 또는 UX 디자이너로부터 앱의 디자인을 전달받고 나면, 가장 먼

위와 같은 콘솔창의 에러는 CORS policy 에러임CORS가 필요하게 된 배경인 SOP을 알아보겠음동일 출처 정책 = ‘같은 출처의 리소스만 공유가 가능하다’는 정책여기서 '출처(Origin)'는 프로토콜, 호스트, 포트의 조합으로 하나라도 다르면 동일한 출처로 아

my-agora-states-server/app.js

UI와 UX는 사용자에게 보이는 화면을 구성하는 방법, 사용자가 사용하게 될 기능을 구현하는 방식과 관련이 있다는 점에서 프론트엔드 개발과 밀접한 관련이 있음. => 잘 공부해두면 더 좋은 프론트엔드 개발자가 될 수 있는 분야임.사람들이 컴퓨터와 상호 작용하는 시스템

와이어프레임 & 프로토타입 와이어프레임 & 프로토타입은 UI/UX를 디자인할 때 꼭 작성해봐야함 . 제품 개발 이전에 화면 구조를 설계하기 위해 작성하는 것이라는 공통점을 가짐. 두 개념을 혼동해서 사용하는 경우도 있으나 , 둘은 작성 시점도 작성 목적도 완전히 다름

Bare Minimum RequirementsUI 분석사용중인 UI 디자인 패턴컬럼 그리드 시스템 사용 여부UX 분석피터 모빌의 UX 7요소 충족 여부User flow 그려보기사용성 평가제이콥 닐슨의 10가지 사용성 평가 기준 충족 여부

실습 코드

:전역 상태를 관리할 수 있는 저장소인 Store를 제공하여 데이터(props) 흐름을 단순하게 해주고, Props Drilling과 같은 문제를 해결해주는 상태 관리 라이브러리

문서, 이미지, 영상 등 다양한 정보를 여러 사람들과 공유할 수 있는 공간.ex) 웹툰 (World Wide Web(웹) + Cartoon(만화))🤔 인터넷은 웹 기반으로 작동( X ) => 인터넷이 웹보다 좀 더 포괄적인 개념으로, ‘전 세계적으로 연결되어있는 컴퓨

사이트를 검사하여 성능 측정을 할 수 있는 도구다양한 지표를 이용하여 웹페이지의 성능 검사를 해줄 뿐만 아니라 이에 대한 개선책도 제공함.구글에서 개발한 오픈소스로서 웹 페이지의 품질을 개선할 수 있는 자동화 툴성능, 접근성, PWA, SEO 등을 검사하며 이를 이용해