npx create-react-app 프로젝트이름 --template typescript명령어 입력으로 설치npm install react-router-dom @types/react-router-dom 타입스크립트+리액트 라우터 설치npm install -g json-

먼저 axios파일에 axios요청들을 모아 두었다.필요한 곳에 import하여 사용 한다.PlusTodo(목록을 추가하는)컴포넌트와 TodoList(추가한 목록이 리스트로 보여지는)컴포넌트가 있는데 여기에 상태를 바꿔주는 함수인 updateTodo함수를 프롭스로 내려

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

🎮 개발 프로세스 개발 프로세스, 즉 소프트웨어 개발 프로세스 모델은 소프트웨어 개발 생명주기(SDLC, Software Develpment Life Cycle)을 기반으로 만들어졌습니다. 요구분석 및 시스템 명세 작성 문제분석 단계라고도 하며, 개발할 소프트웨어

아마존 웹 서비스(AWS)란 아마존이 자사의 노하우를 살려 제공하고 있는 ‘클라우드 컴퓨팅 서비스’를 의미합니다.장점최근의 가상화 기술을 사용하는 클라우드 서비스는 기존의 온프레미스 형식과는 달리 다음과 같은 장점이 있습니다.필요할 때마다 컴퓨팅 능력을 유연하게 조절할

delete메소드 뿐만 아니라 post요청 또한 axios로 데이터를 추가 혹은 삭제를 하기위해 데이터 요청 함수를 만들고 export로 내보내주어 필요한 곳에 import하여 사용하 였다. 근데 여기서 문제는 클릭을 하면 바로 실행 되는 것이 아닌 새로고침 혹은 ge

최적화, 最適化, optimization주어진 상황에서 원하는 가장 알맞은 결과를 얻을 수 있도록 처리하는 과정.주어진 조건으로 최대 효율을 낼 수 있도록 하는 것을 의미합니다.<span style="color:white; background-color:-웹 개발

기존 맥북계정에 finder가 나가리가 돼서 새로운 계정을 만들었다!그러고! 처음 clone을 진행하는 순간! 에러가 발생하였다! 이게 뭐징~?ssh키로 할려고 했지만 되지 않았다.찾아본 결과 Https로 clone을 하려고 하는데 user.name과 password를

📚프로젝트 설정하기 > CRA공식 홈페이지(TypeScript)를 보면 타입스크립트를 설치하는 방법이 나온다.

구글 지도맵 API를 쓰기 위해서는 API_KEY를 발급받아야 하는데 구글 아이디와 신용카드가 필요하다.무료이기 때문에 걱정할 필요는 없다!맨위에 시작하기를 누르고 로그인후 발급을 받으면 된다.구글맵 지오코딩 홈페이지발급을 받으면 변수에 넣어준다.(사진)API키 발급이

오류 발견 오늘 강의를 듣다가 오류를 만났다... 사실 먼저 오류를 발견한 스터디원분들이 해결한 것을 보면서 나는 그 섹션을 안들으니깐 다행이다 생각을 했지만... 내가 듣는 섹션도 오류가 나서 피신해왔더니 나도 같은 오류를 만났다ㅠ 그래도 해결한 스터디원분들에 방법을

const { webpack, web } = require('webpack')npm i --save-dev webpack webpack-cli webpack-dev-server typescript ts-loader 타입스크립트를 자바스크립트로 컴파일 및 빌드를 시켜주는

class projectInput 만듦constructor 에서 html요소들을 불러옴private attach 메소드를 만들어 렌더링이 될 수 있게 만듦private configure 메소드로 'submit' 이벤트를 생성4-1 private submitHandler

Stack은 쌓다, 쌓이다, 포개지다 와 같은 뜻을 가지고 있습니다. 마치 접시를 쌓아 놓은 형태와 비슷한 이 자료구조는 직역 그대로, 데이터(data)를 순서대로 쌓는 자료구조입니다. = 프링글스1\. LIFO(Last In First Out)2\. 하나의 입출력 방

🍪쿠키 쿠키의 배경 쇼핑몰 사이트에서 여러 제품들을 찾으면서 맘에 드는 제품을 장바구니에 담았다. 여러 페이지를 오가다가 생긴 의문이 있다. HTTP 요청은 무상태성이라고 했는데 어떻게 우리의 정보(상태)가 유지가 될까? => 이유는 🍪쿠키 덕분이다! 여기서 쿠키

public은 영어단어 뜻은 공공의, 대중의입니다. 단어처럼 접근 제한이 따로 없습니다. 상속도 가능하고, 외부 객체를 통한 접근도 가능합니다.아무것도 적지 않으면 기본값이므로 public이다.위 코드를 보면 부모클래스(Base)에서 자식클래스(Member)로 상속이

☀️ 네트워크 (IP Packet, TCP/UDP) IP와 IP Packet - IP한계 IP와 IP Packet 그래서 흔히 말하는 IP(인터넷 프로토콜) 주소를 컴퓨터에 부여하여 이를 이용해 통신합니다. IP는 지정한 IP 주소(IP Address)에 패킷

🔥 자주 틀리는 마크업 🔥 대체 텍스트 🔥 콘텐츠 선형 구조 🔥 WAI-ARIA 🔥 표의 구성 🔥 레이블 제공

일반적으로 웹 접근성은 장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것을 뜻합니다.1\. 사용자층 확대웹 접근성을 확보하면 장애인, 고령자 등 정보 소외 계층도 웹 사이트를 자유롭게 이용할 수 있게 됩니

웹표준