교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제입니다.CORS 에러

열거형은 특정 값의 집합을 정의할 때 사용된다. JavaScript와 달리 TypeScript에서는 문자형 열거형과 숫자형 열거형을 사용할 수 있다.열거형은 숫자형과 문자열형, 혹은 이 둘의 조합으로 정의될 수 있다. 디폴트 값으로 숫자형을 사용하며 각 값은 자동으로

기본적인 TypeScript 타입 선언2^53보다 큰 수를 나타낼 때에는 bigint 타입을 사용할 수도 있다.백틱(\`)을 사용한 문자열인 템플릿 리터럴을 사용하면 여러 줄에 걸쳐 문자열을 작성할 수 있다.user\[2]에 toString()으로 접근하게 되면, us

고차 함수(Higher order function)는 함수를 인자로 전달받거나 함수를 결과로 반환하는 함수를 말한다. 즉, 고차 함수는 인자로 받은 함수를 필요한 시점에 호출하거나 클로저를 생성하여 반환한다. 자바스크립트의 함수는 일급 객체이므로 값처럼 인자로 전달할

✔️ 네이버의 body 부분 코드이다. 시멘틱하게 <style>로 스타일링 속성을 따로 작성해주었다. 하지만 모든 항목이 전부 div 태그로 이루어져 있고, 대신 id로 header와 container, footer를 구분해주었다. 이를 시멘틱 요소로 바꿔보자.✔

웹 표준이란 웹에서 표준적으로 사용되는 기술이나 규칙이며 웹 표준의 궁극적인 목적은 웹사이트에 접속한 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 동일한 결과를 보이게 하는 것이다.수정 및 유지보수의 용이성접근성 향상검색 엔진 최적화 (SEO)호완성 확보HTML을

Hook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 “연동(hook into)“할 수 있게 해주는 함수입니다. Hook은 class 안에서는 동작하지 않습니다. 대신 class 없이 React를 사용할 수 있게 해주는

Promise는 비동기 처리에 사용되는 객체이다. Promise가 생성된 시점에는 정해지지 않았을 수 있는 결과를 나중에 돌려주겠다는 약속(promise)을 반환하는 것이다. 이는 콜백 함수의 단점을 보완할 수 있다.대기(pending): 이행하지도, 거부하지도 않은

레고처럼 조립해 나갈 수 있는 부품 단위로 UI 컴포넌트를 만들어 나가는 개발 방법애플리케이션으로 개발 방향이 진화하면서 컴포넌트 단위의 개발은 캡슐화의 중요성을 불러왔습니다. CSS도 컴포넌트 영역으로 불러들이기 위해서 CSS-in-JS가 탄생했습니다.CSS in J

UI(사용자 인터페이스)는 사람들이 컴퓨터와 상호 작용하는 시스템을 의미한다.GUI는 그래픽을 이용해 컴퓨터와 상호작용하는 인터페이스이다. 일반적으로 프론트엔드 개발자에게 UI라 함은 GUI를 의미한다.UX(사용자 경험)은 사용자가 시스템이나 서비스를 이용하며 느끼는

📝Section3_Unit1 재귀원래의 자리로 되돌아가거나 되돌아옴.✔️ 반복문으로 평범하게 푼다면✔️ 재귀를 이용한 코드

📝Section2_Unit9 클라이언트 Ajax 요청 : React 데이터 흐름React는 기본적으로 단방향 데이터 흐름(One-way data flow)를 따른다. 즉, 컴포넌트는 props를 통해 전달받은 데이터가 어디서 왔는지 전혀 알지 못한다.기본적으로 자식

📌 Postman 실습 ✔️ GET GET /shyesoo/messages로 shyesoo의 모든 메세지를 조회하였다. 관리자의 메세지와 shyesoo의 메세지가 조회되었다. ✔️ POST POST /shyesoo/messages로 새로운 메세지를 작성하였다

📝Section2_Unit8 HTTP/네트워크 실습REST API는 서버과 클라이언트가 요청과 응답을 주고받을 때 지켜야하는 통신 규약을 의미한다. REST API에서 REST는 “Representational State Transfer”의 약자로, 로이 필딩 (Ro

📝Section2_Unit7 HTTP/네트워크 기초서버와 클라이언트로 이루어진 설계방식으로 2티어 아키텍처라고도 한다. 여기에 데이터베이스가 추가되면 3티어 아키텍처가 된다.클라이언트 (client) : 서버로 요청(request)를 보내고, 응답(response)를

➡️ 'Route' 컴포넌트를 이용해서 경로를 의미하는 path와 그 경로에서 보여줄 element 컴포넌트를 설정해주었다.➡️ 같은 형식의 반복되는 < li > 를 'Tweet' 컴포넌트로 설정하였다. 'tweet' 데이터 객체에서 username과 create

📝[Section2Unit6] React State & Props_ 📌 State vs Props ✔️ State '상태'를 의미한다. 내부에서 변화하는 값이다. e.g., 나이, 재학중, 미혼, 거주지, ... ✔️ Props '속성'을 의미한다. 외부에서

Section2_Unit5 React SPA수정중...